/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/cub-lib-view-iconfont/css/cub-lib-view-iconfont.min.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * CUB Design Guideline IconFont v2.1.0
*/@font-face{font-family:"CubIconFont";src:url('CubIconFont.eot?wi7oc5');src:url('CubIconFont.eot?wi7oc5#iefix') format("embedded-opentype"),url('CubIconFont.ttf?wi7oc5') format("truetype"),url('CubIconFont.woff?wi7oc5') format("woff"),url('CubIconFont.svg?wi7oc5#CubIconFont') format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=cub-icon-],[class*=" cub-icon-"]{display:inline-block}[class^=cub-icon-]::before,[class*=" cub-icon-"]::before{display:block}[class^=cub-icon-],[class*=" cub-icon-"]{font-family:"CubIconFont" !important;font-size:24px;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cub-icon-alarm:before{content:""}.cub-icon-arrow-down:before{content:""}.cub-icon-arrow-down-to-bracket:before{content:""}.cub-icon-arrow-down-to-square:before{content:""}.cub-icon-arrow-left:before{content:""}.cub-icon-arrow-return-left:before{content:""}.cub-icon-arrow-return-right:before{content:""}.cub-icon-arrow-right:before{content:""}.cub-icon-arrow-right-from-bracket:before{content:""}.cub-icon-arrow-right-from-square:before{content:""}.cub-icon-arrow-right-to-bracket:before{content:""}.cub-icon-arrow-right-to-square:before{content:""}.cub-icon-arrow-rotate-left:before{content:""}.cub-icon-arrow-rotate-left-slider:before{content:""}.cub-icon-arrow-rotate-right:before{content:""}.cub-icon-arrows-anti-diagonal-from-center:before{content:""}.cub-icon-arrows-anti-diagonal-to-center:before{content:""}.cub-icon-arrow-split:before{content:""}.cub-icon-arrows-rotate:before{content:""}.cub-icon-arrows-rotate-cloud:before{content:""}.cub-icon-arrows-rotate-exclamation:before{content:""}.cub-icon-arrows-rotate-gear:before{content:""}.cub-icon-arrows-rotate-lock:before{content:""}.cub-icon-arrows-rotate-slash:before{content:""}.cub-icon-arrow-trend-down:before{content:""}.cub-icon-arrow-trend-up:before{content:""}.cub-icon-arrow-up:before{content:""}.cub-icon-arrow-up-from-bracket:before{content:""}.cub-icon-arrow-up-from-square:before{content:""}.cub-icon-arrow-up-right-from-square:before{content:""}.cub-icon-arrow-up-right-to-square:before{content:""}.cub-icon-badge:before{content:""}.cub-icon-badge-check:before{content:""}.cub-icon-badge-check-slash:before{content:""}.cub-icon-badge-exclamation:before{content:""}.cub-icon-ban:before{content:""}.cub-icon-barcode:before{content:""}.cub-icon-bars:before{content:""}.cub-icon-bars-user:before{content:""}.cub-icon-bed:before{content:""}.cub-icon-bell:before{content:""}.cub-icon-bell-filled:before{content:""}.cub-icon-bell-slash:before{content:""}.cub-icon-bitcoin-sign:before{content:""}.cub-icon-bluetooth:before{content:""}.cub-icon-bolt:before{content:""}.cub-icon-book:before{content:""}.cub-icon-bookmark:before{content:""}.cub-icon-bookmark-filled:before{content:""}.cub-icon-book-open:before{content:""}.cub-icon-book-open-font-lines:before{content:""}.cub-icon-book-open-lines:before{content:""}.cub-icon-book-spine:before{content:""}.cub-icon-bottom-panel-close:before{content:""}.cub-icon-bottom-panel-open:before{content:""}.cub-icon-box-archive:before{content:""}.cub-icon-brain:before{content:""}.cub-icon-brain-arrow-down-circle:before{content:""}.cub-icon-brain-clock:before{content:""}.cub-icon-brain-node:before{content:""}.cub-icon-briefcase:before{content:""}.cub-icon-browser:before{content:""}.cub-icon-brush:before{content:""}.cub-icon-building:before{content:""}.cub-icon-building-column:before{content:""}.cub-icon-building-column-globe:before{content:""}.cub-icon-building-column-plus:before{content:""}.cub-icon-building-column-shield-check:before{content:""}.cub-icon-calculator:before{content:""}.cub-icon-calendar:before{content:""}.cub-icon-calendar-clock:before{content:""}.cub-icon-calendar-day:before{content:""}.cub-icon-calendar-days:before{content:""}.cub-icon-calendar-dollar-sign:before{content:""}.cub-icon-calendar-week:before{content:""}.cub-icon-camera:before{content:""}.cub-icon-camera-plus:before{content:""}.cub-icon-car:before{content:""}.cub-icon-card-badge:before{content:""}.cub-icon-caret-down-filled:before{content:""}.cub-icon-caret-left-filled:before{content:""}.cub-icon-caret-left-to-line-filled:before{content:""}.cub-icon-caret-right:before{content:""}.cub-icon-caret-right-filled:before{content:""}.cub-icon-caret-right-to-line-filled:before{content:""}.cub-icon-caret-up-filled:before{content:""}.cub-icon-chart-arrow-trend-up:before{content:""}.cub-icon-chart-bar:before{content:""}.cub-icon-chart-bar-simple:before{content:""}.cub-icon-chart-bar-underline:before{content:""}.cub-icon-chart-bubble:before{content:""}.cub-icon-chart-candlestick:before{content:""}.cub-icon-chart-in-square:before{content:""}.cub-icon-chart-in-square-plus:before{content:""}.cub-icon-chart-line:before{content:""}.cub-icon-chart-line-point-simple:before{content:""}.cub-icon-chart-mix-line-bar-simple:before{content:""}.cub-icon-chart-pie:before{content:""}.cub-icon-chart-radar:before{content:""}.cub-icon-chart-scatter:before{content:""}.cub-icon-check:before{content:""}.cub-icon-check-circle:before{content:""}.cub-icon-check-circle-filled:before{content:""}.cub-icon-check-small:before{content:""}.cub-icon-chevron-down:before{content:""}.cub-icon-chevron-down-circle:before{content:""}.cub-icon-chevron-left:before{content:""}.cub-icon-chevron-left-circle:before{content:""}.cub-icon-chevron-right:before{content:""}.cub-icon-chevron-right-circle:before{content:""}.cub-icon-chevrons-down:before{content:""}.cub-icon-chevrons-left:before{content:""}.cub-icon-chevrons-right:before{content:""}.cub-icon-chevrons-up:before{content:""}.cub-icon-chevron-up:before{content:""}.cub-icon-chevron-up-circle:before{content:""}.cub-icon-circle-filled:before{content:""}.cub-icon-click:before{content:""}.cub-icon-clipboard:before{content:""}.cub-icon-clipboard-arrow-down:before{content:""}.cub-icon-clipboard-list:before{content:""}.cub-icon-clock:before{content:""}.cub-icon-clock-rotate-left:before{content:""}.cub-icon-clock-rotate-left-gear:before{content:""}.cub-icon-cloud-arrow-down:before{content:""}.cub-icon-cloud-arrow-up:before{content:""}.cub-icon-cloud-check:before{content:""}.cub-icon-code:before{content:""}.cub-icon-compass:before{content:""}.cub-icon-compress:before{content:""}.cub-icon-contactless:before{content:""}.cub-icon-contactless-slash:before{content:""}.cub-icon-cookie:before{content:""}.cub-icon-copy:before{content:""}.cub-icon-credit-card:before{content:""}.cub-icon-credit-card-plus:before{content:""}.cub-icon-crosshairs:before{content:""}.cub-icon-crown:before{content:""}.cub-icon-database:before{content:""}.cub-icon-database-magnifier:before{content:""}.cub-icon-desktop:before{content:""}.cub-icon-desktop-chart-bar:before{content:""}.cub-icon-devices:before{content:""}.cub-icon-document-arrow-rotate-left:before{content:""}.cub-icon-document-compare:before{content:""}.cub-icon-document-scan:before{content:""}.cub-icon-document-scroll:before{content:""}.cub-icon-document-scroll-pen:before{content:""}.cub-icon-document-scroll-star-circle:before{content:""}.cub-icon-document-user-suit:before{content:""}.cub-icon-dollar-sign:before{content:""}.cub-icon-dollar-sign-arrows-rotate:before{content:""}.cub-icon-dollar-sign-carets:before{content:""}.cub-icon-dollar-sign-check:before{content:""}.cub-icon-dollar-sign-circle:before{content:""}.cub-icon-dollar-sign-rotate-right:before{content:""}.cub-icon-ellipsis-horizontal:before{content:""}.cub-icon-ellipsis-vertical:before{content:""}.cub-icon-envelope:before{content:""}.cub-icon-exclamation:before{content:""}.cub-icon-exclamation-circle:before{content:""}.cub-icon-exclamation-octagon:before{content:""}.cub-icon-exclamation-triangle:before{content:""}.cub-icon-exclamation-triangle-filled:before{content:""}.cub-icon-expand:before{content:""}.cub-icon-eye:before{content:""}.cub-icon-eye-slash:before{content:""}.cub-icon-face-frown:before{content:""}.cub-icon-face-neutral:before{content:""}.cub-icon-face-smile:before{content:""}.cub-icon-file:before{content:""}.cub-icon-file-arrow:before{content:""}.cub-icon-file-chart-bar:before{content:""}.cub-icon-file-check:before{content:""}.cub-icon-file-dollar-sign:before{content:""}.cub-icon-file-excel:before{content:""}.cub-icon-file-line:before{content:""}.cub-icon-file-line-magnifier:before{content:""}.cub-icon-file-magnifier:before{content:""}.cub-icon-file-pdf:before{content:""}.cub-icon-file-plus:before{content:""}.cub-icon-file-ppt:before{content:""}.cub-icon-files:before{content:""}.cub-icon-file-scan:before{content:""}.cub-icon-file-word:before{content:""}.cub-icon-file-x:before{content:""}.cub-icon-filter:before{content:""}.cub-icon-fire:before{content:""}.cub-icon-flag:before{content:""}.cub-icon-floppy-disk:before{content:""}.cub-icon-folder:before{content:""}.cub-icon-folder-code:before{content:""}.cub-icon-folder-gear:before{content:""}.cub-icon-folder-plus:before{content:""}.cub-icon-folders:before{content:""}.cub-icon-format-align-center:before{content:""}.cub-icon-format-align-justify:before{content:""}.cub-icon-format-align-left:before{content:""}.cub-icon-format-align-right:before{content:""}.cub-icon-format-bold:before{content:""}.cub-icon-format-clear:before{content:""}.cub-icon-format-erase:before{content:""}.cub-icon-format-indent:before{content:""}.cub-icon-format-italic:before{content:""}.cub-icon-format-line-height:before{content:""}.cub-icon-format-list-bulleted:before{content:""}.cub-icon-format-list-numbered:before{content:""}.cub-icon-format-outdent:before{content:""}.cub-icon-format-strikethrough:before{content:""}.cub-icon-format-text-color:before{content:""}.cub-icon-format-underline:before{content:""}.cub-icon-gauge:before{content:""}.cub-icon-gavel:before{content:""}.cub-icon-gear:before{content:""}.cub-icon-globe:before{content:""}.cub-icon-globe-arrow:before{content:""}.cub-icon-graduation-cap:before{content:""}.cub-icon-graph:before{content:""}.cub-icon-grid:before{content:""}.cub-icon-grip-arrow:before{content:""}.cub-icon-grip-dots:before{content:""}.cub-icon-hand-check:before{content:""}.cub-icon-hand-document:before{content:""}.cub-icon-hand-dollar-sign:before{content:""}.cub-icon-hand-heart:before{content:""}.cub-icon-hand-house:before{content:""}.cub-icon-hand-percent:before{content:""}.cub-icon-hand-seedling:before{content:""}.cub-icon-handshake:before{content:""}.cub-icon-headset:before{content:""}.cub-icon-heart:before{content:""}.cub-icon-heart-filled:before{content:""}.cub-icon-home:before{content:""}.cub-icon-hook:before{content:""}.cub-icon-house:before{content:""}.cub-icon-house-user:before{content:""}.cub-icon-id-card:before{content:""}.cub-icon-image:before{content:""}.cub-icon-image-plus:before{content:""}.cub-icon-images:before{content:""}.cub-icon-info-circle:before{content:""}.cub-icon-info-circle-filled:before{content:""}.cub-icon-key:before{content:""}.cub-icon-key-slash:before{content:""}.cub-icon-laptop:before{content:""}.cub-icon-laundry-money:before{content:""}.cub-icon-layer:before{content:""}.cub-icon-layout:before{content:""}.cub-icon-layout-sidebar:before{content:""}.cub-icon-left-panel-close:before{content:""}.cub-icon-left-panel-open:before{content:""}.cub-icon-lightbulb:before{content:""}.cub-icon-line-in-square:before{content:""}.cub-icon-link:before{content:""}.cub-icon-link-slash:before{content:""}.cub-icon-list:before{content:""}.cub-icon-location-arrow-up:before{content:""}.cub-icon-lock:before{content:""}.cub-icon-lock-open:before{content:""}.cub-icon-machine:before{content:""}.cub-icon-magnifier:before{content:""}.cub-icon-magnifier-chart-bar:before{content:""}.cub-icon-magnifier-expand:before{content:""}.cub-icon-magnifier-eye:before{content:""}.cub-icon-magnifier-minus:before{content:""}.cub-icon-magnifier-plus:before{content:""}.cub-icon-magnifier-star:before{content:""}.cub-icon-magnifier-user:before{content:""}.cub-icon-magnifier-waveform:before{content:""}.cub-icon-map:before{content:""}.cub-icon-megaphone:before{content:""}.cub-icon-message:before{content:""}.cub-icon-message-add:before{content:""}.cub-icon-message-arrows:before{content:""}.cub-icon-message-line-left:before{content:""}.cub-icon-message-line-right:before{content:""}.cub-icon-message-pen:before{content:""}.cub-icon-message-question:before{content:""}.cub-icon-messages:before{content:""}.cub-icon-message-star:before{content:""}.cub-icon-message-waveform-line:before{content:""}.cub-icon-microchip:before{content:""}.cub-icon-microchip-ai:before{content:""}.cub-icon-minus:before{content:""}.cub-icon-minus-small:before{content:""}.cub-icon-mobile:before{content:""}.cub-icon-mobile-check:before{content:""}.cub-icon-mobile-dollar-sign:before{content:""}.cub-icon-mobile-message-heart:before{content:""}.cub-icon-money-bill-arrow-down:before{content:""}.cub-icon-money-bill-arrow-up:before{content:""}.cub-icon-money-bill-from-bracket:before{content:""}.cub-icon-money-bills:before{content:""}.cub-icon-money-check-pen:before{content:""}.cub-icon-nodes-link:before{content:""}.cub-icon-nodes-path:before{content:""}.cub-icon-nodes-pentagon:before{content:""}.cub-icon-nodes-share:before{content:""}.cub-icon-nodes-triangle:before{content:""}.cub-icon-note:before{content:""}.cub-icon-palette:before{content:""}.cub-icon-paperclip-horizontal:before{content:""}.cub-icon-paperclip-vertical:before{content:""}.cub-icon-paperclip-vertical-plus:before{content:""}.cub-icon-paper-plane:before{content:""}.cub-icon-paper-plane-x-circle:before{content:""}.cub-icon-password:before{content:""}.cub-icon-pen:before{content:""}.cub-icon-pen-scribble:before{content:""}.cub-icon-percent:before{content:""}.cub-icon-phone:before{content:""}.cub-icon-piggy-bank:before{content:""}.cub-icon-pin:before{content:""}.cub-icon-plane:before{content:""}.cub-icon-plus:before{content:""}.cub-icon-plus-small:before{content:""}.cub-icon-plus-square:before{content:""}.cub-icon-point:before{content:""}.cub-icon-print:before{content:""}.cub-icon-print-slash:before{content:""}.cub-icon-qrcode:before{content:""}.cub-icon-question:before{content:""}.cub-icon-question-circle:before{content:""}.cub-icon-receipt:before{content:""}.cub-icon-right-panel-close:before{content:""}.cub-icon-right-panel-open:before{content:""}.cub-icon-robot:before{content:""}.cub-icon-rocket:before{content:""}.cub-icon-rss:before{content:""}.cub-icon-sack:before{content:""}.cub-icon-scale:before{content:""}.cub-icon-scan:before{content:""}.cub-icon-sensor:before{content:""}.cub-icon-server:before{content:""}.cub-icon-shelf:before{content:""}.cub-icon-shield:before{content:""}.cub-icon-shield-check:before{content:""}.cub-icon-shield-keyhole:before{content:""}.cub-icon-shield-magnifier:before{content:""}.cub-icon-shield-plus:before{content:""}.cub-icon-shield-quartered:before{content:""}.cub-icon-shield-slash:before{content:""}.cub-icon-shield-star:before{content:""}.cub-icon-shield-user:before{content:""}.cub-icon-ship:before{content:""}.cub-icon-shop:before{content:""}.cub-icon-shopping-cart:before{content:""}.cub-icon-shopping-cart-plus:before{content:""}.cub-icon-siren:before{content:""}.cub-icon-skull-list:before{content:""}.cub-icon-slider:before{content:""}.cub-icon-sort:before{content:""}.cub-icon-sort-down:before{content:""}.cub-icon-sort-up:before{content:""}.cub-icon-spin-wheel:before{content:""}.cub-icon-square-circle-line:before{content:""}.cub-icon-square-code:before{content:""}.cub-icon-square-filled:before{content:""}.cub-icon-stamp:before{content:""}.cub-icon-star:before{content:""}.cub-icon-star-circle:before{content:""}.cub-icon-star-circle-badge:before{content:""}.cub-icon-star-filled:before{content:""}.cub-icon-stethoscope:before{content:""}.cub-icon-suitcase:before{content:""}.cub-icon-swipe-down:before{content:""}.cub-icon-swipe-left:before{content:""}.cub-icon-swipe-right:before{content:""}.cub-icon-swipe-up:before{content:""}.cub-icon-switch-off:before{content:""}.cub-icon-switch-on:before{content:""}.cub-icon-symbols:before{content:""}.cub-icon-tablet:before{content:""}.cub-icon-tag:before{content:""}.cub-icon-target:before{content:""}.cub-icon-taxi:before{content:""}.cub-icon-three-circles:before{content:""}.cub-icon-three-gears:before{content:""}.cub-icon-thumbs-down:before{content:""}.cub-icon-thumbs-up:before{content:""}.cub-icon-thumbs-up-down:before{content:""}.cub-icon-thumbtack:before{content:""}.cub-icon-thumbtack-filled:before{content:""}.cub-icon-top-panel-close:before{content:""}.cub-icon-top-panel-open:before{content:""}.cub-icon-trash:before{content:""}.cub-icon-trend-in-square:before{content:""}.cub-icon-trophy:before{content:""}.cub-icon-truck:before{content:""}.cub-icon-truck-fast:before{content:""}.cub-icon-tty:before{content:""}.cub-icon-user:before{content:""}.cub-icon-user-check:before{content:""}.cub-icon-user-circle:before{content:""}.cub-icon-user-exclamation:before{content:""}.cub-icon-user-gear:before{content:""}.cub-icon-user-group:before{content:""}.cub-icon-user-group-magnifier:before{content:""}.cub-icon-user-group-plus:before{content:""}.cub-icon-user-heart:before{content:""}.cub-icon-user-helmet-gears:before{content:""}.cub-icon-user-hexagon:before{content:""}.cub-icon-user-in-shield:before{content:""}.cub-icon-user-magnifier:before{content:""}.cub-icon-user-minus:before{content:""}.cub-icon-user-pen:before{content:""}.cub-icon-user-plus:before{content:""}.cub-icon-users:before{content:""}.cub-icon-users-heart:before{content:""}.cub-icon-user-shield:before{content:""}.cub-icon-user-suit:before{content:""}.cub-icon-user-viewfinder:before{content:""}.cub-icon-user-x:before{content:""}.cub-icon-wallet:before{content:""}.cub-icon-wallet-snowflake:before{content:""}.cub-icon-wand-star:before{content:""}.cub-icon-waveform-line:before{content:""}.cub-icon-wheelchair:before{content:""}.cub-icon-wifi:before{content:""}.cub-icon-wifi-slash:before{content:""}.cub-icon-wrench:before{content:""}.cub-icon-x:before{content:""}.cub-icon-x-circle:before{content:""}.cub-icon-x-circle-filled:before{content:""}.cub-icon-x-small:before{content:""}.cub-icon-coupon:before{content:""}.cub-icon-format-paint:before{content:""}.cub-icon-format-heading-1:before{content:""}.cub-icon-format-heading-2:before{content:""}.cub-icon-format-superscript:before{content:""}.cub-icon-format-subscript:before{content:""}.cub-icon-format-blockquote:before{content:""}/*# sourceMappingURL=cub-lib-view-iconfont.min.css.map */

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/highlight.js/styles/github.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/
.hljs {
  color: #24292e;
  background: #ffffff
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  /* prettylights-syntax-keyword */
  color: #d73a49
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #6f42c1
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #005cc5
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #032f62
}
.hljs-built_in,
.hljs-symbol {
  /* prettylights-syntax-variable */
  color: #e36209
}
.hljs-comment,
.hljs-code,
.hljs-formula {
  /* prettylights-syntax-comment */
  color: #6a737d
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #22863a
}
.hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #24292e
}
.hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #005cc5;
  font-weight: bold
}
.hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #735c0f
}
.hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #24292e;
  font-style: italic
}
.hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #24292e;
  font-weight: bold
}
.hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #22863a;
  background-color: #f0fff4
}
.hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #b31d28;
  background-color: #ffeef0
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
  /* purposely ignored */
  
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/*!
 * CUB Design Guideline RootNG v2.1.2
*/
/* 主題色（綠） */
/* 主題色（藍） */
/* 主題色（紫） */
/* 中性色（灰） */
/* 功能色（成功狀態） */
/* 功能色（警示狀態） */
/* 功能色（錯誤狀態） */
/*!
 * CUB Design Guideline RootNG v2.1.2
*/
/* 通用前綴 */
/* Reference Token 前綴 */
/* System Token 前綴 */
/* Reference Token 映射地圖 */
/* System Token 映射地圖 */
/* Public：設定 Token 前綴與映射地圖 */
/* Public：根據特定前綴建立 Reference Token 映射地圖 */
/* Public：根據特定前綴建立 System Token 映射地圖 */
/* Private：根據系統前綴與 Token 名稱來產生 CSS 變數名稱 */
/* Private：創建 CSS 變數，支援回退值的設定 */
/* Private：根據 Token 取得全域變數的值 */
/* Private：判斷是否有此變數，否則會報錯 */
/* Private：判斷是否有使用 `use-tokens` 函式來取得全域變數，否則會報錯 */
/* Public：創建字體 Token */
/* Public：創建 Icon Token */
/* Private：驗證是否有設定相關色調 */
/* Private：建立 CUB 亮色主題設定 */
/* Private：建立 CUB 暗色主題設定 */
/* Public：定義 CUB 亮色主題 */
/* Public：定義 CUB 暗色主題 */
/* Public：取得 Palette 設定的對應顏色 */
/* Public：取得 Palette 設定的對應 Key 值 */
/* Public：取得 Palette 設定的對應文字顏色 */
/* Public：取得 Palette 設定的對應文字 Key 值 */
/* Public：定義 Palette 基本色調與對應文字顏色 */
/* Public：取得主題顏色設定 */
/* Private：確認輸入值主題是否存在 */
/* Public：轉換數值單位（px -> rem） */
/* Public：轉換數值單位（rem -> px） */
/* Public：定義文字尺寸、樣式 */
/* Public：設定文字尺寸、樣式 */
/* Public：設定文字尺寸、樣式 */
/* Public：設定輸入框佔位符 */
/* Public：設定卷軸樣式 */
/* Font Face */
@font-face {
  font-family: CubFont;
  src: local(PingFang TC), local("微軟正黑體");
}
@font-face {
  font-family: CubFont;
  unicode-range: U+00-024F;
  src: local(Helvetica), local(Arial);
}
/*
裝置對照表
Mobile < md
Pad (V)	< lg
Pad (H) < xl
Desktop >= xl
*/
/*!
 * CUB Design Guideline RootNG v2.1.2
*/
/* Utilities */
/* Public：文字色 */
/* Public：套用 CUB 風格樣式 */
/* Public：背景色 */
/* Public：套用 CUB 風格樣式 */
/* Public：框線色 */
/* Public：圓角 */
/* Public：套用 CUB 風格樣式 */
/* Private：複製 Bootstrap 4.6 既有 @function */
/* 參考來源：https://codepen.io/kevinweber/pen/dXWoRw */
/* Public：設定行內 SVG 圖片顏色 */
/* Private：複製 Bootstrap 4.6 既有 @function */
/* Public：取得斷點尺寸別名 */
/* Public：設定指定斷點以上尺寸樣式 */
/* Public：設定指定斷點以下尺寸樣式 */
/* Public：設定指定兩個斷點之間尺寸樣式 */
/* Public：設定特定斷點尺寸樣式 */
/* 
Images - 元件內使用圖示
IE 瀏覽器中不支援 " % # [ ] { } < > 符號，以下幾點請注意：
1. 圖示請固定使用 ' 而非 "。
2. 圖示內請勿包含內部樣式表(Internal Style Sheet)，ex.\3c style>.xxx{fill:'#color'}\3c /style>
Reference：https://www.zhangxinxu.com/wordpress/2018/08/css-svg-background-image-base64-encode/
*/
/* 固定配色 icon，不提供改色 */
/* 18*18 */
/* 24*24 */
/* Event Page 使用 */
/* Public：建立公用背景圖片 */
/* Public：套用 CUB 風格樣式 */
/* Private：取得設定 */
/* Public：無序列表樣式 */
/* Public：有序列表樣式 */
/* Public：CUB 客製樣式 */
/* Public：文字排版 */
/* Public：標題 */
/* Public：套用 CUB 風格樣式 */
/* Public：建立 display */
/* 參考來源：https://github.com/twbs/bootstrap/blob/v4.4.1/scss/utilities/_display.scss */
/* Public：建立 print 模式 */
/* Public：套用 CUB 風格樣式 */
/* Public：建立 overflow */
/* 參考來源：https://github.com/twbs/bootstrap/blob/v4.4.1/scss/utilities/_flex.scss */
/* Public：套用 CUB 風格樣式 */
/* Public：建立外層 Row */
/* 參考來源：https://github.com/twbs/bootstrap/blob/v4.4.1/scss/mixins/_grid-framework.scss */
/* Public：建立內層 cols */
/* Public：套用 CUB 風格樣式 */
/* Public：建立 overflow */
/* Public：套用 CUB 風格樣式 */
/* Public：建立間距 */
/* 參考來源：https://github.com/twbs/bootstrap/blob/v4.4.1/scss/utilities/_spacing.scss */
/* Public：套用 CUB 風格樣式 */
/* Public：建立 sizing */
/* Public：套用 CUB 風格樣式 */
/* Public：建立 Container 樣式 */
/* Token */
/* Public：套用所有 CUB 元件樣式 */
/* Private：建立 CSS 變數 */
/* Core */
/* Cdk */
/* Public：CDK A11y */
/**
    Public：套用 CUB 風格樣式
  */
/* 全域基本層級 */
/* 元件跨層級的間隔數 */
/* 2000~3000 數值預留給 overlay 系列 */
/* Public：CDK Overlay */
/**
    Public：套用 CUB 風格樣式
  */
/* Component */
/* Public：Scroller 元件 */
/* Public：套用 CUB 風格樣式 */
/* Core */
/* Public：Accordion 元件 - Base */
/* Public：Accordion 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* 設定顏色 */
/* Public：Badge 元件 */
/* Public：套用 CUB 風格樣式 */
/* Core */
/* Button 樣式表
 * 1. Base Button：
 *    - Filled Button
 *    - Outline Button
 *    - Filled Outline Button
 *    - Text Button
 *    - Plain Button
 * 2. Icon Button：
 *    - Filled Button
 *    - Outline Button
 *    - Filled Outline Button
 *    - Text Button
 *    - Plain Button
 * 3. FAB Button：
 *    - Additonal Float Button
 */
/* Private：Disabled 純文字 or 文字 + 背景樣式 */
/* Private：基本樣式（透明背景、透明框線） */
/* Private：純文字樣式 */
/* Private：深色實心背景、有框線樣式 */
/* Private：淺色實心填滿、有框線樣式 */
/* Private：透明背景、有框線樣式 */
/* Private：超連結樣式 */
/* Public：Default 樣式狀態 */
/* Public：Invalid 樣式狀態 */
/* Public：Form Default 狀態框線樣式 */
/* Public：Form Invalid 狀態框線樣式 */
/* Public：Form Default 狀態無框線樣式 */
/* Public：Form Invalid 狀態無框線樣式 */
/* Public：水平排列樣式 */
/* Public：水平排列樣式 - Small 尺寸 */
/* Public：Form Field 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Public：Content Field 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Public：Label 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Input placeholder 相關設定 */
/* 設定 Input & Textarea 共用內容 */
/* Public：Input 元件 */
/**
    Public：套用 CUB 風格樣式。
  */
/* Public：Input Group 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Core */
/* Public：Base Checkbox 元件 */
/* Public：Checkbox 元件 */
/* Public：套用 CUB 風格樣式 */
/* Core */
/* Public：Radio 元件 */
/* Public：套用 CUB 風格樣式 */
/* Public：Upload 元件 */
/* Public：套用 CUB 風格樣式 */
/* Public：Breadcrumb 元件 */
/* Public：套用 CUB 風格樣式 */
/* Core */
/* Private：Sort + Filter 功能 */
/* Private：Row Expansion 功能 */
/* Private：Column Toggle 功能 */
/* Private：Drag Drop 功能 */
/* Private：Checkbox + Radio 功能 */
/* Private：Loading 功能 */
/* Public：基礎表格（上下框線 + 灰底標題樣式） */
/* Public：框線表格（四周框線 + 灰底標題樣式） */
/* Public：響應式表格（框線表格樣式，欄位由水平改為垂直顯示） */
/* Public：拖曳式表格（暫無使用） */
/* Public：凍結表格（框線表格樣式，固定左右、表頭欄位） */
/* Public：套用 CUB 風格樣式 */
/* Core */
/* Public：分頁器 */
/* Public：套用 CUB 風格樣式 */
/* Public：Select 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Public：Toast 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Public：Notification 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Public：Dialog 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Core */
/* 設定 Tab、Nav Tab 共用內容 */
/* Public：套用 CUB 風格樣式 */
/* Private：Active 狀態顏色 */
/* Public：Timeline 元件 */
/* Public：套用 CUB 風格樣式 */
/* Public：Card 元件 */
/* Public：套用 CUB 風格樣式 */
/** 讀取動畫設定 */
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Public：Loading 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Mask 元件所有間距皆不使用 Token */
/* Public：Mask 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Core */
/* 參考來源：https://github.com/ng-matero/extensions/tree/v14.5.0/projects/extensions/datetimepicker */
/* Private：月曆實體（非畫面中顯示的月曆） */
/* Private：觸發月曆展開的按鈕樣式 */
/* Private：月曆寬高 */
/* Private：月曆標題、內容樣式 */
/* Private：選擇年、月、日的表格樣式 */
/* Private：時鐘樣式 */
/* Private：事件的提示彈窗樣式 */
/* Public：Datetimepicker 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* 參考來源：https://github.com/ng-matero/extensions/tree/v14.5.0/projects/extensions/tooltip */
/* Public：Tooltip 元件 */
/* Public：套用 CUB 風格樣式 */
/* Public：Autocomplete 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Core */
/* Public：Stepper 元件 */
/* Public：套用 CUB 風格樣式 */
/* Public：Watermark 元件 */
/* Public：套用 CUB 風格樣式 */
/* Core */
/* Public：Switch 元件 */
/* Public：套用 CUB 風格樣式 */
/* Core */
/* Public：Slider 元件 */
/* Public：套用 CUB 風格樣式 */
/* Public：Picklist 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Public：Toggle Mode 元件 */
/* Public：套用 CUB 風格樣式 */
/* Core */
/* Public：Chip 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Core */
/* Public：Toggle Icon 元件 */
/* Public：套用 CUB 風格樣式 */
/* Public：自訂其他主題色 */
/* Private：設定標籤共有樣式 */
/* Private：設定小標籤樣式 */
/* Private：設定中標籤樣式 */
/* Public：Tag 元件 */
/* Public：套用 CUB 風格樣式 */
/* Size mixin */
/* Public：Resource Item 元件 */
/* Public：套用 CUB 風格樣式 */
/* Public：Divider 元件 */
/* Public：套用 CUB 風格樣式 */
/* Core */
/* Public：Option 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* 參考來源：https://github.com/ng-matero/extensions/tree/v14.5.0/projects/extensions/popover */
/* Public：Popover 元件 */
/* Public：Confirm Popover 元件 */
/* Public：套用 CUB 風格樣式 */
/* Public：Alert 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Core */
/* Public：Drop Down 元件 */
/* Public：套用 CUB 風格樣式 */
/* Public：套用 CUB 風格樣式 */
/* Public：Splitter 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Core */
/* Public：Full Calendar 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Public：Descriptions 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Core */
/* Public：Segmented Control 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Layout */
/* Core */
/* Public：Layout 元件 */
/* Public：Sidebar 元件 */
/* Public：Header 元件 */
/* Public：Footer 元件 */
/* Public：Sticky Action Bar 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Public：Drawer 元件 */
/**
    Public：套用 CUB 風格樣式
  */
/* Core */
/* Public：Menu 元件 */
/* Public：套用 CUB 風格樣式 */
/* Core */
/* Public：Nav Menu 元件 */
/* Public：套用 CUB 風格樣式 */
/* Core */
/* Public：Collapsible Menu 元件 */
/* Public：套用 CUB 風格樣式 */
/* Public：套用所有 CUB 元件樣式 */
/* 此為最終自訂樣式套用，依開發逐步添加元件 */
/* 重設 ViewHeight 時會使用的變數 */
:root {
  --vh: 1vh;
  --vw: 1vw;
}

html {
  -webkit-tap-highlight-color: transparent;
}

/* 取得參考、系統變數 */
/* 設定參考、系統變數 */
:root,
:root[theme-mode=light] {
  --cub-ref-brand-1: #f4fbf8;
  --cub-ref-brand-2: #eafcf0;
  --cub-ref-brand-3: #d5f9e2;
  --cub-ref-brand-4: #aaeec4;
  --cub-ref-brand-5: #55cc89;
  --cub-ref-brand-6: #2bb56c;
  --cub-ref-brand-7: #00994e;
  --cub-ref-brand-8: #008644;
  --cub-ref-brand-9: #00733b;
  --cub-ref-brand-10: #006031;
  --cub-ref-brand-11: #004d27;
  --cub-ref-success-1: #f4fbf8;
  --cub-ref-success-2: #eafcf0;
  --cub-ref-success-3: #d5f9e2;
  --cub-ref-success-4: #aaeec4;
  --cub-ref-success-5: #55cc89;
  --cub-ref-success-6: #2bb56c;
  --cub-ref-success-7: #00994e;
  --cub-ref-success-8: #008644;
  --cub-ref-success-9: #00733b;
  --cub-ref-success-10: #006031;
  --cub-ref-success-11: #004d27;
  --cub-ref-warning-1: #fffaf4;
  --cub-ref-warning-2: #fff4ea;
  --cub-ref-warning-3: #ffead5;
  --cub-ref-warning-4: #ffd4aa;
  --cub-ref-warning-5: #ffa755;
  --cub-ref-warning-6: #f3902b;
  --cub-ref-warning-7: #de7800;
  --cub-ref-warning-8: #c26900;
  --cub-ref-warning-9: #a75a00;
  --cub-ref-warning-10: #8b4b00;
  --cub-ref-warning-11: #6f3c00;
  --cub-ref-error-1: #fff4f4;
  --cub-ref-error-2: #ffeaea;
  --cub-ref-error-3: #ffd5d5;
  --cub-ref-error-4: #ffaaaa;
  --cub-ref-error-5: #ff555c;
  --cub-ref-error-6: #f53540;
  --cub-ref-error-7: #e21d28;
  --cub-ref-error-8: #c61923;
  --cub-ref-error-9: #aa161e;
  --cub-ref-error-10: #8d1219;
  --cub-ref-error-11: #710f14;
  --cub-ref-neutral-1: #fcfcfc;
  --cub-ref-neutral-2: whitesmoke;
  --cub-ref-neutral-3: #e9e9e9;
  --cub-ref-neutral-4: #bdbdbd;
  --cub-ref-neutral-5: #a8a8a8;
  --cub-ref-neutral-6: #929292;
  --cub-ref-neutral-7: gray;
  --cub-ref-neutral-8: #666666;
  --cub-ref-neutral-9: #525252;
  --cub-ref-neutral-10: #3d3d3d;
  --cub-ref-neutral-11: #292929;
  --cub-ref-neutral-white: #ffffff;
  --cub-ref-neutral-black: #000000;
  --cub-ref-state-hover-opacity: 0.1;
  --cub-ref-state-active-opacity: 0.2;
  --cub-ref-state-selected-opacity: 0.08;
  --cub-ref-state-focused-opacity: 0.2;
  --cub-ref-state-disabled-text: #a8a8a8;
  --cub-ref-state-disabled-border: #bdbdbd;
  --cub-ref-state-disabled-bg: #e9e9e9;
  --cub-ref-font-family: CubFont, sans-serif;
  --cub-ref-line-height-common: 0.5rem;
  --cub-ref-font-size-1: 0.75rem;
  --cub-ref-font-size-2: 0.875rem;
  --cub-ref-font-size-3: 1rem;
  --cub-ref-font-size-4: 1.125rem;
  --cub-ref-font-size-5: 1.25rem;
  --cub-ref-font-size-6: 1.375rem;
  --cub-ref-font-size-7: 1.5rem;
  --cub-ref-font-size-8: 1.75rem;
  --cub-ref-font-size-9: 2rem;
  --cub-ref-font-size-10: 2.25rem;
  --cub-ref-font-size-11: 2.5rem;
  --cub-ref-font-size-12: 3rem;
  --cub-ref-size-1: 0rem;
  --cub-ref-size-2: 0.125rem;
  --cub-ref-size-3: 0.25rem;
  --cub-ref-size-4: 0.375rem;
  --cub-ref-size-5: 0.5rem;
  --cub-ref-size-6: 0.75rem;
  --cub-ref-size-7: 0.875rem;
  --cub-ref-size-8: 1rem;
  --cub-ref-size-9: 1.25rem;
  --cub-ref-size-10: 1.5rem;
  --cub-ref-size-11: 1.75rem;
  --cub-ref-size-12: 2rem;
  --cub-ref-size-13: 2.25rem;
  --cub-ref-size-14: 2.5rem;
  --cub-ref-size-15: 3rem;
  --cub-ref-size-16: 3.5rem;
  --cub-ref-size-17: 4rem;
  --cub-ref-size-18: 4.5rem;
  --cub-sys-radius-m: 0.125rem;
  --cub-sys-radius-l: 0.25rem;
  --cub-sys-radius-xl: 0.5rem;
  --cub-sys-radius-round: 999px;
  --cub-sys-radius-circle: 50%;
  --cub-sys-shadow-layer-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.12);
  --cub-sys-shadow-layer-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  --cub-sys-shadow-layer-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08);
  --cub-sys-shadow-direction-top: 0px -5px 10px -3px rgba(0, 0, 0, 0.1);
  --cub-sys-shadow-direction-bottom: 0px 5px 10px -3px rgba(0, 0, 0, 0.1);
  --cub-sys-shadow-direction-left: -5px 0px 10px -3px rgba(0, 0, 0, 0.1);
  --cub-sys-shadow-direction-right: 5px 0px 10px -3px rgba(0, 0, 0, 0.1);
  --cub-sys-backdrop-dark: rgb(from var(--cub-ref-neutral-10) r g b/0.2);
  --cub-sys-backdrop-light: rgb(from var(--cub-ref-neutral-white) r g b/0.7);
  --cub-sys-text-brand-dark: var(--cub-ref-brand-10);
  --cub-sys-text-brand-main: var(--cub-ref-brand-7);
  --cub-sys-text-brand-light: var(--cub-ref-brand-6);
  --cub-sys-text-brand-contrast: var(--cub-ref-neutral-white);
  --cub-sys-text-brand-hover: var(--cub-ref-brand-5);
  --cub-sys-text-brand-active: var(--cub-ref-brand-10);
  --cub-sys-text-brand-selected: var(--cub-ref-brand-10);
  --cub-sys-text-brand-disabled: var(--cub-ref-state-disabled-text);
  --cub-sys-text-success-dark: var(--cub-ref-success-10);
  --cub-sys-text-success-main: var(--cub-ref-success-7);
  --cub-sys-text-success-light: var(--cub-ref-success-6);
  --cub-sys-text-success-contrast: var(--cub-ref-neutral-white);
  --cub-sys-text-success-hover: var(--cub-ref-success-5);
  --cub-sys-text-success-active: var(--cub-ref-success-10);
  --cub-sys-text-success-selected: var(--cub-ref-success-10);
  --cub-sys-text-success-disabled: var(--cub-ref-state-disabled-text);
  --cub-sys-text-warning-dark: var(--cub-ref-warning-10);
  --cub-sys-text-warning-main: var(--cub-ref-warning-7);
  --cub-sys-text-warning-light: var(--cub-ref-warning-6);
  --cub-sys-text-warning-contrast: var(--cub-ref-neutral-white);
  --cub-sys-text-warning-hover: var(--cub-ref-warning-5);
  --cub-sys-text-warning-active: var(--cub-ref-warning-10);
  --cub-sys-text-warning-selected: var(--cub-ref-warning-10);
  --cub-sys-text-warning-disabled: var(--cub-ref-state-disabled-text);
  --cub-sys-text-error-dark: var(--cub-ref-error-10);
  --cub-sys-text-error-main: var(--cub-ref-error-7);
  --cub-sys-text-error-light: var(--cub-ref-error-6);
  --cub-sys-text-error-contrast: var(--cub-ref-neutral-white);
  --cub-sys-text-error-hover: var(--cub-ref-error-5);
  --cub-sys-text-error-active: var(--cub-ref-error-10);
  --cub-sys-text-error-selected: var(--cub-ref-error-10);
  --cub-sys-text-error-disabled: var(--cub-ref-state-disabled-text);
  --cub-sys-text-neutral-title: var(--cub-ref-neutral-11);
  --cub-sys-text-neutral-primary: var(--cub-ref-neutral-10);
  --cub-sys-text-neutral-secondary: var(--cub-ref-neutral-7);
  --cub-sys-text-neutral-third: var(--cub-ref-neutral-6);
  --cub-sys-text-neutral-placeholder: var(--cub-ref-neutral-4);
  --cub-sys-text-neutral-dark: var(--cub-ref-neutral-11);
  --cub-sys-text-neutral-main: var(--cub-ref-neutral-10);
  --cub-sys-text-neutral-light: var(--cub-ref-neutral-7);
  --cub-sys-text-neutral-contrast: var(--cub-ref-neutral-white);
  --cub-sys-text-neutral-hover: var(--cub-ref-neutral-4);
  --cub-sys-text-neutral-active: var(--cub-ref-neutral-6);
  --cub-sys-text-neutral-selected: var(--cub-ref-brand-10);
  --cub-sys-text-neutral-disabled: var(--cub-ref-state-disabled-text);
  --cub-sys-border-brand-dark: var(--cub-ref-brand-10);
  --cub-sys-border-brand-main: var(--cub-ref-brand-7);
  --cub-sys-border-brand-light: var(--cub-ref-brand-4);
  --cub-sys-border-brand-lighter: var(--cub-ref-brand-3);
  --cub-sys-border-brand-hover: var(--cub-ref-brand-5);
  --cub-sys-border-brand-active: var(--cub-ref-brand-10);
  --cub-sys-border-brand-focused: rgb(from var(--cub-ref-brand-7) r g b/var(--cub-ref-state-focused-opacity));
  --cub-sys-border-brand-disabled: var(--cub-ref-state-disabled-border);
  --cub-sys-border-success-dark: var(--cub-ref-success-10);
  --cub-sys-border-success-main: var(--cub-ref-success-7);
  --cub-sys-border-success-light: var(--cub-ref-success-4);
  --cub-sys-border-success-lighter: var(--cub-ref-success-3);
  --cub-sys-border-success-hover: var(--cub-ref-success-5);
  --cub-sys-border-success-active: var(--cub-ref-success-10);
  --cub-sys-border-success-focused: rgb(from var(--cub-ref-brand-7) r g b/var(--cub-ref-state-focused-opacity));
  --cub-sys-border-success-disabled: var(--cub-ref-state-disabled-border);
  --cub-sys-border-warning-dark: var(--cub-ref-warning-10);
  --cub-sys-border-warning-main: var(--cub-ref-warning-7);
  --cub-sys-border-warning-light: var(--cub-ref-warning-4);
  --cub-sys-border-warning-lighter: var(--cub-ref-warning-3);
  --cub-sys-border-warning-hover: var(--cub-ref-warning-5);
  --cub-sys-border-warning-active: var(--cub-ref-warning-10);
  --cub-sys-border-warning-focused: rgb(from var(--cub-ref-brand-7) r g b/var(--cub-ref-state-focused-opacity));
  --cub-sys-border-warning-disabled: var(--cub-ref-state-disabled-border);
  --cub-sys-border-error-dark: var(--cub-ref-error-10);
  --cub-sys-border-error-main: var(--cub-ref-error-7);
  --cub-sys-border-error-light: var(--cub-ref-error-4);
  --cub-sys-border-error-lighter: var(--cub-ref-error-3);
  --cub-sys-border-error-hover: var(--cub-ref-error-5);
  --cub-sys-border-error-active: var(--cub-ref-error-10);
  --cub-sys-border-error-focused: rgb(from var(--cub-ref-brand-7) r g b/var(--cub-ref-state-focused-opacity));
  --cub-sys-border-error-disabled: var(--cub-ref-state-disabled-border);
  --cub-sys-border-neutral-dark: var(--cub-ref-neutral-10);
  --cub-sys-border-neutral-main: var(--cub-ref-neutral-7);
  --cub-sys-border-neutral-light: var(--cub-ref-neutral-4);
  --cub-sys-border-neutral-lighter: var(--cub-ref-neutral-3);
  --cub-sys-border-neutral-hover: var(--cub-ref-brand-7);
  --cub-sys-border-neutral-active: var(--cub-ref-brand-7);
  --cub-sys-border-neutral-focused: rgb(from var(--cub-ref-brand-7) r g b/var(--cub-ref-state-focused-opacity));
  --cub-sys-border-neutral-disabled: var(--cub-ref-state-disabled-border);
  --cub-sys-bg-brand-dark: var(--cub-ref-brand-10);
  --cub-sys-bg-brand-main: var(--cub-ref-brand-7);
  --cub-sys-bg-brand-light: var(--cub-ref-brand-2);
  --cub-sys-bg-brand-lighter: var(--cub-ref-brand-1);
  --cub-sys-bg-brand-selected: rgb(from var(--cub-ref-brand-7) r g b/var(--cub-ref-state-selected-opacity));
  --cub-sys-bg-brand-disabled: var(--cub-ref-state-disabled-bg);
  --cub-sys-bg-success-dark: var(--cub-ref-success-10);
  --cub-sys-bg-success-main: var(--cub-ref-success-7);
  --cub-sys-bg-success-light: var(--cub-ref-success-2);
  --cub-sys-bg-success-lighter: var(--cub-ref-success-1);
  --cub-sys-bg-success-selected: rgb(from var(--cub-ref-success-7) r g b/var(--cub-ref-state-selected-opacity));
  --cub-sys-bg-success-disabled: var(--cub-ref-state-disabled-bg);
  --cub-sys-bg-warning-dark: var(--cub-ref-warning-10);
  --cub-sys-bg-warning-main: var(--cub-ref-warning-7);
  --cub-sys-bg-warning-light: var(--cub-ref-warning-2);
  --cub-sys-bg-warning-lighter: var(--cub-ref-warning-1);
  --cub-sys-bg-warning-selected: rgb(from var(--cub-ref-warning-7) r g b/var(--cub-ref-state-selected-opacity));
  --cub-sys-bg-warning-disabled: var(--cub-ref-state-disabled-bg);
  --cub-sys-bg-error-dark: var(--cub-ref-error-10);
  --cub-sys-bg-error-main: var(--cub-ref-error-7);
  --cub-sys-bg-error-light: var(--cub-ref-error-2);
  --cub-sys-bg-error-lighter: var(--cub-ref-error-1);
  --cub-sys-bg-error-selected: rgb(from var(--cub-ref-error-7) r g b/var(--cub-ref-state-selected-opacity));
  --cub-sys-bg-error-disabled: var(--cub-ref-state-disabled-bg);
  --cub-sys-bg-neutral-dark: var(--cub-ref-neutral-10);
  --cub-sys-bg-neutral-main: var(--cub-ref-neutral-7);
  --cub-sys-bg-neutral-light: var(--cub-ref-neutral-2);
  --cub-sys-bg-neutral-lighter: var(--cub-ref-neutral-1);
  --cub-sys-bg-neutral-selected: rgb(from var(--cub-ref-brand-7) r g b/var(--cub-ref-state-selected-opacity));
  --cub-sys-bg-neutral-disabled: var(--cub-ref-state-disabled-bg);
  --cub-sys-bg-neutral-base: var(--cub-ref-neutral-white);
  --cub-sys-font-size-h1: var(--cub-ref-font-size-7);
  --cub-sys-font-size-h2: var(--cub-ref-font-size-6);
  --cub-sys-font-size-h3: var(--cub-ref-font-size-5);
  --cub-sys-font-size-h4: var(--cub-ref-font-size-4);
  --cub-sys-font-size-h5: var(--cub-ref-font-size-3);
  --cub-sys-font-size-h6: var(--cub-ref-font-size-2);
  --cub-sys-font-size-link-s: var(--cub-ref-font-size-2);
  --cub-sys-font-size-link-m: var(--cub-ref-font-size-3);
  --cub-sys-font-size-link-l: var(--cub-ref-font-size-4);
  --cub-sys-font-size-body-s: var(--cub-ref-font-size-2);
  --cub-sys-font-size-body-m: var(--cub-ref-font-size-3);
  --cub-sys-font-size-body-l: var(--cub-ref-font-size-4);
  --cub-sys-font-size-label-s: var(--cub-ref-font-size-2);
  --cub-sys-font-size-label-m: var(--cub-ref-font-size-3);
  --cub-sys-font-size-label-l: var(--cub-ref-font-size-4);
  --cub-sys-font-size-title-s: var(--cub-ref-font-size-5);
  --cub-sys-font-size-title-m: var(--cub-ref-font-size-6);
  --cub-sys-font-size-title-l: var(--cub-ref-font-size-7);
  --cub-sys-font-size-headline-s: var(--cub-ref-font-size-8);
  --cub-sys-font-size-headline-m: var(--cub-ref-font-size-9);
  --cub-sys-font-size-headline-l: var(--cub-ref-font-size-10);
  --cub-sys-font-size-display-s: var(--cub-ref-font-size-10);
  --cub-sys-font-size-display-m: var(--cub-ref-font-size-11);
  --cub-sys-font-size-display-l: var(--cub-ref-font-size-12);
  --cub-sys-font-h1: bold var(--cub-ref-font-size-7)/calc(var(--cub-ref-font-size-7) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-h2: bold var(--cub-ref-font-size-6)/calc(var(--cub-ref-font-size-6) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-h3: bold var(--cub-ref-font-size-5)/calc(var(--cub-ref-font-size-5) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-h4: bold var(--cub-ref-font-size-4)/calc(var(--cub-ref-font-size-4) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-h5: bold var(--cub-ref-font-size-3)/calc(var(--cub-ref-font-size-3) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-h6: bold var(--cub-ref-font-size-2)/calc(var(--cub-ref-font-size-2) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-link-s: normal var(--cub-ref-font-size-2)/calc(var(--cub-ref-font-size-2) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-link-m: normal var(--cub-ref-font-size-3)/calc(var(--cub-ref-font-size-3) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-link-l: normal var(--cub-ref-font-size-4)/calc(var(--cub-ref-font-size-4) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-body-s: normal var(--cub-ref-font-size-2)/calc(var(--cub-ref-font-size-2) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-body-m: normal var(--cub-ref-font-size-3)/calc(var(--cub-ref-font-size-3) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-body-l: normal var(--cub-ref-font-size-4)/calc(var(--cub-ref-font-size-4) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-label-s: bold var(--cub-ref-font-size-2)/calc(var(--cub-ref-font-size-2) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-label-m: bold var(--cub-ref-font-size-3)/calc(var(--cub-ref-font-size-3) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-label-l: bold var(--cub-ref-font-size-4)/calc(var(--cub-ref-font-size-4) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-title-s: bold var(--cub-ref-font-size-5)/calc(var(--cub-ref-font-size-5) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-title-m: bold var(--cub-ref-font-size-6)/calc(var(--cub-ref-font-size-6) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-title-l: bold var(--cub-ref-font-size-7)/calc(var(--cub-ref-font-size-7) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-headline-s: bold var(--cub-ref-font-size-8)/calc(var(--cub-ref-font-size-8) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-headline-m: bold var(--cub-ref-font-size-9)/calc(var(--cub-ref-font-size-9) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-headline-l: bold var(--cub-ref-font-size-10)/calc(var(--cub-ref-font-size-10) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-display-s: bold var(--cub-ref-font-size-10)/calc(var(--cub-ref-font-size-10) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-display-m: bold var(--cub-ref-font-size-11)/calc(var(--cub-ref-font-size-11) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-font-display-l: bold var(--cub-ref-font-size-12)/calc(var(--cub-ref-font-size-12) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-sys-icon-h1: normal calc(var(--cub-ref-font-size-7) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-h2: normal calc(var(--cub-ref-font-size-6) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-h3: normal calc(var(--cub-ref-font-size-5) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-h4: normal calc(var(--cub-ref-font-size-4) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-h5: normal calc(var(--cub-ref-font-size-3) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-h6: normal calc(var(--cub-ref-font-size-2) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-link-s: normal calc(var(--cub-ref-font-size-2) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-link-m: normal calc(var(--cub-ref-font-size-3) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-link-l: normal calc(var(--cub-ref-font-size-4) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-body-s: normal calc(var(--cub-ref-font-size-2) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-body-m: normal calc(var(--cub-ref-font-size-3) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-body-l: normal calc(var(--cub-ref-font-size-4) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-label-s: normal calc(var(--cub-ref-font-size-2) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-label-m: normal calc(var(--cub-ref-font-size-3) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-label-l: normal calc(var(--cub-ref-font-size-4) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-title-s: normal calc(var(--cub-ref-font-size-5) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-title-m: normal calc(var(--cub-ref-font-size-6) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-title-l: normal calc(var(--cub-ref-font-size-7) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-headline-s: normal calc(var(--cub-ref-font-size-8) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-headline-m: normal calc(var(--cub-ref-font-size-9) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-headline-l: normal calc(var(--cub-ref-font-size-10) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-display-s: normal calc(var(--cub-ref-font-size-10) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-display-m: normal calc(var(--cub-ref-font-size-11) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-icon-display-l: normal calc(var(--cub-ref-font-size-12) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-sys-component-size-2xs: var(--cub-ref-size-5);
  --cub-sys-component-size-xs: var(--cub-ref-size-6);
  --cub-sys-component-size-s: var(--cub-ref-size-7);
  --cub-sys-component-size-m: var(--cub-ref-size-8);
  --cub-sys-component-size-l: var(--cub-ref-size-9);
  --cub-sys-component-size-xl: var(--cub-ref-size-10);
  --cub-sys-component-size-2xl: var(--cub-ref-size-11);
  --cub-sys-component-size-3xl: var(--cub-ref-size-12);
  --cub-sys-component-padding-5xs: var(--cub-ref-size-1);
  --cub-sys-component-padding-4xs: var(--cub-ref-size-2);
  --cub-sys-component-padding-3xs: var(--cub-ref-size-3);
  --cub-sys-component-padding-2xs: var(--cub-ref-size-4);
  --cub-sys-component-padding-xs: var(--cub-ref-size-5);
  --cub-sys-component-padding-s: var(--cub-ref-size-6);
  --cub-sys-component-padding-m: var(--cub-ref-size-8);
  --cub-sys-component-padding-l: var(--cub-ref-size-9);
  --cub-sys-component-padding-xl: var(--cub-ref-size-10);
  --cub-sys-component-margin-5xs: var(--cub-ref-size-1);
  --cub-sys-component-margin-4xs: var(--cub-ref-size-2);
  --cub-sys-component-margin-3xs: var(--cub-ref-size-3);
  --cub-sys-component-margin-2xs: var(--cub-ref-size-4);
  --cub-sys-component-margin-xs: var(--cub-ref-size-5);
  --cub-sys-component-margin-s: var(--cub-ref-size-6);
  --cub-sys-component-margin-m: var(--cub-ref-size-8);
  --cub-sys-component-margin-l: var(--cub-ref-size-9);
  --cub-sys-component-margin-xl: var(--cub-ref-size-10);
  --cub-sys-page-inset-desktop-x: var(--cub-ref-size-10);
  --cub-sys-page-inset-laptop-x: var(--cub-ref-size-10);
  --cub-sys-page-inset-tablet-x: var(--cub-ref-size-10);
  --cub-sys-page-inset-mobile-x: var(--cub-ref-size-8);
  --cub-sys-page-inset-desktop-y: var(--cub-ref-size-8);
  --cub-sys-page-inset-laptop-y: var(--cub-ref-size-8);
  --cub-sys-page-inset-tablet-y: var(--cub-ref-size-8);
  --cub-sys-page-inset-mobile-y: var(--cub-ref-size-8);
  --cub-sys-viewport-offset-desktop-x: var(--cub-ref-size-15);
  --cub-sys-viewport-offset-laptop-x: var(--cub-ref-size-10);
  --cub-sys-viewport-offset-tablet-x: var(--cub-ref-size-10);
  --cub-sys-viewport-offset-mobile-x: var(--cub-ref-size-8);
  --cub-sys-viewport-offset-desktop-y: var(--cub-ref-size-15);
  --cub-sys-viewport-offset-laptop-y: var(--cub-ref-size-15);
  --cub-sys-viewport-offset-tablet-y: var(--cub-ref-size-15);
  --cub-sys-viewport-offset-mobile-y: var(--cub-ref-size-15);
}

/* 暗黑模式 */
/* 電腦系統設置的色彩模式 */
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
*::-webkit-scrollbar-track {
  background-color: var(--cub-sys-bg-neutral-light);
  border-radius: 6px;
}
*::-webkit-scrollbar-thumb {
  background-color: var(--cub-ref-neutral-4);
  background-clip: content-box;
  border-radius: 6px;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: var(--cub-ref-neutral-6);
}
*::-webkit-scrollbar-thumb:active {
  background-color: var(--cub-ref-neutral-8);
}

@media screen and (hover: none) {
  * {
    /* 防止 Safari 整個頁面的橡皮筋效果 */
    overscroll-behavior: none;
  }
}
*,
::after,
::before {
  box-sizing: border-box;
}

::placeholder {
  color: var(--cub-sys-text-neutral-placeholder);
  opacity: 1;
}

/* Firefox 19+ */
::-moz-placeholder {
  color: var(--cub-sys-text-neutral-placeholder);
  opacity: 1;
}

/* Chrome, Safari */
::-webkit-input-placeholder {
  color: var(--cub-sys-text-neutral-placeholder);
  opacity: 1;
}

/* IE 10+ */
:-ms-input-placeholder {
  color: var(--cub-sys-text-neutral-placeholder);
  opacity: 1;
}

html,
body {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-family: var(--cub-ref-font-family);
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: var(--cub-sys-text-neutral-primary);
  border: 0;
  background-color: var(--cub-sys-bg-neutral-light);
  /* 列印模式，避免背景色消失 */
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  /* 全域聚焦外框線 */
  /* 全域禁止符號 */
}
html * :focus-visible,
body * :focus-visible {
  outline: 2px solid var(--cub-sys-border-neutral-focused);
  outline-offset: 0;
}
html *:disabled,
html .cub-disabled,
body *:disabled,
body .cub-disabled {
  cursor: not-allowed !important;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
code,
form,
fieldset,
label,
legend,
input,
textarea,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

img,
[class*=icon-] {
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

textarea,
input,
select {
  margin: 0;
  vertical-align: bottom;
}

code {
  padding: 1px;
  font-size: 14px;
  color: var(--cub-sys-text-error-main);
  background-color: var(--cub-sys-bg-error-light);
}

/* Utilities */
.cub-text-brand {
  color: var(--cub-sys-text-brand-main) !important;
}

.cub-text-success {
  color: var(--cub-sys-text-success-main) !important;
}

.cub-text-warning {
  color: var(--cub-sys-text-warning-main) !important;
}

.cub-text-error {
  color: var(--cub-sys-text-error-main) !important;
}

.cub-text-title {
  color: var(--cub-sys-text-neutral-title) !important;
}

.cub-text-primary {
  color: var(--cub-sys-text-neutral-primary) !important;
}

.cub-text-secondary {
  color: var(--cub-sys-text-neutral-secondary) !important;
}

.cub-text-third {
  color: var(--cub-sys-text-neutral-third) !important;
}

.cub-text-contrast {
  color: var(--cub-sys-text-neutral-contrast) !important;
}

.cub-bg-brand-dark {
  background-color: var(--cub-sys-bg-brand-dark) !important;
}

.cub-bg-brand {
  background-color: var(--cub-sys-bg-brand-main) !important;
}

.cub-bg-brand-light {
  background-color: var(--cub-sys-bg-brand-light) !important;
}

.cub-bg-brand-lighter {
  background-color: var(--cub-sys-bg-brand-lighter) !important;
}

.cub-bg-success-dark {
  background-color: var(--cub-sys-bg-success-dark) !important;
}

.cub-bg-success {
  background-color: var(--cub-sys-bg-success-main) !important;
}

.cub-bg-success-light {
  background-color: var(--cub-sys-bg-success-light) !important;
}

.cub-bg-success-lighter {
  background-color: var(--cub-sys-bg-success-lighter) !important;
}

.cub-bg-warning-dark {
  background-color: var(--cub-sys-bg-warning-dark) !important;
}

.cub-bg-warning {
  background-color: var(--cub-sys-bg-warning-main) !important;
}

.cub-bg-warning-light {
  background-color: var(--cub-sys-bg-warning-light) !important;
}

.cub-bg-warning-lighter {
  background-color: var(--cub-sys-bg-warning-lighter) !important;
}

.cub-bg-error-dark {
  background-color: var(--cub-sys-bg-error-dark) !important;
}

.cub-bg-error {
  background-color: var(--cub-sys-bg-error-main) !important;
}

.cub-bg-error-light {
  background-color: var(--cub-sys-bg-error-light) !important;
}

.cub-bg-error-lighter {
  background-color: var(--cub-sys-bg-error-lighter) !important;
}

.cub-bg-neutral-dark {
  background-color: var(--cub-sys-bg-neutral-dark) !important;
}

.cub-bg-neutral {
  background-color: var(--cub-sys-bg-neutral-main) !important;
}

.cub-bg-neutral-light {
  background-color: var(--cub-sys-bg-neutral-light) !important;
}

.cub-bg-neutral-lighter {
  background-color: var(--cub-sys-bg-neutral-lighter) !important;
}

.cub-bg-neutral-base {
  background-color: var(--cub-sys-bg-neutral-base) !important;
}

.cub-border {
  border-width: 1px;
  border-style: solid;
}

.cub-border-brand-dark {
  border-color: var(--cub-sys-border-brand-dark) !important;
}

.cub-border-brand {
  border-color: var(--cub-sys-border-brand-main) !important;
}

.cub-border-brand-light {
  border-color: var(--cub-sys-border-brand-light) !important;
}

.cub-border-brand-lighter {
  border-color: var(--cub-sys-border-brand-lighter) !important;
}

.cub-border-success-dark {
  border-color: var(--cub-sys-border-success-dark) !important;
}

.cub-border-success {
  border-color: var(--cub-sys-border-success-main) !important;
}

.cub-border-success-light {
  border-color: var(--cub-sys-border-success-light) !important;
}

.cub-border-success-lighter {
  border-color: var(--cub-sys-border-success-lighter) !important;
}

.cub-border-warning-dark {
  border-color: var(--cub-sys-border-warning-dark) !important;
}

.cub-border-warning {
  border-color: var(--cub-sys-border-warning-main) !important;
}

.cub-border-warning-light {
  border-color: var(--cub-sys-border-warning-light) !important;
}

.cub-border-warning-lighter {
  border-color: var(--cub-sys-border-warning-lighter) !important;
}

.cub-border-error-dark {
  border-color: var(--cub-sys-border-error-dark) !important;
}

.cub-border-error {
  border-color: var(--cub-sys-border-error-main) !important;
}

.cub-border-error-light {
  border-color: var(--cub-sys-border-error-light) !important;
}

.cub-border-error-lighter {
  border-color: var(--cub-sys-border-error-lighter) !important;
}

.cub-border-neutral-dark {
  border-color: var(--cub-sys-border-neutral-dark) !important;
}

.cub-border-neutral {
  border-color: var(--cub-sys-border-neutral-main) !important;
}

.cub-border-neutral-light {
  border-color: var(--cub-sys-border-neutral-light) !important;
}

.cub-border-neutral-lighter {
  border-color: var(--cub-sys-border-neutral-lighter) !important;
}

.cub-rounded {
  border-radius: var(--cub-sys-radius-m) !important;
}

.cub-rounded-top {
  border-top-left-radius: var(--cub-sys-radius-m) !important;
  border-top-right-radius: var(--cub-sys-radius-m) !important;
}

.cub-rounded-right {
  border-top-right-radius: var(--cub-sys-radius-m) !important;
  border-bottom-right-radius: var(--cub-sys-radius-m) !important;
}

.cub-rounded-bottom {
  border-bottom-right-radius: var(--cub-sys-radius-m) !important;
  border-bottom-left-radius: var(--cub-sys-radius-m) !important;
}

.cub-rounded-left {
  border-top-left-radius: var(--cub-sys-radius-m) !important;
  border-bottom-left-radius: var(--cub-sys-radius-m) !important;
}

.cub-rounded-large {
  border-radius: var(--cub-sys-radius-l) !important;
}

.cub-rounded-top-large {
  border-top-left-radius: var(--cub-sys-radius-l) !important;
  border-top-right-radius: var(--cub-sys-radius-l) !important;
}

.cub-rounded-right-large {
  border-top-right-radius: var(--cub-sys-radius-l) !important;
  border-bottom-right-radius: var(--cub-sys-radius-l) !important;
}

.cub-rounded-bottom-large {
  border-bottom-right-radius: var(--cub-sys-radius-l) !important;
  border-bottom-left-radius: var(--cub-sys-radius-l) !important;
}

.cub-rounded-left-large {
  border-top-left-radius: var(--cub-sys-radius-l) !important;
  border-bottom-left-radius: var(--cub-sys-radius-l) !important;
}

.cub-rounded-extra-large {
  border-radius: var(--cub-sys-radius-xl) !important;
}

.cub-rounded-top-extra-large {
  border-top-left-radius: var(--cub-sys-radius-xl) !important;
  border-top-right-radius: var(--cub-sys-radius-xl) !important;
}

.cub-rounded-right-extra-large {
  border-top-right-radius: var(--cub-sys-radius-xl) !important;
  border-bottom-right-radius: var(--cub-sys-radius-xl) !important;
}

.cub-rounded-bottom-extra-large {
  border-bottom-right-radius: var(--cub-sys-radius-xl) !important;
  border-bottom-left-radius: var(--cub-sys-radius-xl) !important;
}

.cub-rounded-left-extra-large {
  border-top-left-radius: var(--cub-sys-radius-xl) !important;
  border-bottom-left-radius: var(--cub-sys-radius-xl) !important;
}

.cub-rounded-circle {
  border-radius: var(--cub-sys-radius-circle) !important;
}

.cub-rounded-top-circle {
  border-top-left-radius: var(--cub-sys-radius-circle) !important;
  border-top-right-radius: var(--cub-sys-radius-circle) !important;
}

.cub-rounded-right-circle {
  border-top-right-radius: var(--cub-sys-radius-circle) !important;
  border-bottom-right-radius: var(--cub-sys-radius-circle) !important;
}

.cub-rounded-bottom-circle {
  border-bottom-right-radius: var(--cub-sys-radius-circle) !important;
  border-bottom-left-radius: var(--cub-sys-radius-circle) !important;
}

.cub-rounded-left-circle {
  border-top-left-radius: var(--cub-sys-radius-circle) !important;
  border-bottom-left-radius: var(--cub-sys-radius-circle) !important;
}

.cub-rounded-pill {
  border-radius: var(--cub-sys-radius-round) !important;
}

.cub-rounded-top-pill {
  border-top-left-radius: var(--cub-sys-radius-round) !important;
  border-top-right-radius: var(--cub-sys-radius-round) !important;
}

.cub-rounded-right-pill {
  border-top-right-radius: var(--cub-sys-radius-round) !important;
  border-bottom-right-radius: var(--cub-sys-radius-round) !important;
}

.cub-rounded-bottom-pill {
  border-bottom-right-radius: var(--cub-sys-radius-round) !important;
  border-bottom-left-radius: var(--cub-sys-radius-round) !important;
}

.cub-rounded-left-pill {
  border-top-left-radius: var(--cub-sys-radius-round) !important;
  border-bottom-left-radius: var(--cub-sys-radius-round) !important;
}

.cub-img {
  width: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  aspect-ratio: 1/1;
}

.cub-img-alert {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3csvg id='Icon_Alert_18' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3e%3crect id='Rectangle_1033' data-name='Rectangle 1033' width='18' height='18' fill='none'/%3e%3cg id='_PC_Badge_alert' data-name='PC_Badge_alert' transform='translate(1 1)'%3e%3cpath id='Path_370' data-name='Path 370' d='M7.764,3.006a1.934,1.934,0,0,1,3.359,0l6.063,10.61a1.934,1.934,0,0,1-1.68,2.894H3.381A1.934,1.934,0,0,1,1.7,13.615Z' transform='translate(-1.443 -2.031)' fill='%23ffce00'/%3e%3cpath id='Union_3' data-name='Union 3' d='M0,7.64A1.1,1.1,0,0,1,1.121,6.556a1.084,1.084,0,1,1,0,2.167A1.1,1.1,0,0,1,0,7.64ZM.226,4.374,0,1.083A1.1,1.1,0,0,1,1.121,0a1.1,1.1,0,0,1,1.12,1.083l-.249,3.29C1.854,5.063,1.74,5.8,1.121,5.8S.338,5.055.226,4.374Z' transform='translate(6.825 4.027)' fill='%234a4a4a'/%3e%3c/g%3e%3c/svg%3e");
}

.cub-img-alert-red {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3csvg id='Icon_AlertRed_18' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3e%3crect id='Rectangle_1033' data-name='Rectangle 1033' width='18' height='18' fill='none'/%3e%3cg id='_PC_Badge_alert' data-name='PC_Badge_alert' transform='translate(1 1)'%3e%3cpath id='Path_370' data-name='Path 370' d='M7.764,3.006a1.934,1.934,0,0,1,3.359,0l6.063,10.61a1.934,1.934,0,0,1-1.68,2.894H3.381A1.934,1.934,0,0,1,1.7,13.615Z' transform='translate(-1.443 -2.031)' fill='%23fd596d'/%3e%3cpath id='Union_3' data-name='Union 3' d='M0,7.64A1.1,1.1,0,0,1,1.121,6.556a1.084,1.084,0,1,1,0,2.167A1.1,1.1,0,0,1,0,7.64ZM.226,4.374,0,1.083A1.1,1.1,0,0,1,1.121,0a1.1,1.1,0,0,1,1.12,1.083l-.249,3.29C1.854,5.063,1.74,5.8,1.121,5.8S.338,5.055.226,4.374Z' transform='translate(6.825 4.027)' fill='%23fff'/%3e%3c/g%3e%3c/svg%3e");
}

.cub-img-alert-circle {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3csvg id='Icon_AlterCircle_18' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3e%3cg id='Icon_Unread_Msg' transform='translate(-287 -13)'%3e%3ccircle id='bg' cx='9' cy='9' r='9' transform='translate(287 13)' fill='%23ffce00'/%3e%3cpath id='Union_4' data-name='Union 4' d='M0,7.64A1.1,1.1,0,0,1,1.121,6.556a1.084,1.084,0,1,1,0,2.167A1.1,1.1,0,0,1,0,7.64ZM.226,4.374,0,1.083A1.1,1.1,0,0,1,1.121,0a1.1,1.1,0,0,1,1.12,1.083l-.249,3.29C1.854,5.063,1.74,5.8,1.121,5.8S.338,5.055.226,4.374Z' transform='translate(294.879 17.638)' fill='%234a4a4a'/%3e%3c/g%3e%3crect id='Icon_Area' width='18' height='18' fill='none'/%3e%3c/svg%3e");
}

.cub-img-alarm {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3csvg id='Icon_Alarm_24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3crect id='Icon_Area' width='24' height='24' fill='none'/%3e%3cg id='Group_3881' data-name='Group 3881' transform='translate(-166.814 -130.761)'%3e%3cg id='Group_3882' data-name='Group 3882' transform='translate(49 22.902)'%3e%3cpath id='Intersection_1' data-name='Intersection 1' d='M1876.814,2682.859v-8a8,8,0,0,1,8,8Z' transform='translate(-1748 -2562)' fill='%23fddd28'/%3e%3cg id='Group_3883' data-name='Group 3883'%3e%3cpath id='Path_815' data-name='Path 815' d='M142.71,124.9a7.922,7.922,0,1,0-13.517,5.609l-.687,3.032c-.044.192.058.265.226.162l2.665-1.641a7.929,7.929,0,0,0,6.777,0l2.662,1.639c.168.1.27.031.226-.162l-.686-3.027A7.9,7.9,0,0,0,142.71,124.9Zm-14.049,0a6.134,6.134,0,0,1,6.127-6.127h0a6.127,6.127,0,1,1-6.128,6.127Z' transform='translate(-4.966 -4.964)' fill='%236d6d6d'/%3e%3cpath id='Path_816' data-name='Path 816' d='M125.621,111.984a2.678,2.678,0,1,0-3.753,3.753A9.059,9.059,0,0,1,125.621,111.984Z' fill='%236d6d6d'/%3e%3cpath id='Path_817' data-name='Path 817' d='M196.541,111.014a2.673,2.673,0,0,0-2.11,1.031,9.076,9.076,0,0,1,3.759,3.759,2.678,2.678,0,0,0-1.649-4.79Z' transform='translate(-60.407 -0.068)' fill='%236d6d6d'/%3e%3cpath id='Path_818' data-name='Path 818' d='M167.906,143.7H164.48v-3.437a.36.36,0,0,0-.359-.359H163.4a.36.36,0,0,0-.359.359v4.514a.36.36,0,0,0,.359.359h4.5a.36.36,0,0,0,.359-.359v-.718A.36.36,0,0,0,167.906,143.7Z' transform='translate(-34.652 -23.776)' fill='%236d6d6d'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.cub-img-siren {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3csvg id='Icon_Siren_24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3crect id='Rectangle_4244' data-name='Rectangle 4244' width='24' height='24' fill='none'/%3e%3c/clipPath%3e%3c/defs%3e%3crect id='Rectangle_4243' data-name='Rectangle 4243' width='24' height='24' fill='none'/%3e%3cg id='Group_19743' data-name='Group 19743'%3e%3cg id='Group_19742' data-name='Group 19742' clip-path='url(%23clip-path)'%3e%3cpath id='Path_3577' data-name='Path 3577' d='M12.012,8.272A5.038,5.038,0,0,1,17.035,13.3v3.461H13.014v-3.54a1,1,0,1,0-2.005,0v3.54H6.988V13.3a5.038,5.038,0,0,1,5.024-5.024' fill='%23f94f58' fill-rule='evenodd'/%3e%3cpath id='Path_3578' data-name='Path 3578' d='M17.035,17.878v1.966H6.987V17.878H17.035Z' fill='%23f94f58' fill-rule='evenodd'/%3e%3cpath id='Path_3579' data-name='Path 3579' d='M12.011,2.964a.877.877,0,0,0-.875.875V6.281a.875.875,0,0,0,1.75,0V3.839a.877.877,0,0,0-.875-.875' fill='%23ff8a94'/%3e%3cpath id='Path_3580' data-name='Path 3580' d='M19.15,5.49a.876.876,0,0,0-1.237,0L16.624,6.779a.875.875,0,1,0,1.237,1.237L19.15,6.727a.876.876,0,0,0,0-1.237' fill='%23ff8a94'/%3e%3cpath id='Path_3581' data-name='Path 3581' d='M4.85,5.49a.876.876,0,0,0,0,1.237L6.139,8.016A.875.875,0,1,0,7.376,6.779L6.087,5.49a.876.876,0,0,0-1.237,0' fill='%23ff8a94'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.cub-img-nodata {
  background-image: url("data:image/svg+xml,%3csvg id='cub_img_nodata' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='450' height='450' viewBox='0 0 450 450'%3e%3cdefs%3e%3clinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23ffac77'/%3e%3cstop offset='1' stop-color='%23ffcd9c'/%3e%3c/linearGradient%3e%3clinearGradient id='linear-gradient-2' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23084315'/%3e%3cstop offset='1' stop-color='%230b5e18'/%3e%3c/linearGradient%3e%3clinearGradient id='linear-gradient-3' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23ffa300'/%3e%3cstop offset='1' stop-color='%23ffd400'/%3e%3c/linearGradient%3e%3cradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23ffaf7a'/%3e%3cstop offset='0.022' stop-color='%23ffaf7a'/%3e%3cstop offset='0.142' stop-color='%23ffb686' stop-opacity='0.906'/%3e%3cstop offset='0.395' stop-color='%23ffcaa7' stop-opacity='0.659'/%3e%3cstop offset='0.758' stop-color='%23ffe9da' stop-opacity='0.275'/%3e%3cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3cg id='Group_6007' data-name='Group 6007' transform='translate(-319.864 -206.68)'%3e%3cpath id='Path_982' data-name='Path 982' d='M693.828,444.878c36.154,0,41.733-36.157,46.445-73.834l-8.212-10.213s-25.554,60.146-34.907,57.97c-15.48-3.6-34.735-42.736-50.478-40.366C599.987,385.446,655.859,444.872,693.828,444.878Z' transform='translate(-138.432 -71.184)' fill='%23ffcd9c'/%3e%3cpath id='Path_983' data-name='Path 983' d='M705.794,488.051c14.058,6.619,39.927-4.154,38.395-35.15-1.637,4.725-6.014,15.409-13.344,14.289-4.751-.721-29.766-20.361-33.212-16.094C696.957,443.681,678.694,475.3,705.794,488.051Z' transform='translate(-172.123 -119.573)' fill='url(%23linear-gradient)' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_984' data-name='Path 984' d='M611.517,1060.451l-2.445,13.633h-6.644l-3.173-15.078Z' transform='translate(-122.333 -450.126)' fill='%23ffac77' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_985' data-name='Path 985' d='M619.212,615.625A815.121,815.121,0,0,1,608.892,728c-7.252,43.643-22.514,92.757-22.514,92.757H574.453s-4.4-58.983-6.985-96c-2.465-35.251-12.8-102.6-12.8-102.6Z' transform='translate(-98.132 -209.476)' fill='%230b5e18'/%3e%3cpath id='Path_986' data-name='Path 986' d='M609.91,1061.589a2.786,2.786,0,0,0,1.585-3.8,6.881,6.881,0,0,0,.276-2.776c-.276-.877-18.965-2.485-19.981,0s.792,3.218.792,3.218-2.267,1.754.114,2.338S603.681,1063.343,609.91,1061.589Z' transform='translate(-118.112 -447.238)' fill='%233bc455'/%3e%3cpath id='Path_987' data-name='Path 987' d='M595.74,606.406s-1.1,29.273-6.031,78.909c-5.131,51.69-16.6,112.235-16.6,112.235s-4.17-63.368-6.745-90.772c-2.143-22.817-11.694-89.617-11.694-89.617Z' transform='translate(-98.132 -204.473)' fill='url(%23linear-gradient-2)'/%3e%3cg id='Group_6003' data-name='Group 6003' transform='translate(473.948 610.324)'%3e%3cpath id='Path_988' data-name='Path 988' d='M606.447,1082.337s28.86,0,34.5,14.312H593.864s-3.845-10.055,4.329-13.883C598.192,1082.766,601.508,1085.522,606.447,1082.337Z' transform='translate(-592.865 -1073.113)' fill='%23442b13'/%3e%3cpath id='Path_990' data-name='Path 990' d='M593.578,1107.77h45.977a.831.831,0,0,1,0,1.662H593.578A.831.831,0,0,1,593.578,1107.77Z' transform='translate(-592.751 -1086.917)' fill='%23442b13'/%3e%3c/g%3e%3cpath id='Path_991' data-name='Path 991' d='M443.711,615.625s-7.534,42.714-11.7,102.567C429.662,752.034,438.05,821.6,438.05,821.6l12.262-3.244,57.944-196.191Z' transform='translate(-31.336 -209.476)' fill='%230b5e18'/%3e%3cpath id='Path_992' data-name='Path 992' d='M445.71,1060.451l2.445,13.633H454.8l3.173-15.078Z' transform='translate(-38.995 -450.126)' fill='%23ffac77' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_993' data-name='Path 993' d='M437.692,1061.589a2.786,2.786,0,0,1-1.585-3.8,6.881,6.881,0,0,1-.276-2.776c.276-.877,18.965-2.485,19.981,0s-.792,3.218-.792,3.218,2.267,1.754-.111,2.338S443.924,1063.343,437.692,1061.589Z' transform='translate(-33.591 -447.238)' fill='%233bc455'/%3e%3cg id='Group_6004' data-name='Group 6004' transform='translate(373.864 610.324)'%3e%3cpath id='Path_994' data-name='Path 994' d='M408.368,1082.337s-28.857,0-34.5,14.312h47.088s3.848-10.055-4.329-13.883C416.623,1082.766,413.307,1085.522,408.368,1082.337Z' transform='translate(-373.864 -1073.113)' fill='%23442b13'/%3e%3cpath id='Path_996' data-name='Path 996' d='M376.605,1106.975h45.98a.831.831,0,0,1,0,1.662h-45.98A.831.831,0,0,1,376.605,1106.975Z' transform='translate(-374.904 -1086.486)' fill='%23442b13'/%3e%3c/g%3e%3cpath id='Path_997' data-name='Path 997' d='M895.715,632.842a17.665,17.665,0,0,0,20.923-14.016c5.511-29.432,18.731-78.049,16.793-103.98-2.442-32.627-31.961-131.086,12.97-161.258,0,0-74.5-20.242-128.293-.7,0,0-18.2,25.437-13.519,64.481s16.045,70.8,9.21,101.138S795.5,610.971,799.412,632.8C832.634,626.841,855.664,624.678,895.715,632.842Z' transform='translate(-230.539 -62.256)' fill='%23ebebeb' fill-rule='evenodd'/%3e%3cpath id='Path_998' data-name='Path 998' d='M601.207,355.953s-19.342,49.26,8.258,58.324l30.76,18.29S657.336,410.215,656,394.094C637.468,375.59,621.925,351.478,601.207,355.953Z' transform='translate(-119.817 -68.242)' fill='%23ffd400'/%3e%3cpath id='Path_999' data-name='Path 999' d='M658.655,395.643a57.5,57.5,0,0,1-6.969,21.56c-18.734,3.848-52.183-48-52.183-48s8.433-12.36,16.26-10.8C628.581,360.94,641.84,379.081,658.655,395.643Z' transform='translate(-122.468 -69.79)' fill='url(%23linear-gradient-3)'/%3e%3cpath id='Path_1000' data-name='Path 1000' d='M569.425,472.989s-25.577-3.439-105.016,4.2c0,0-15.6-135.6,54.775-132.626C562.1,346.381,567.948,399.009,569.425,472.989Z' transform='translate(-48.345 -62.33)' fill='%23ffd400'/%3e%3cpath id='Path_1001' data-name='Path 1001' d='M460.54,490.867s-5.949-94.13,24.4-120.441L506.7,422.8s-35.225,9.82-38.54,24.68c-6.076,27.223-5.309,43.769-5.309,43.769Z' transform='translate(-46.788 -76.392)' fill='url(%23linear-gradient-3)'/%3e%3cpath id='Path_1002' data-name='Path 1002' d='M582.242,326.912s-5,8.895-20.183-.377c0,0,3.1-8.106.666-16.549l15.457,3.767S576.689,319.546,582.242,326.912Z' transform='translate(-102.145 -43.588)' fill='%23ffcd9c'/%3e%3cpath id='Path_1003' data-name='Path 1003' d='M561.889,243.255c-7.881,1.738-12.3,12.1-9.859,23.151s10.8,18.591,18.689,16.851,12.295-12.106,9.859-23.155S569.771,241.514,561.889,243.255Z' transform='translate(-96.337 -7.233)' fill='%23ffcd9c'/%3e%3cpath id='Path_1004' data-name='Path 1004' d='M604.349,279.105s5.313,6.645,7.028,10.528a1.059,1.059,0,0,1-.679,1.452c-1.88.545-5.68,1.575-7.307,1.47C601.186,292.41,604.349,279.105,604.349,279.105Z' transform='translate(-124.154 -26.827)' fill='%23ffcd9c'/%3e%3cpath id='Path_1005' data-name='Path 1005' d='M569.132,292.857a6.354,6.354,0,1,0,5.8-6.862A6.354,6.354,0,0,0,569.132,292.857Z' transform='translate(-105.971 -30.554)' fill='url(%23radial-gradient)' style='mix-blend-mode: multiply;isolation: isolate'/%3e%3cpath id='Path_1006' data-name='Path 1006' d='M578.375,251.2a5.475,5.475,0,0,1,2.251,3.8s-8.073-1.75-14.461-.866c-9.749,1.351-11.4.922-11.4.922l1-6.676,20.927-4.712Z' transform='translate(-98.186 -7.591)' fill='%23eaa465'/%3e%3cpath id='Path_1007' data-name='Path 1007' d='M570.066,252.177c.861,4.868-3.916-.188-7.742-2.208s-9.164,2.608-10.431,6.657a5.179,5.179,0,0,1-4.819,3.965c-2.28,4.624-.364,9.385,1.1,16.679-5.644.136-9.067-8.5-10.246-15.432C540.735,251.719,568.036,240.7,570.066,252.177Z' transform='translate(-89.046 -9.559)' fill='%23442b13'/%3e%3cpath id='Path_1008' data-name='Path 1008' d='M554.458,283.4s-3.01-3.254-5.316-.649,1.237,10.879,5.17,8.138S554.458,283.4,554.458,283.4Z' transform='translate(-94.738 -28.257)' fill='%23ffcd9c'/%3e%3cpath id='Path_1009' data-name='Path 1009' d='M504.169,347.839a76.622,76.622,0,0,1,11.064,43.285s17.494,1.27,25.148-1.224c0,0-3.056-24.3-9.736-41.353,0,0,5.975,1.3,7.7,3.6,0,0,10.8,20.589,14.123,39.7s13.139,20.615,13.139,20.615,1.072,50.1.7,62c0,0-44.73,22.278-109.114,4.2,0,0,0-40.19,3.507-53.258,0,0,20.55-3.082,31.357-15s13.928-32,5.54-61.474C497.6,348.93,500.762,345.988,504.169,347.839Z' transform='translate(-45.228 -63.801)' fill='%230b5e18'/%3e%3cpath id='Path_1010' data-name='Path 1010' d='M605.749,484.979s-20.007,5.6-33.669,0c0,0-.945,22.729,0,26.424s18.185,9.239,22.589,9.239,15.01-9.239,15.01-9.239S610.2,495.871,605.749,484.979Z' transform='translate(-107.355 -138.567)' fill='%233bc455'/%3e%3cpath id='Path_1011' data-name='Path 1011' d='M485.267,585.135s-5.134,11.538-15.452,16.588c0,0,3.4,4.608,5.891,6.067,0,0,10.392-8.869,14.964-20.336Z' transform='translate(-52.078 -192.928)' fill='%233bc455'/%3e%3cpath id='Path_1012' data-name='Path 1012' d='M672.435,594.034s4.865,10.788,8.252,12.46l-.312,7.284s-4.77-1.319-12.59-17.6Z' transform='translate(-159.528 -197.758)' fill='%233bc455'/%3e%3cpath id='Path_1013' data-name='Path 1013' d='M537.291,252.91s-3.933-17.829,9.531-21.306c14.555-3.76,23.512,7.359,22.7,12.594C569.525,244.2,547.365,240.9,537.291,252.91Z' transform='translate(-88.412 -0.631)' fill='%23ffd400'/%3e%3cpath id='Path_1014' data-name='Path 1014' d='M537.926,256.859s6.94-9.431,21.511-16.2c6-2.79,17.851-3.926,19.478,0,1.987,4.8-7.943,9.856-7.943,9.856S553.222,243.954,537.926,256.859Z' transform='translate(-89.046 -4.581)' fill='%23ffb000'/%3e%3cpath id='Path_1015' data-name='Path 1015' d='M554.27,231.336a1.2,1.2,0,1,1,1.569.666A1.2,1.2,0,0,1,554.27,231.336Z' transform='translate(-97.869)' fill='%23ffb000'/%3e%3cg id='Group_6006' data-name='Group 6006' transform='translate(568.721 284.252)'%3e%3cg id='Group_6005' data-name='Group 6005' transform='translate(0 0.343)'%3e%3cpath id='Path_1016' data-name='Path 1016' d='M802.348,376.007c2.345,1.179,3.6-.754,5.985-1.494,2.907-.9,15.231.6,16.867-2.4,2.251-4.131-8.719-.822-7.382-3.283.478-.883,13.955-.14,11.617-3.579-1.02-1.5-11.162-1.99-8.762-3.611,3.258-.584,12.5.38,12.263-2.513-.11-1.367-6.251-2.676-8.333-2.556-7.206.422-6.115-1.99.718-2.806,3.546-.422,4.488-2.614.925-3.6-7.4-2.046-16.6,4.618-21.949,9.547C802.036,361.793,797.116,373.377,802.348,376.007Z' transform='translate(-800.024 -349.781)' fill='%23ffcd9c'/%3e%3c/g%3e%3cpath id='Path_1017' data-name='Path 1017' d='M804.1,365.3c.055,1.923,2.715,1.936,3.218.374a9.965,9.965,0,0,0,2.394-5.518c.084-1.224-.146-2.455.026-3.676.26-1.864,1.332-3.2,2.378-4.683.643-.909.5-2.614-.906-2.748C804.919,348.458,803.977,361.2,804.1,365.3Z' transform='translate(-802.231 -349.032)' fill='%23ffcd9c'/%3e%3c/g%3e%3cpath id='Path_1018' data-name='Path 1018' d='M565.227,358.26S593.769,373.812,599.8,400.2l-21.128,2.277-7.917-31.471Z' transform='translate(-103.864 -69.789)' fill='url(%23linear-gradient-3)'/%3e%3cpath id='Path_1019' data-name='Path 1019' d='M600.16,466.239c36.153,0,46.448-37.768,63.6-73.6l-6.105-7.895s-51.465,51.972-60.817,49.8c-15.481-3.6-32.7-46.952-48.436-44.581C501.707,396.974,562.191,466.236,600.16,466.239Z' transform='translate(-85.523 -84.163)' fill='%23ffcd9c'/%3e%3cpath id='Path_1020' data-name='Path 1020' d='M505.152,363.65c-24.83,21.953,17.29,64.241,17.29,64.241s27.781-16.959,34.686-32.7C557.127,395.189,531.32,340.512,505.152,363.65Z' transform='translate(-67.005 -69.616)' fill='%23ffd400'/%3e%3cpath id='Path_1021' data-name='Path 1021' d='M888.607,941.545s-9.21-9.693-4.222-22.995c0,0-84.382,3.325-97.683-5.4,0,0-5.007,18.884,5.6,28.353C792.3,941.5,860.825,931.7,888.607,941.545Z' transform='translate(-223.431 -370.959)' fill='%23c1c1c1' fill-rule='evenodd'/%3e%3cpath id='Path_1022' data-name='Path 1022' d='M918.05,343.7c-.513.815-1.923,2.092-3.053,1.52a1,1,0,0,1-.331-.267,5.469,5.469,0,0,1-.8,1.777c-.824,1.182-2.8,2.715-4.033,1.208a4.3,4.3,0,0,1-.857-2.137,4.49,4.49,0,0,1-3.387,2.026c-2.319.237-2.708-1.322-2.6-2.985-.974,1.439-2.767,3.41-4.251,1.789-.828-.912-.939-2.578-1.095-3.7a18.715,18.715,0,0,1,.013-4.894.614.614,0,0,1,.058-.178.638.638,0,0,1,.147-.685c1.276-1.439,3.874-2.608,5.128-.665a7.491,7.491,0,0,1,.773,1.652c.471-1.474,1.325-2.65,2.988-2.555,1.754.1,2.621,1.64,3.021,3.315.029-.026.048-.059.081-.084.705-.533,1.627-1.244,2.614-.965a2.542,2.542,0,0,1,1.478,1.692.723.723,0,0,1,.428-.35C917.481,338.465,919.582,341.277,918.05,343.7Z' transform='translate(-284.199 -57.427)' fill='%23ffcd9c'/%3e%3c/g%3e%3crect id='Area' width='450' height='450' fill='none'/%3e%3c/svg%3e");
}

.cub-img-laptop {
  background-image: url("data:image/svg+xml,%3csvg id='cub_img_laptop' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='450' height='450' viewBox='0 0 450 450'%3e%3cdefs%3e%3clinearGradient id='linear-gradient' y1='0.5' x2='1' y2='0.5' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%2305000e'/%3e%3cstop offset='0.031' stop-color='%2305060e'/%3e%3cstop offset='0.202' stop-color='%23072612'/%3e%3cstop offset='0.38' stop-color='%23093e14'/%3e%3cstop offset='0.566' stop-color='%230a5016'/%3e%3cstop offset='0.765' stop-color='%230a5a17'/%3e%3cstop offset='1' stop-color='%230b5e18'/%3e%3c/linearGradient%3e%3cclipPath id='clip-path'%3e%3cpath id='Path_517' data-name='Path 517' d='M933.623,329.251,909.282,240.12l26.775-7.312s10.368,40.371,13.931,53.415c2.523,9.239,26.055,29.61,26.055,29.61Z' transform='translate(-909.282 -232.808)' fill='none'/%3e%3c/clipPath%3e%3clinearGradient id='linear-gradient-2' x1='0.517' y1='0.234' x2='0.393' y2='0.92' gradientUnits='objectBoundingBox'%3e%3cstop offset='0.008' stop-color='%23ff8c21'/%3e%3cstop offset='0.034' stop-color='%23ff8e20'/%3e%3cstop offset='0.681' stop-color='%23ffc008'/%3e%3cstop offset='1' stop-color='%23ffd400'/%3e%3c/linearGradient%3e%3clinearGradient id='linear-gradient-3' x1='0.159' y1='0.745' x2='0.676' y2='0.22' xlink:href='%23linear-gradient-2'/%3e%3clinearGradient id='linear-gradient-4' x1='0.615' y1='0.943' x2='0.466' y2='0.338' xlink:href='%23linear-gradient'/%3e%3cradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23ffaf7a'/%3e%3cstop offset='0.022' stop-color='%23ffaf7a'/%3e%3cstop offset='0.142' stop-color='%23ffb686' stop-opacity='0.906'/%3e%3cstop offset='0.395' stop-color='%23ffcaa7' stop-opacity='0.659'/%3e%3cstop offset='0.758' stop-color='%23ffe9da' stop-opacity='0.275'/%3e%3cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect id='Area' width='450' height='450' fill='none'/%3e%3cg id='Img_Error_Laptop' transform='translate(-656.245 -124.389)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cg id='Group_691' data-name='Group 691' transform='translate(899.719 507.763)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_509' data-name='Path 509' d='M977.407,702.31c-1.363-1.331-13.474,1.119-13.509,1.9-.1,2.4,5.554,16.709,6.92,17.751,1.32,1.008,4.945.693,4.914-1.617C975.706,718.349,978.719,703.593,977.407,702.31Z' transform='translate(-963.896 -701.921)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_692' data-name='Group 692' transform='translate(819.224 507.798)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_510' data-name='Path 510' d='M854.18,705.175c-.78-1.739-13.536-3.767-13.854-3.053-.979,2.192-1.78,13.806-.9,15.277.859,1.426,6.549,1.6,7.368-.556C847.506,714.975,854.927,706.85,854.18,705.175Z' transform='translate(-839.048 -701.974)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_693' data-name='Group 693' transform='translate(888.376 207.762)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_511' data-name='Path 511' d='M1007.118,327.19c-1.864,2.3-11.015,6.448-13.522,6.07-16.814-2.447-25.9-16.939-32.515-23.785a34.41,34.41,0,0,1-3.059-3.585,38.489,38.489,0,0,1-7.228-17.715,41.871,41.871,0,0,1-.407-9.208s-9.381-46.5.29-42.044c9.732,4.516,21.853,24.533,30.711,39.831.262.438.5.873.757,1.28.555.962,1.079,1.9,1.6,2.769,1.369,2.391,2.649,4.636,3.816,6.556,2.507,4.254,8.878,14.005,8.878,14.005S1014.868,317.72,1007.118,327.19Z' transform='translate(-946.304 -236.621)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_694' data-name='Group 694' transform='translate(851.598 295.325)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_512' data-name='Path 512' d='M896.067,424.446c.948,2.132,1.989,4.377,3.034,6.676,7.267,15.758,16.125,34.1,17.5,43.828,16.708,19.016,14.924,57.873,16.148,79.341.959,17.6,2.066,36.84,2.541,38.416.032.057,18.4,1.722,18.4,1.722,4.191-23.184,13.612-97.43,13.612-113.558,0-16.689-14.833-81.587-26.317-102.808-10.923-20.177-47.154,19.926-51.32,25.29C888.074,405.4,891.332,413.847,896.067,424.446Z' transform='translate(-889.26 -372.43)' fill='%230b5e18'/%3e%3c/g%3e%3cg id='Group_695' data-name='Group 695' transform='translate(858.404 339.559)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_513' data-name='Path 513' d='M899.817,448.818c.948,2.132,1.989,4.377,3.034,6.676,7.267,15.758,14.671,34.424,17.5,43.828,10.138,33.633,13.846,96.809,18.689,117.757,1.576.919,4.544,1.824,12.187,1.155.248-15.544-9.057-34.1-11.726-49.148-5.142-28.731,3-59.88-11.023-86.811-3.935-7.555-10.036-15.18-10.024-24.086-.006-4.407,2.538-9.583-.222-13.675-4.911-7.29-13.006-1.687-16.586,3.756a1.421,1.421,0,0,0-1.388.2C900.125,448.6,899.954,448.693,899.817,448.818Z' transform='translate(-899.817 -441.036)' fill='url(%23linear-gradient)'/%3e%3c/g%3e%3cg id='Group_696' data-name='Group 696' transform='translate(888.378 207.762)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_514' data-name='Path 514' d='M950.393,278.966a44.9,44.9,0,0,0,10.192,31.212c6.544,7.364,28.915-28.52,22.493-37.54-9.777-13.732-22.826-31.283-32.395-35.716C941.008,232.463,950.393,278.966,950.393,278.966Z' transform='translate(-946.306 -236.621)' fill='%23ffd400'/%3e%3c/g%3e%3cg id='Group_697' data-name='Group 697' transform='translate(814.384 300.998)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_515' data-name='Path 515' d='M834.532,591.229c4.569,5.219,17.109,7.89,17.109,7.89,11.154-24.445,22.291-72.146,23.976-99.777,2.613-42.909,9.976-84.78,9.654-96.025-.065-1.807-.085-2.769-.085-2.769-11.108-12.172-24.638-18.762-32.571-19.283-3.133-.216-5.373.512-6.277,2.194a118.049,118.049,0,0,0-6.874,15.353c-.179.475-.33.95-.481,1.426-10.551,29.928-7.324,45.954-5.549,84.637C834.3,503.123,841.167,581.031,834.532,591.229Z' transform='translate(-831.542 -381.229)' fill='%230b5e18'/%3e%3c/g%3e%3cg id='Group_701' data-name='Group 701' transform='translate(864.507 205.304)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cg id='Group_700' data-name='Group 700' transform='translate(0 0)'%3e%3cg id='Group_699' data-name='Group 699' clip-path='url(%23clip-path)'%3e%3cg id='Group_698' data-name='Group 698' transform='translate(23.871 2.458)'%3e%3cpath id='Path_516' data-name='Path 516' d='M950.393,278.966a44.9,44.9,0,0,0,10.192,31.212c6.544,7.364,28.915-28.52,22.493-37.54-9.777-13.732-22.826-31.283-32.395-35.716C941.008,232.463,950.393,278.966,950.393,278.966Z' transform='translate(-946.306 -236.621)' fill='url(%23linear-gradient-2)'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg id='Group_702' data-name='Group 702' transform='translate(817.971 202.16)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_518' data-name='Path 518' d='M927.7,333.871c-.438,1.371-5.36,3.847-12.588,6.439a173.052,173.052,0,0,1-30.01,7.518c-14.859,2.3-29.805,2.245-37.79.729-3.264-.612-5.36-1.486-5.856-2.533-1.545-3.323-3.5-23.281-4.137-44.784-.117-4.168-.205-8.391-.205-12.531-.117-21.62,1.4-41.87,6.294-45.629,1.107-.874,2.39-1.776,3.816-2.738a71.985,71.985,0,0,1,7.4-4.43,69.5,69.5,0,0,1,15.24-5.885,63.272,63.272,0,0,1,30.418-.467.028.028,0,0,0,.028.029A62.227,62.227,0,0,1,908.7,232.1c.669.233,1.34.495,2.037.757,9.558,3.847,8.189,24.649,6.644,42.1-.7,8.1-1.429,15.471-1.135,20.077a40.259,40.259,0,0,0,.583,4.6C918.984,312.485,926.1,324.519,927.7,333.871Z' transform='translate(-837.104 -227.931)' fill='%23ffb000'/%3e%3c/g%3e%3cg id='Group_703' data-name='Group 703' transform='translate(860.892 188.174)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_519' data-name='Path 519' d='M915.54,211.156V220.5s2.208,4.052,0,4.493c-4.858.974-11.865-4.487-11.865-4.487v-14.27Z' transform='translate(-903.675 -206.239)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_704' data-name='Group 704' transform='translate(817.977 218.084)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_520' data-name='Path 520' d='M857.536,301.691c6.49-13.449,4.474-32.177-2.518-44.936-2.384-4.36-5.658-4.279-6.123-4.03.388.222,4.941,4.03,4.651,4.863-3.663,10.839-7.771,21.26-12.342,31.377a87.441,87.441,0,0,0-4.089,10.64c0,3.949.059,7.976.136,11.952.426,20.509,1.724,39.543,2.751,42.713.329,1,1.724,1.832,3.894,2.416,1.919-8.448-.369-18.451.407-26.956C845.386,317.865,853.1,310.833,857.536,301.691Z' transform='translate(-837.114 -252.63)' fill='url(%23linear-gradient-3)'/%3e%3c/g%3e%3cg id='Group_705' data-name='Group 705' transform='translate(783.245 214.612)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_521' data-name='Path 521' d='M790.151,346.611c12.384,17.375,67.343,1.044,67.343,1.044l-.774-9.612s-32.327,2.632-38.76-8.1c-1.167-1.952,2.251-24.262,8.255-30.03,2.68-2.564,5.505-5.1,7.952-7.227a34.43,34.43,0,0,0,11.57-19.9,35.647,35.647,0,0,0-1.574-18.678,10.713,10.713,0,0,0-16.814-4.427c-10.866,8.858-28.386,31.578-28.821,32.13C783,302.117,777.726,329.183,790.151,346.611Z' transform='translate(-783.245 -247.245)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_706' data-name='Group 706' transform='translate(792.211 213.39)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_522' data-name='Path 522' d='M831.192,304.017c2.473-2.365,18.04-17.622,20.424-32.785,1.084-6.9-1.053-23.555-9.64-25.543-13.758-3.187-32.139,16.782-44.824,31.86C802.974,290.677,815.741,299.856,831.192,304.017Z' transform='translate(-797.152 -245.35)' fill='%23ffd400'/%3e%3c/g%3e%3cg id='Group_711' data-name='Group 711' transform='translate(862.755 275.933)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cg id='Group_707' data-name='Group 707' transform='translate(0.191 35.841)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_523' data-name='Path 523' d='M943.37,397.941l-36.51,2.2,34.945,9.8Z' transform='translate(-906.861 -397.941)' fill='%23f6f6f6'/%3e%3c/g%3e%3cg id='Group_708' data-name='Group 708' transform='translate(0 38.046)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_524' data-name='Path 524' d='M906.756,401.361l-.191,3.463,35.146,10.745-.011-4.408Z' transform='translate(-906.565 -401.361)' fill='%238e8e8e'/%3e%3c/g%3e%3cg id='Group_709' data-name='Group 709' transform='translate(35.135 43.279)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_525' data-name='Path 525' d='M1036.617,409.477l-75.557,4.567.011,4.408L1036.6,413.4Z' transform='translate(-961.06 -409.477)' fill='%23c1c1c1'/%3e%3c/g%3e%3cg id='Group_710' data-name='Group 710' transform='translate(35.135)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_526' data-name='Path 526' d='M1036.617,385.631,961.06,390.2l5.821-41.039a2.991,2.991,0,0,1,2.783-2.6l69.479-4.2a2.989,2.989,0,0,1,3.144,3.372Z' transform='translate(-961.06 -342.352)' fill='%23e2e2e2'/%3e%3c/g%3e%3c/g%3e%3cg id='Group_712' data-name='Group 712' transform='translate(853.894 295.462)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_527' data-name='Path 527' d='M923.9,380.36a19.218,19.218,0,0,0-7.353-.794c-.313-.091-.606-.088-.913-.148a8.065,8.065,0,0,0,.5-.823c.825-1.812.953-4.863-1.284-5.771-2.364-.956-3.867,2.057-5.081,3.517a17.493,17.493,0,0,1-5.011,4.41,29.478,29.478,0,0,1-6.328,1.355c-1.522.264-4.038.347-4.977,1.852-.745,1.2-.754,3.7-.427,5.056.413,1.708,1.909,2.51,3.395,3.187a16.42,16.42,0,0,0,4.009,1.175,13.446,13.446,0,0,0,7.5.449,9.39,9.39,0,0,0,1.536-.612,12.869,12.869,0,0,0,6.994.839,1.563,1.563,0,0,0,1.2-2.165,2.946,2.946,0,0,0,1.295-.732,2.178,2.178,0,0,0,.6-1.507,5.162,5.162,0,0,0,1.232-.914,4.219,4.219,0,0,0,1.03-4.442,20.352,20.352,0,0,1,6.021,4.791,1.673,1.673,0,0,0,2.812-.54C932.325,384.882,926.756,381.316,923.9,380.36Z' transform='translate(-892.821 -372.642)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_713' data-name='Group 713' transform='translate(946.984 316.489)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_528' data-name='Path 528' d='M1037.244,411.583c.134-.712.808-1.952,1.866-1.753a1.112,1.112,0,0,1,.344.134,3.817,3.817,0,0,1,.043-1.491c.253-1.053,1.277-2.594,2.725-1.718a4.214,4.214,0,0,1,1.358,1.428,2.929,2.929,0,0,1,1.958-2.2c1.716-.645,2.523.444,2.984,1.707.285-1.269,1.033-3.107,2.7-2.191a6.684,6.684,0,0,1,2.046,2.547,15.773,15.773,0,0,1,1.582,3.667.649.649,0,0,1,.011.145.493.493,0,0,1,.108.541c-.518,1.337-2.148,2.734-3.747,1.534a7.478,7.478,0,0,1-1.135-1.081c.117,1.2-.162,2.251-1.48,2.513-1.389.276-2.558-.7-3.412-1.876a.278.278,0,0,1-.034.083c-.373.538-.854,1.258-1.707,1.246a2.544,2.544,0,0,1-1.691-.97.469.469,0,0,1-.219.35C1039.381,415.387,1036.849,413.705,1037.244,411.583Z' transform='translate(-1037.203 -405.255)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_714' data-name='Group 714' transform='translate(853.121 164.556)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_529' data-name='Path 529' d='M917.555,173.319s2.619,11.674,1.555,21.705c-.758,7.119-15.593,13.166-23.529.957s-1.482-26.374-1.482-26.374Z' transform='translate(-891.623 -169.608)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_715' data-name='Group 715' transform='translate(847.944 155.388)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_530' data-name='Path 530' d='M913.352,155.418c-2.016.138-3.4.951-5.241,1.661-3.094,1.2-5.713,1.192-8.925,1.244-3.959.066-7.736.358-10.758,3.2-4.776,4.487-6.257,15.19-3.342,21.624a3.683,3.683,0,0,0,1.909,3.18,4.328,4.328,0,0,0,5.958-1.716c1.847-3.149.769-7.58.885-11.023.028-.778.166-1.767.166-2.729,9.107,1.589,21.333,3.188,27.395-3.311C927.625,160.875,920.861,154.914,913.352,155.418Z' transform='translate(-883.593 -155.388)' fill='%23442b13'/%3e%3c/g%3e%3cpath id='Path_531' data-name='Path 531' d='M928.989,189.44s4.939,6.177,6.533,9.787a.984.984,0,0,1-.631,1.349c-1.748.507-5.28,1.464-6.792,1.368C926.048,201.808,928.989,189.44,928.989,189.44Z' transform='translate(-51.202 -12.097)' fill='%23ffcd9c'/%3e%3cpath id='Path_532' data-name='Path 532' d='M896.243,190.4s-2.8-3.025-4.943-.6,1.15,10.113,4.807,7.565S896.243,190.4,896.243,190.4Z' transform='translate(-38.146 -11.891)' fill='%23ffcd9c'/%3e%3cpath id='Path_533' data-name='Path 533' d='M846.849,492.653c-1.758-8.6-4.211-17.024-5.045-25.762-1.673-17.07,1.761-34.023,7.7-49.971a1.154,1.154,0,0,0-.057-1.107,1.713,1.713,0,0,0,.526-.85c-1.723-.169-3.285-.384-4.641-.641a17.878,17.878,0,0,1-4.329-1.269q-1.306.119-2.612.212c-9.827,28.83-6.7,44.985-4.958,82.916.862,18.248,4.231,46.756,4.333,66.9.171,33.428-2.307,37.392-3.235,39.457,1.223,2.4,11.288,7.3,11.5,6.326,3.568-15.5,3.79-27.547,5.918-43.3,2.066-15.251.046-31.077-1.357-46.292A250.017,250.017,0,0,0,846.849,492.653Z' transform='translate(-17.16 -91.536)' fill='url(%23linear-gradient-4)'/%3e%3cg id='Group_716' data-name='Group 716' transform='translate(901.369 520.724)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_534' data-name='Path 534' d='M976.989,723.3s25.818-5.564,33.707,6.526l-31.042,6.687-4.006-2.139-1.925,3.417-5.152,1.11s-5.437-8.515,1.118-13.614C969.689,725.288,973.205,727.188,976.989,723.3Z' transform='translate(-966.454 -722.023)' fill='%23442b13'/%3e%3c/g%3e%3cg id='Group_717' data-name='Group 717' transform='translate(812.655 521.369)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_535' data-name='Path 535' d='M843.179,724.32s25.741,5.908,27.759,20.2l-30.948-7.107-2.721-3.636-3.192,2.278-5.136-1.179s-1.314-10.017,6.785-11.856C835.724,723.023,838.1,726.235,843.179,724.32Z' transform='translate(-828.861 -723.023)' fill='%23442b13'/%3e%3c/g%3e%3cpath id='Path_1062' data-name='Path 1062' d='M569.132,292.857a6.354,6.354,0,1,0,5.8-6.862A6.354,6.354,0,0,0,569.132,292.857Z' transform='translate(291.921 -105.417)' fill='url(%23radial-gradient)' style='mix-blend-mode: multiply;isolation: isolate'/%3e%3c/g%3e%3c/svg%3e");
}

.cub-img-report {
  background-image: url("data:image/svg+xml,%3csvg id='cub_img_report' xmlns='http://www.w3.org/2000/svg' width='450' height='450' viewBox='0 0 450 450'%3e%3cg id='Group_5201' data-name='Group 5201'%3e%3crect id='Area' width='450' height='450' fill='none'/%3e%3cg id='Group_4019' data-name='Group 4019' transform='translate(110.573 25.715)'%3e%3cpath id='Path_824' data-name='Path 824' d='M3777.958,2155.756c1.253-1.57,14.818-.259,14.954.555.415,2.5,1.059,12.06-.235,13.326-1.255,1.228-14.8,1.179-15.064-1.239C3777.383,2166.3,3776.748,2157.27,3777.958,2155.756Z' transform='translate(-3676.918 -1785.794)' fill='%23ffa56f' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_825' data-name='Path 825' d='M3799.042,2164.121s6.268,8.965,1.787,16.007c0,0-32.656,1.536-42.518,0,0,0-.257-12.037,8.2-13.063a124.721,124.721,0,0,1,16.914-.729S3792.9,2170.781,3799.042,2164.121Z' transform='translate(-3682.327 -1783.194)' fill='%23442b13'/%3e%3cpath id='Path_826' data-name='Path 826' d='M3834.133,2155.756c1.255-1.57,14.819-.259,14.956.555.415,2.5,1.059,12.06-.235,13.326-1.255,1.228-14.8,1.179-15.064-1.239C3833.559,2166.3,3832.925,2157.27,3834.133,2155.756Z' transform='translate(-3660.868 -1785.794)' fill='%23ffa56f' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_827' data-name='Path 827' d='M3855.218,2164.121s6.269,8.965,1.789,16.007c0,0-32.656,1.536-42.518,0,0,0-.257-12.037,8.2-13.063a124.708,124.708,0,0,1,16.913-.729S3849.079,2170.781,3855.218,2164.121Z' transform='translate(-3666.276 -1783.194)' fill='%23442b13'/%3e%3cpath id='Path_828' data-name='Path 828' d='M3762.406,2095.125c0,29.2,11.042,90.611,18.457,117.09h19.21c.091-.153.221-30.465.192-42.2,0-21.239,5.755-56.17,7.292-75.379.83-10.328.522-36.052,7.162-53.108,1.229-3.167,2.4-6.211,3.473-9.1,3.9-10.57,6.393-18.777,4.671-20.746-4.732-5.378-45.456-45.27-55.66-23.327C3756.474,2011.435,3762.406,2065.926,3762.406,2095.125Z' transform='translate(-3681.624 -1835.282)' fill='%230b5e18'/%3e%3cpath id='Path_829' data-name='Path 829' d='M3784,2202.955c5.164.275,7.913,0,9.834,0,0-.03-1.849-19.345,1.669-47.583,9.144-73.406,15.375-129.318,16.449-132.208-2.274-4.364-5.471-8.821-10.819-8.941-4.3-.093-7.129,2.827-7.99,6.853-1.6,7.5,1.689,16.568,1.657,24.282-.029,10.846-2.273,21.451-4.486,32.055-1.905,9.067-3.749,18.194-3.995,27.508-.309,10.848,1.167,21.637.952,32.488C3786.87,2156.372,3779.664,2183.9,3784,2202.955Z' transform='translate(-3675.382 -1826.023)' fill='%23005022' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_830' data-name='Path 830' d='M3799.623,2003.524s.03,1.012.062,2.917c.091,3.722,1.135,10.575,2.7,19.642.675,3.9,1.207,20.938,2.006,25.609,3.35,18.9,7.921,30.576,10.717,55.377,3.289,29.015,18.811,75.379,26.494,106.305h19.017s-4.073-45.274-6.531-53.785c-2.982-10.422,4.388-24.061,4.3-36.69-.091-8.974.185-17.859.307-25.666.031-2.611.062-5.163.062-7.714-.246-40.847,2.274-57.9-10.48-88.855-.184-.489-.369-.981-.585-1.473a124.669,124.669,0,0,0-8.083-15.8c-1.044-1.719-3.442-2.364-6.73-1.966-7.929.922-20.9,7.96-31.656,20.224C3800.667,2002.265,3800.145,2002.879,3799.623,2003.524Z' transform='translate(-3670.523 -1835.426)' fill='%230b5e18'/%3e%3cpath id='Path_831' data-name='Path 831' d='M3829.22,2001.439a1.2,1.2,0,0,0,0,1.168c7.13,16.475,11.68,34.147,10.849,52.219-.4,9.251-2.52,18.254-3.9,27.416a263.686,263.686,0,0,0-2.489,28.243c-.645,16.106-1.907,32.887,1.105,48.84,2.98,15.8,3.636,34.292,8.124,49.752h9.449c.758-5.024,0-28.655-1.346-45.141-.774-9.46-.644-36.084-.89-45.334-.276-8.7.124-17.337.307-25.666.031-2.611.062-5.164.062-7.714-.246-40.847,2.274-57.9-10.48-88.856a20.939,20.939,0,0,0-10.727,2.737A1.332,1.332,0,0,0,3829.22,2001.439Z' transform='translate(-3662.256 -1831.128)' fill='%23005022' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_832' data-name='Path 832' d='M3798.381,1949.071a44.074,44.074,0,0,1-.428,9.713c-1.938,13.432-10.575,36.266-46.719,38.448-39.617,2.335-36.144-38.848-32.424-57.9,1.075-5.719,2.212-9.467,2.212-9.467.553-3.688,16.136-3.32,16.136-3.32,4.611.954,8.391,36.576,12.91,34.114,4.486-2.458,31.286-48.191,48.006-55.935C3808.278,1900.018,3798.381,1949.071,3798.381,1949.071Z' transform='translate(-3694.221 -1857.399)' fill='%235f40d4'/%3e%3cpath id='Path_833' data-name='Path 833' d='M3718.809,1938.137c1.167,14.721,2.582,33.376,14.322,43.767,13.308,11.8,31.749,5.039,42.69-6.394,2.174-2.259,4.175-4.537,6.2-6.717,9.085-17.895,1.746-40.663,10.059-59.277.8-1.8,3.7-.774,2.894,1.036a53.6,53.6,0,0,0-4.057,16.563,1.51,1.51,0,0,1,.881,1.465c-.079,4.082,0,8.349,0,12.656.387,6.408.935,13.095.049,19.113a27.425,27.425,0,0,1,6.107-2.758c-1.938,13.432-10.575,36.266-46.719,38.448C3711.617,1998.375,3715.089,1957.193,3718.809,1938.137Z' transform='translate(-3694.221 -1856.207)' fill='%2332187c'/%3e%3cpath id='Path_834' data-name='Path 834' d='M3760.777,2023.778c.46,1.447,38.264,10.175,49.851,11.958a205.98,205.98,0,0,0,37.865,2.089c8.238-.4,14.17-1.444,14.969-3.1,1.629-3.506-1.691-34.3-1.013-56.983.121-3.659.183-7.348.214-11,.215-23.607-1.323-46.256-6.639-50.345-1.167-.925-2.52-1.876-4.027-2.89a75.929,75.929,0,0,0-7.807-4.67,73.234,73.234,0,0,0-16.074-6.21,66.731,66.731,0,0,0-32.087-.492s0,.033-.03.033a65.107,65.107,0,0,0-8.851,2.641c-.708.245-1.416.522-2.152.8-10.083,4.055-8.638,26-7.009,44.41.738,8.545,1.507,16.322,1.2,21.178a43.111,43.111,0,0,1-.616,4.857C3776.3,1989.6,3762.466,2013.913,3760.777,2023.778Z' transform='translate(-3681.622 -1858.54)' fill='%23e1ecef'/%3e%3cpath id='Path_835' data-name='Path 835' d='M3826.423,1915.062c-.155.277-8.187,8.653-5.112,23.508,2.541,12.276,8.151,21.875,10.7,34.169,2.491,11.955,1.291,23.6.247,35.65-.492,5.6-1.014,11.189-1.476,16.781-.246,2.892-.86,5.9.614,8.546,8.238-.4,14.17-1.444,14.969-3.1,1.629-3.506-1.691-34.3-1.013-56.983.121-3.659.183-7.348.214-11-.554-1.167-1.167-2.305-1.845-3.443-5.378-9.037-6.426-30.567-12.881-38.863C3829.674,1918.813,3825.531,1913.555,3826.423,1915.062Z' transform='translate(-3664.527 -1854.43)' fill='%23b8d3d8'/%3e%3cpath id='Path_836' data-name='Path 836' d='M3701.8,1961.372a2.339,2.339,0,0,0,1.913,1.718c1.806.405,2.818-.463,4.387,1.708.45.624.749,1.336,1.234,1.939,1.435,1.786,4.378,3.023,5.9.624a.39.39,0,0,0-.013-.4.353.353,0,0,0-.064-.315,65.288,65.288,0,0,0-3.73-6.071,4.036,4.036,0,0,0-2.707-1.7,14.343,14.343,0,0,0-5.275.718C3702.536,1959.833,3701.643,1960.261,3701.8,1961.372Z' transform='translate(-3698.478 -1841.855)' fill='%23ffcd9c'/%3e%3cpath id='Path_837' data-name='Path 837' d='M3808.859,1921.032c-.12,24.669,1.888,92.767,25.965,134.586,0,0-89.938-14.076-116-3.974a.09.09,0,0,1-.133-.081c-.08-3.847-2.03-91.562-15.225-126.692a13.847,13.847,0,0,1,10.148-18.516c21.1-4.343,55.857-8.572,85.8,1.53A13.829,13.829,0,0,1,3808.859,1921.032Z' transform='translate(-3698.257 -1858.183)' fill='%23eef9fb' fill-rule='evenodd'/%3e%3cpath id='Path_838' data-name='Path 838' d='M3712.169,1980.736c.73-.448,1.845-1.648,1.245-2.566a.955.955,0,0,0-.269-.267,5.224,5.224,0,0,0,1.615-.714c1.059-.715,2.377-2.386.9-3.367a4.483,4.483,0,0,0-2.046-.652,3.5,3.5,0,0,0,1.7-2.857c.088-1.925-1.394-2.2-2.944-2.075,1.289-.844,3.029-2.382,1.427-3.565-.9-.66-2.463-.7-3.52-.8-1.535-.141-4.248-.105-5.237.5-1.494.913-2.354,3.115-.463,4.1a7.761,7.761,0,0,0,1.589.594c-1.353.429-2.4,1.171-2.215,2.543.2,1.447,1.684,2.122,3.277,2.407a.855.855,0,0,0-.076.069c-.455.6-1.068,1.377-.75,2.191a2.445,2.445,0,0,0,1.668,1.173.6.6,0,0,0-.3.366A2.85,2.85,0,0,0,3712.169,1980.736Z' transform='translate(-3697.992 -1840.428)' fill='%23ffcd9c'/%3e%3cpath id='Path_839' data-name='Path 839' d='M3809.493,1900.683l1.465.192-4.805,11.408-9.176-6.867-8.487,5.187,5.835-9.6s3.835-1.03,5.478-.315.779,3.6.779,3.6Z' transform='translate(-3673.704 -1858.534)' fill='%23b9dae1'/%3e%3cpath id='Path_840' data-name='Path 840' d='M3795.321,1894.105v9.86s-2.329,4.274,0,4.739c5.122,1.023,12.516-4.733,12.516-4.733v-15.053Z' transform='translate(-3672.048 -1861.823)' fill='%23ffcd9c'/%3e%3cpath id='Path_841' data-name='Path 841' d='M3807.392,1897.774v-5.005s-5.4,4.46-11.547,4.809C3795.845,1897.578,3801.82,1901.82,3807.392,1897.774Z' transform='translate(-3671.603 -1860.723)' fill='%23ffa56f' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_842' data-name='Path 842' d='M3791.1,1877.286s-2.281,10.171-1.353,18.905c.659,6.2,13.581,11.469,20.493.837s1.291-22.976,1.291-22.976Z' transform='translate(-3673.409 -1866.071)' fill='%23ffcd9c'/%3e%3cpath id='Path_843' data-name='Path 843' d='M3786.685,1878.433c5.282,5.66,15.931,4.267,23.861,2.884,0,.837.123,1.7.145,2.377.105,3-.836,6.858.771,9.6a3.773,3.773,0,0,0,5.192,1.494,3.211,3.211,0,0,0,1.661-2.77c2.54-5.6,1.25-14.923-2.91-18.834-2.634-2.476-5.922-2.732-9.373-2.789-2.8-.045-5.076-.042-7.773-1.08a14.689,14.689,0,0,0-4.564-1.446C3787.153,1867.428,3781.263,1872.622,3786.685,1878.433Z' transform='translate(-3674.828 -1867.844)' fill='%23442b13'/%3e%3cpath id='Path_844' data-name='Path 844' d='M3807.661,1901.235l-1.465-2.067a22.436,22.436,0,0,1-3.907,4.393,5.677,5.677,0,0,0-2.258,3.675Z' transform='translate(-3670.406 -1858.895)' fill='%23b9dae1'/%3e%3cpath id='Path_845' data-name='Path 845' d='M3796.074,1904.308l3.984,2.983-3.453,3.884-3.554-.222-1.4-3.944Z' transform='translate(-3672.8 -1857.426)' fill='%234a4a4a'/%3e%3cpath id='Path_846' data-name='Path 846' d='M3794.344,1909.476s-9.473,22.188-6.707,46.584l6.707,7.107,5.086-5.955s-4.992-31.633-1.533-47.514Z' transform='translate(-3674.092 -1855.95)' fill='%234a4a4a'/%3e%3cg id='Group_4018' data-name='Group 4018' transform='translate(96.585 132.586)'%3e%3cpath id='Path_847' data-name='Path 847' d='M3791.61,1974.928c-4.713-1.8-12.312-2.422-16.315,1.516-1.93,1.9-.724,3.176,1.593,2.309,4.468-1.678,8.059-1.459,1.246.635-1.377.424-4,1.972-3.688,3,.675,2.178,5.376.032,7.558-.625,1.949.378-2.914,2.758-3.453,3.7-2.451,4.285,6.714.086,7.26.567,1.529,1.345-5.108,3.205-2.1,4.505,2.254.978,7.536-3.214,9.594-3.527,1.687-.255,3.012.733,4.132-.9C3799.934,1982.465,3793.6,1975.691,3791.61,1974.928Z' transform='translate(-3774.334 -1970.238)' fill='%23ffcd9c'/%3e%3cpath id='Path_848' data-name='Path 848' d='M3790.991,1976.933c-1.217-1.521-4.226-5.219-6.168-5.825-1.063-.333-2.533-.138-1.85,1.3a6.139,6.139,0,0,0,2.138,2.137c.7.475,1.319,1.192,2.046,1.6A11.574,11.574,0,0,0,3790.991,1976.933Z' transform='translate(-3771.916 -1970.967)' fill='%23ffcd9c'/%3e%3c/g%3e%3cpath id='Path_849' data-name='Path 849' d='M3894.473,2020.61c-14.23,22.8-105.385-15.865-105.385-15.865l1.736-9.1c.953-.216,70.742,8.978,70.866,1.6.061-3.227-25.337-43.944-28.964-59.372a33.5,33.5,0,0,1,1.63-19.7c2.643-7.222,10.971-8.335,17.734-4.67,13.7,7.418,30.458,25.292,40.263,44.595C3903.129,1979.31,3906.767,2000.941,3894.473,2020.61Z' transform='translate(-3673.533 -1855.383)' fill='%23d3e7ec'/%3e%3cpath id='Path_850' data-name='Path 850' d='M3808.539,1915.494s-17.2-2-14.286,10.133c0,0-78.6-6.795-93.159,5.337,0,0-5.553-13.49,2.418-19.993C3714.014,1902.4,3799.592,1890.933,3808.539,1915.494Z' transform='translate(-3699.212 -1858.464)' fill='%23d3e7ec' fill-rule='evenodd'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.cub-img-clean {
  background-image: url("data:image/svg+xml,%3csvg id='cub_img_clean' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='450' height='450' viewBox='0 0 450 450'%3e%3cdefs%3e%3clinearGradient id='linear-gradient' y1='0.5' x2='1' y2='0.5' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23ffa06a'/%3e%3cstop offset='0.204' stop-color='%23ffa46f'/%3e%3cstop offset='0.461' stop-color='%23ffb27f'/%3e%3cstop offset='0.746' stop-color='%23ffc998'/%3e%3cstop offset='0.778' stop-color='%23ffcd9c'/%3e%3c/linearGradient%3e%3clinearGradient id='linear-gradient-2' x1='0.512' y1='0.659' x2='0.495' y2='0.056' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%230b5e18'/%3e%3cstop offset='0.235' stop-color='%230a5a17'/%3e%3cstop offset='0.434' stop-color='%230a5016'/%3e%3cstop offset='0.62' stop-color='%23093e14'/%3e%3cstop offset='0.798' stop-color='%23072612'/%3e%3cstop offset='0.969' stop-color='%2305060e'/%3e%3cstop offset='1' stop-color='%2305000e'/%3e%3c/linearGradient%3e%3clinearGradient id='linear-gradient-3' x1='0.502' y1='0.694' x2='0.476' y2='0.147' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%2305000e'/%3e%3cstop offset='0.031' stop-color='%2305060e'/%3e%3cstop offset='0.202' stop-color='%23072612'/%3e%3cstop offset='0.38' stop-color='%23093e14'/%3e%3cstop offset='0.566' stop-color='%230a5016'/%3e%3cstop offset='0.765' stop-color='%230a5a17'/%3e%3cstop offset='1' stop-color='%230b5e18'/%3e%3c/linearGradient%3e%3clinearGradient id='linear-gradient-4' x1='-0.01' y1='-0.368' x2='0.468' y2='0.708' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23ffa06a'/%3e%3cstop offset='0.262' stop-color='%23ffa46f'/%3e%3cstop offset='0.593' stop-color='%23ffb27f'/%3e%3cstop offset='0.958' stop-color='%23ffc998'/%3e%3cstop offset='1' stop-color='%23ffcd9c'/%3e%3c/linearGradient%3e%3clinearGradient id='linear-gradient-5' y1='0.5' x2='1' y2='0.5' gradientUnits='objectBoundingBox'%3e%3cstop offset='0.008' stop-color='%23ff8c21'/%3e%3cstop offset='0.034' stop-color='%23ff8e20'/%3e%3cstop offset='0.681' stop-color='%23ffc008'/%3e%3cstop offset='1' stop-color='%23ffd400'/%3e%3c/linearGradient%3e%3cradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23ffaf7a'/%3e%3cstop offset='0.022' stop-color='%23ffaf7a'/%3e%3cstop offset='0.142' stop-color='%23ffb686' stop-opacity='0.906'/%3e%3cstop offset='0.395' stop-color='%23ffcaa7' stop-opacity='0.659'/%3e%3cstop offset='0.758' stop-color='%23ffe9da' stop-opacity='0.275'/%3e%3cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect id='Area' width='450' height='450' fill='none'/%3e%3cg id='Img_Error_Clean' transform='translate(-645.857 -119.52)'%3e%3cpath id='Path_536' data-name='Path 536' d='M861.429,178.132a1.336,1.336,0,0,0-.5-.784c.528-7.915-5.828-15.028-12.864-18.076a1.5,1.5,0,0,0-1.052-.06c-7.618-2.158-15.468.072-20.11,6.86-2.331,3.412-3.219,7.549-6.042,10.689-2.884,3.206-6.339,4.536-10.2,6.026-4.106,1.586-7.135,2.947-9.444,6.914-2.6,4.46-2.8,7.663-7.312,11.061-2.088,1.57-4.223,2.631-5.667,4.886a12.107,12.107,0,0,0-1.374,9.7c1.443,5,6.257,6.863,9.166,10.818,2.571,3.5,3.105,6.052,7.543,7.145,4.972,1.222,10.8-.053,15.67-1.071s8.746-1.778,13.778-1.017c3.433.521,6.772,1.7,10.271,1.835a11.43,11.43,0,0,0,5.72-.85,7.342,7.342,0,0,0,1.882-1.3,8.377,8.377,0,0,1,6.216-2.713c2.944-1.415,3.8-2.256,4.081-5.638a25.519,25.519,0,0,0-.809-7.679C865.525,202.579,864.48,191.272,861.429,178.132Z' transform='translate(-11.32 -1.399)' fill='%23442b13'/%3e%3cpath id='Path_537' data-name='Path 537' d='M936.617,332.044c3.1,13.7-1.845,43.231-1.589,49.049.306,7.005,2.394,11.333,3.607,12.17,1.488-3.051,18.614-45.458,17.05-64.381-1.57-18.984-17.546-56.229-17.789-57.221,1.75-3.171-19.769-33.7-27.969-41.377-8.13-7.533-5.3,37.754-5.3,37.754a42.137,42.137,0,0,0-2.581,9.28C901.6,279.813,934.065,320.619,936.617,332.044Z' transform='translate(-52.815 -26.884)' fill='%23ffcd9c'/%3e%3cpath id='Path_538' data-name='Path 538' d='M918.6,307.413c3.095,13.7,5.553,16.952,9.684,22.069,5.846-8.752,14.807-16.911,19.131-26.6.505-1.159-5.281-11.453-6.175-11.579C940.735,291.023,919.6,305.4,918.6,307.413Z' transform='translate(-58.756 -49.079)' fill='url(%23linear-gradient)'/%3e%3cpath id='Path_539' data-name='Path 539' d='M912.427,302.178c-3.137-3.455-7.808-7.284-11.993-11.049-1.586-1.44-3.114-2.874-4.46-4.239a25.5,25.5,0,0,1-4.35-5.575,7.482,7.482,0,0,1-.887-2.4,114.225,114.225,0,0,1-.187-13.18c.468-16.889,4.586-41.475,11.905-38.064,11.26,5.212,24.76,23.424,35.186,37.606C937.592,279.386,929.982,294.4,912.427,302.178Z' transform='translate(-48.664 -26.134)' fill='%23ffd400'/%3e%3cpath id='Path_540' data-name='Path 540' d='M899.374,705.031c-1.162-1.576-13.731-.258-13.857.557-.385,2.508-.177,12.6,1.023,13.872,1.162,1.232,5.724,3.083,5.971.651C892.723,718.01,900.494,706.548,899.374,705.031Z' transform='translate(-46.821 -197.277)' fill='%23ffcd9c'/%3e%3cpath id='Path_541' data-name='Path 541' d='M793.927,703.7c-1.162-1.577-11.94-.31-12.066.505-.385,2.508-.078,12.655,1.122,13.926,1.162,1.232,6.9,1.693,7.148-.739C790.343,715.295,795.048,705.222,793.927,703.7Z' transform='translate(-9.633 -196.795)' fill='%23ffcd9c'/%3e%3cpath id='Path_542' data-name='Path 542' d='M873.439,461.439c1.425,19.283.117,58.159-1.308,77.442-.085,1.3-.089,46.087-.089,46.087l16.731,1.734c9.11-29.438,26.5-95.458,26.5-124.767S912.944,383.786,903,360.617c-9.457-22.028-46.753,8.4-51.138,13.794-2.021,2.5,1.807,24.8,7.1,39.58C865.123,431.114,872.669,451.073,873.439,461.439Z' transform='translate(-34.613 -71.118)' fill='%230b5e18'/%3e%3cpath id='Path_543' data-name='Path 543' d='M874.058,609.321l10.323,1.07c-.938-7.034-.013-22.726.356-29.883.685-12.464,3.535-24.653,6.21-36.747,4.217-19.189,8.231-39.52,3.219-59.018-2.59-10.025-8.26-17-12.874-25.853-3.077-5.985-6.031-11.3-5.576-18.147.256-3.734.467-8.145-.7-11.878-1.452-4.719-5.182-8.915-9.105-8.21-4.892.88-7.355,2.484-8.979,7.761,6.153,17.12,17.751,47.009,18.522,57.376,1.425,19.283-1.52,58-2.5,77.316C871.989,582.337,874.058,609.321,874.058,609.321Z' transform='translate(-36.627 -95.47)' fill='url(%23linear-gradient-2)'/%3e%3cpath id='Path_544' data-name='Path 544' d='M779.5,585.573l14.859,1.734c7.751-27.767,28.468-75.206,31.516-104.331,4.725-45.228,10.436-93.659,10.692-105.569.029-1.911.057-2.931.057-2.931C826.4,360.994,809.067,355.5,801.347,354.51c-3.047-.4-5.268.246-6.238,1.974a129.314,129.314,0,0,0-7.489,15.859c-12.448,32.024-1.968,51.368-2.2,93.017,0,2.407-.028,4.874-.085,7.312-.4,17.215,3.888,38.418-.679,56.4C775.7,564.347,779.5,585.573,779.5,585.573Z' transform='translate(-8.554 -71.722)' fill='%230b5e18'/%3e%3cpath id='Path_545' data-name='Path 545' d='M779.269,590.948l3.386.357c-.085-9.441.123-22.8,1.061-32.18,1.482-14.807,5.3-28.689,10.025-42.638,7.577-22.458,12.676-44.64,11.222-68.8-.8-13.143-4.643-25.328-6.323-38.225-1.08-8.329.515-16.321,1.737-24.4a84.121,84.121,0,0,0,1.112-13.976c-.114-3.889-14.091-.777-14.091,5.625-12.448,32.025-1.974,52.376-2.2,94.025,0,2.407-.028,4.874-.085,7.312-.37,17.215-.944,36.8-3.528,55.244C775.375,577.641,779.269,590.948,779.269,590.948Z' transform='translate(-8.327 -77.098)' fill='url(%23linear-gradient-3)'/%3e%3cpath id='Path_546' data-name='Path 546' d='M891.763,332.351s-74.533,13.595-105.976-13.136c0,0,26.769-18.023,30.483-41.848.174-1.055.285-2.122.364-3.193.148-2.113.183-4.314.171-6.592-.113-24.454-6.011-55.664,40.685-44.811a16.186,16.186,0,0,1,5.926,2.776c7.164,5.277,25.045,19.908,22.041,32.524-3.771,15.707-16.283,18.294-10.8,37.893C880.153,315.532,891.763,332.351,891.763,332.351Z' transform='translate(-11.098 -23.695)' fill='%23ffb000'/%3e%3cpath id='Path_547' data-name='Path 547' d='M837.121,318.258s2.571,9.76-3.386,11.228c-14.994,3.686-48.172,6.264-68.813-2.76-20.155-8.828-7.152-48.6,13.648-65.254.051-.091.158-.135.24-.218,16.472-13.25,25.369,20.891,22.243,22.884a28.183,28.183,0,0,0-3.731,3.058c-6.907,6.491-15.3,18.36-13.9,19.652,1.286,1.175,7.252,3.7,10.891,4.639,6.557,1.684,15.995,2.972,25.165,3.945C833.8,317.022,836.42,317.955,837.121,318.258Z' transform='translate(0 -37.207)' fill='%23ffcd9c'/%3e%3cpath id='Path_548' data-name='Path 548' d='M830.6,329.432c-9.17-.973-18.607-2.261-25.165-3.945-3.639-.941-9.605-3.465-10.891-4.639-1.4-1.292,7-13.162,13.9-19.652a17.62,17.62,0,0,0-4.292-2.982,2.027,2.027,0,0,0-1.45-.682c-.121-.057-.272-.12-.392-.174-1.431-.61-2.426.941-2.056,2.069-6.716,7.021-21.359,19.014-10.525,27.467,9.7,7.536,28.87,8.758,40,4.416A1.417,1.417,0,0,0,830.6,329.432Z' transform='translate(-11.125 -51.206)' fill='url(%23linear-gradient-4)'/%3e%3cpath id='Path_549' data-name='Path 549' d='M847.876,270.934c-3.307,3.932-9.627,10.269-14.546,12.669.174-1.055.285-2.122.364-3.193.148-2.113.183-4.314.171-6.592a34.293,34.293,0,0,1,8.749-7.48c10.909-6.892,14.3-28.408,14.3-28.408C856.922,249,852.711,265.093,847.876,270.934Z' transform='translate(-28.158 -29.931)' fill='url(%23linear-gradient-5)'/%3e%3cpath id='Path_550' data-name='Path 550' d='M809.215,278.055c2.881-1.848,21.741-14.656,27-29.081,2.391-6.564,6.687-21.741-1.358-25.345-12.89-5.774-34.773,10.291-50.123,22.647C787.92,260.282,794.846,271,809.215,278.055Z' transform='translate(-10.72 -24.364)' fill='%23ffd400'/%3e%3cpath id='Path_551' data-name='Path 551' d='M889.047,207.061v9.122s2.454,4.5,0,4.987c-5.388,1.08-13.168-7.328-13.168-7.328V201.6Z' transform='translate(-43.426 -16.895)' fill='%23ffcd9c'/%3e%3cg id='Group_718' data-name='Group 718' transform='translate(802.376 192.869)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_552' data-name='Path 552' d='M956.927,497.384l-8.534,3.623L829.34,220.782a4.636,4.636,0,0,1,2.454-6.08h0a4.634,4.634,0,0,1,6.08,2.454Z' transform='translate(-828.969 -214.331)' fill='%23ebebeb'/%3e%3cpath id='Path_553' data-name='Path 553' d='M1022.289,658.706l-6.82,2.893a6.483,6.483,0,0,1-8.506-3.433h0a6.491,6.491,0,0,1,3.437-8.509l6.82-2.893a6.487,6.487,0,0,1,8.506,3.436h0A6.488,6.488,0,0,1,1022.289,658.706Z' transform='translate(-892.654 -369.316)' fill='%23c1c1c1'/%3e%3cpath id='Path_554' data-name='Path 554' d='M1047.139,642.663l-86.788,36.848-1.437-3.386a7.212,7.212,0,0,1,3.819-9.457l73.512-31.209a7.211,7.211,0,0,1,9.457,3.819Z' transform='translate(-875.391 -365.238)' fill='%23c1c1c1'/%3e%3cpath id='Path_555' data-name='Path 555' d='M1061.678,670.749a2.776,2.776,0,0,1-.676,1.825,54.273,54.273,0,0,1-5.063,4.931c-.357.3-.736.613-1.118.929-2.056-2.211-4.618-3.841-6.646-6.122-.989-1.118-3.083-.079-2.366,1.4a37.476,37.476,0,0,0,2,3.5c.916,1.513,1.911,2.934,2.89,4.391-.834.6-1.715,1.153-2.574,1.759l-.354.24c-3.519-4.668-6.447-9.71-9.656-14.567-.992-1.481-3.155.253-2.164,1.734,3.153,4.792,6.03,9.8,9.482,14.369-.568.363-1.165.736-1.762,1.112-.96.588-1.943,1.188-2.938,1.759-5.07-6.6-8.756-14.072-12.859-21.393a1.432,1.432,0,0,0-.742-.682,1.361,1.361,0,0,0-1.816,1.769c3.165,7.808,7,15.423,10.155,23.206-.812.437-1.636.844-2.483,1.267-1.018.521-2.035,1.042-3.1,1.525-1.017.521-2.018,1.008-3.057,1.479-1.589.735-3.219,1.456-4.83,2.141-.373.19-.733.341-1.115.5-1.74.742-3.49,1.453-5.227,2.129-1.393.562-2.77,1.087-4.16,1.586a40.567,40.567,0,0,1-3.575-7.211,1.391,1.391,0,0,0-2.559,1.087,73.6,73.6,0,0,1,2.628,7.4c-1.794.613-3.563,1.213-5.29,1.766-2.088-4.279-4.138-8.6-5.97-12.991a28.513,28.513,0,0,0-2.792-7.152,1.392,1.392,0,0,0-2.562,1.087c.862,2.385,1.8,4.735,2.763,7.075.591,2.1,1.068,4.227,1.687,6.32.7,2.359,1.409,4.748,2.135,7.1-1.1.316-2.179.626-3.244.894q-2.317.62-4.593,1.134c-2.252.533-4.447.982-6.551,1.361-.354-1.9-.736-3.794-1.128-5.714A58.615,58.615,0,0,0,979.2,690.7a1.277,1.277,0,0,0-2.29-.268l-.026.013a1.384,1.384,0,0,0-.243,1.342q.677,2.023,1.2,4.109c.183.648.341,1.3.5,1.961.028.139.069.244.1.382.455,1.921.871,3.828,1.247,5.784a18.108,18.108,0,0,1-.312,6.02c-.828.11-1.668.2-2.445.284l-1.052.085a46.043,46.043,0,0,1-4.981.152c-.91-.01-1.753-.072-2.568-.149-6.56-.72-6.87-26.564-6.87-26.564L1048.242,647S1062.231,663.87,1061.678,670.749Z' transform='translate(-876.512 -369.588)' fill='%23ffae00'/%3e%3cpath id='Path_556' data-name='Path 556' d='M1063.5,673.416c-3.323-3.273-6.671-6.532-9.991-9.8a1.334,1.334,0,0,0-1.071-.452c-1.245-1.586-2.476-3.206-3.724-4.791-.982-1.245-3.092.256-2.255,1.589,2.691,4.2,5.366,8.446,8.058,12.65,1.933,2.985,3.784,5.853,4.649,8.809a54.288,54.288,0,0,0,5.063-4.931,2.775,2.775,0,0,0,.676-1.825C1064.423,674.231,1063.915,673.814,1063.5,673.416Zm-14.9,4.665c-1-1.207-3.158.313-2.256,1.592,1.4,2.006,3.269,4.5,4.751,7.136l.012.025c.089.142.155.294.247.439.859-.607,1.74-1.162,2.574-1.759-.979-1.457-1.974-2.878-2.89-4.391Zm-18.393-8.531c.041.1.111.193.155.294a1.432,1.432,0,0,1,.742.682c4.1,7.321,7.789,14.789,12.859,21.393,1-.571,1.977-1.171,2.938-1.759-2.963-8.045-10.7-16.75-14.233-21.927C1031.662,666.786,1029.363,667.914,1030.209,669.55Zm1.175,22.969c.641,1.658,1.247,3.367,1.737,5.091,1.064-.483,2.081-1,3.1-1.525-1.043-2.1-1.94-4.071-2.376-4.883A1.4,1.4,0,0,0,1031.385,692.519ZM1018.94,683.7a126.636,126.636,0,0,0,6.295,17.533c1.611-.685,3.24-1.406,4.83-2.142-3.08-5.335-5.932-10.771-8.547-16.365A1.4,1.4,0,0,0,1018.94,683.7Zm-1.5,6.5c-2.593-4.972-5.187-9.941-7.767-14.947-.808-1.62-3.095-.319-2.435,1.3q5.5,13.8,11.655,27.309c1.738-.676,3.487-1.386,5.227-2.129a69.905,69.905,0,0,1-6.289-11.042A1.067,1.067,0,0,0,1017.439,690.195Zm-27.445,4.582c1.127,5.714,2.239,11.463,3.367,17.177q2.275-.512,4.593-1.134c-1.6-5.606-3.329-11.181-5.265-16.671A1.384,1.384,0,0,0,989.995,694.777ZM976.962,692.4c1.418,7.252,2.5,14.495,3.2,21.838.777-.089,1.617-.174,2.445-.284a18.111,18.111,0,0,0,.312-6.02c-.376-1.956-.792-3.863-1.247-5.784-.029-.138-.07-.243-.1-.382-.063-.215-.123-.429-.187-.644a.555.555,0,0,0-.145-.271c-.054-.341-.117-.7-.171-1.046-.288-1.809-.582-3.648-.957-5.451l.026-.013c-.158-.869-.3-1.712-.487-2.571C979.331,690,976.612,690.643,976.962,692.4Zm-6.494.07a84.431,84.431,0,0,0,3.664,22.006,46.041,46.041,0,0,0,4.981-.152c-2.174-7.324-4.157-14.7-5.9-22.145A1.4,1.4,0,0,0,970.468,692.466Z' transform='translate(-879.744 -373.499)' fill='%23ff8e0a'/%3e%3c/g%3e%3cg id='Group_719' data-name='Group 719' transform='translate(828.567 275.57)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_557' data-name='Path 557' d='M870.419,363.147c1.3,1.911,4,1.611,5.973,1.907,2.4.363,8.572,5.259,11.207,4.119,3.512-1.52-4.239-3.692-2.458-5.265.638-.559,11.345,4.346,8.484-.66-.632-1.105-6.311-3.882-4.037-4.324,2.549.767,8.042,3.273,8.828.726.369-1.2-2.7-3.007-4.305-3.5-7.959-2.448-3.762-2.7,1.453-.742,2.707,1.014,4.116-.476,1.861-2.694-4.678-4.6-13.55-3.878-19.052-1.768C876.045,351.83,867.5,358.889,870.419,363.147Z' transform='translate(-869.819 -345.461)' fill='%23ffcd9c'/%3e%3cpath id='Path_558' data-name='Path 558' d='M884.354,349.366c.847-.48,1.567-1.317,2.388-1.873a7.157,7.157,0,0,0,2.5-2.492c.8-1.683-.919-1.907-2.16-1.522-2.271.71-5.784,5.031-7.2,6.807C879.685,350.522,883.485,349.859,884.354,349.366Z' transform='translate(-873.425 -343.316)' fill='%23ffcd9c'/%3e%3c/g%3e%3cpath id='Path_559' data-name='Path 559' d='M950.344,470.929a1.838,1.838,0,0,0,.016-.262,19.42,19.42,0,0,0-5.234-10.025c-1.826-1.965-4.255-2.192-6.728-1.908a6.012,6.012,0,0,0-4.795,1.008c-1.071.91-.7,3.307,1.061,2.94,1.074-.224,2.287-.527,3.487-.679a9.266,9.266,0,0,1,2.685.831l-.379.1a8.273,8.273,0,0,0-4.47,2.647,1.728,1.728,0,0,0-2.271,1.137,5.087,5.087,0,0,0,1.153,4.9,4.078,4.078,0,0,0,.951,3.458,4.292,4.292,0,0,0,.79,2.578c-.411,2,2.009,3.171,3.954,3.092a11.212,11.212,0,0,0,9.179-5.243A5.432,5.432,0,0,0,950.344,470.929Z' transform='translate(-63.924 -109.126)' fill='%23ffcd9c'/%3e%3cpath id='Path_560' data-name='Path 560' d='M888.489,166.795s5.14,10.424,6.425,20.131c.914,6.893-11.708,15.992-21.988,6.281s-7.422-24.555-7.422-24.555Z' transform='translate(-39.572 -4.405)' fill='%23ffcd9c'/%3e%3cpath id='Path_561' data-name='Path 561' d='M890.856,162.025c-.7-.435-1.616-.462-2.285-.89-2.1-1.348-1.225-1.988-2.44-3.32a8.42,8.42,0,0,0-3.494-2.449c-3.744-1.392-8.068-.85-11.849.063-1.188.288-8.7,6.542-10.3,8.965-3.165,4.812-3.567,12.873-.348,17.792,2.529,3.862,7.285,7.017,9.834,1.9,1.951-3.909,1.634-7.55,1.319-11.733a19.222,19.222,0,0,1,0-4.012c2.025-2.758,4.779-4.695,7.874-4.715.78.78,1.442,1.951,2.168,2.731a11.3,11.3,0,0,0,3.888,2.713c2.289.954,5.465,1.159,7.051-1.154A4.129,4.129,0,0,0,890.856,162.025Z' transform='translate(-36.98)' fill='%23442b13'/%3e%3cpath id='Path_562' data-name='Path 562' d='M901.123,181.215s6.505,4.42,9.079,7.383a.979.979,0,0,1-.2,1.468c-1.513.994-4.588,2.94-6.053,3.292C901.958,193.83,901.123,181.215,901.123,181.215Z' transform='translate(-52.485 -9.579)' fill='%23ffcd9c'/%3e%3cpath id='Path_563' data-name='Path 563' d='M876.525,189.154s-2.783-3.008-4.915-.6,1.144,10.057,4.779,7.523S876.525,189.154,876.525,189.154Z' transform='translate(-41.653 -11.878)' fill='%23ffcd9c'/%3e%3cg id='Group_720' data-name='Group 720' transform='translate(834.424 520.6)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_564' data-name='Path 564' d='M891.228,725.479s26.264,0,31.4,13.4H891.052l-3.447-2.919-2.587,2.919h-5.241s-3.5-9.416,3.937-13C883.714,725.882,886.736,728.465,891.228,725.479Z' transform='translate(-878.953 -725.479)' fill='%23442b13'/%3e%3c/g%3e%3cg id='Group_721' data-name='Group 721' transform='translate(768.223 520.6)' style='mix-blend-mode: normal;isolation: isolate'%3e%3cpath id='Path_565' data-name='Path 565' d='M787.977,725.479s26.264,0,31.4,13.4H787.8l-3.447-2.919-2.586,2.919h-5.242s-3.5-9.416,3.937-13C780.464,725.882,783.485,728.465,787.977,725.479Z' transform='translate(-775.703 -725.479)' fill='%23442b13'/%3e%3c/g%3e%3cpath id='Path_1063' data-name='Path 1063' d='M569.132,292.857a6.354,6.354,0,1,0,5.8-6.862A6.354,6.354,0,0,0,569.132,292.857Z' transform='translate(269.021 -110.717)' fill='url(%23radial-gradient)' style='mix-blend-mode: multiply;isolation: isolate'/%3e%3c/g%3e%3c/svg%3e");
}

.cub-img-busy {
  background-image: url("data:image/svg+xml,%3csvg id='cub_img_busy' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='450' height='450' viewBox='0 0 450 450'%3e%3cdefs%3e%3clinearGradient id='linear-gradient' x1='0.329' y1='0.443' x2='0.925' y2='0.894' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23ffaa76'/%3e%3cstop offset='1' stop-color='%23ffa772' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='linear-gradient-2' x1='0.65' y1='0.481' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23ffaa76'/%3e%3cstop offset='1' stop-color='%23ffcd9c' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='linear-gradient-3' x1='0.5' x2='0.346' y2='0.663' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23147224'/%3e%3cstop offset='1' stop-color='%23126820' stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient id='linear-gradient-4' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%230b5e18' stop-opacity='0'/%3e%3cstop offset='1' stop-color='%23062111'/%3e%3c/linearGradient%3e%3cradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23ffaf7a'/%3e%3cstop offset='0.022' stop-color='%23ffaf7a'/%3e%3cstop offset='0.142' stop-color='%23ffb686' stop-opacity='0.906'/%3e%3cstop offset='0.395' stop-color='%23ffcaa7' stop-opacity='0.659'/%3e%3cstop offset='0.438' stop-color='%23ffcead' stop-opacity='0.612'/%3e%3cstop offset='0.758' stop-color='%23ffe9da' stop-opacity='0.275'/%3e%3cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3cg id='Group_6013' data-name='Group 6013' transform='translate(-2254.662 -2874.024)'%3e%3cpath id='Path_1023' data-name='Path 1023' d='M2714.284,3041.916c-10.092,12.873-41.8,4.809-58.8-7.5-7.382-5.351-23.439-41.374-1.2-41.577,2.305,0,33.167,28.236,35.02,25.431,3.388-5.129-28.232-48.152-28.232-48.192-1.979-3.385,1.782-15.678,2.256-15.3,2.016,1.569,23.449,20.218,30.7,28.3C2711.919,3003.089,2724.126,3029.358,2714.284,3041.916Z' transform='translate(-145.053 -27.022)' fill='%23ffcd9c'/%3e%3cpath id='Path_1024' data-name='Path 1024' d='M2703.265,3078.448c14.377-3.292-4.926-19.729-4.907-20.647,2.543,3.736,4.183,9.162,3.215,10.124-2.746,2.73-27.308-22.028-35.02-25.431-5.876,3.144,3.458,26.424,3.458,26.424S2686.283,3082.331,2703.265,3078.448Z' transform='translate(-157.314 -76.673)' fill='url(%23linear-gradient)' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_1025' data-name='Path 1025' d='M2660.467,3037.635s13.819,6.963,18.215,10.881c0,0,2.17,23.113-7.765,39.423C2670.917,3087.939,2656.13,3050.97,2660.467,3037.635Z' transform='translate(-154.517 -73.924)' fill='%23fff' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_1026' data-name='Path 1026' d='M2675.747,2937.7a.1.1,0,0,1,.006-.015c.588-1.646.749-3.915-.693-4.751-1.4-.807-3.11.58-3.338,2.242-.154,1.116.167,2.167.071,3.286a8.354,8.354,0,0,1-.78,2.861c-.562.813-1.135,1.625-1.668,2.429-.669,1.017,0,2.685,1.3,1.831A12.933,12.933,0,0,0,2675.747,2937.7Z' transform='translate(-159.843 -14.529)' fill='%23ffcd9c'/%3e%3cg id='Group_6008' data-name='Group 6008' transform='translate(2492.836 2916.643)'%3e%3cpath id='Path_1027' data-name='Path 1027' d='M2663.442,2957.587l-15.56,9.038-15.077-25.967,15.561-9.032Z' transform='translate(-2632.148 -2930.568)' fill='%23fffdd9'/%3e%3cpath id='Path_1028' data-name='Path 1028' d='M2654.32,2929.5l-8.958,5.293.678,1.171,4.556-2.648,3.255-1.874a2.294,2.294,0,0,1,3.132.829l12.09,20.826a2.289,2.289,0,0,1-.833,3.131l-7.783,4.563,1.424,2.453,9.035-5.16a2.291,2.291,0,0,0,.832-3.132l-14.3-24.623A2.291,2.291,0,0,0,2654.32,2929.5Z' transform='translate(-2639.255 -2929.187)' fill='%230b5e18'/%3e%3cpath id='Path_1029' data-name='Path 1029' d='M2645.709,2930.469c-.049.025-.1.049-.142.077l-13.135,7.629a2.287,2.287,0,0,0-.829,3.132l14.3,24.62a2.291,2.291,0,0,0,3.132.833l13.135-7.629c.046-.025.089-.053.133-.081a2.3,2.3,0,0,0,.7-3.052l-14.3-24.624A2.292,2.292,0,0,0,2645.709,2930.469Zm-.1,32.215-11.483-19.758a2.289,2.289,0,0,1,.832-3.129l10.749-6.245a2.294,2.294,0,0,1,3.135.829l11.479,19.759a2.291,2.291,0,0,1-.829,3.132l-10.751,6.242A2.289,2.289,0,0,1,2645.611,2962.685Z' transform='translate(-2631.292 -2929.781)' fill='%233bc455'/%3e%3cpath id='Path_1030' data-name='Path 1030' d='M2684.527,3000.143l-3.3,1.917a.694.694,0,0,1-.946-.253h0a.691.691,0,0,1,.252-.946l3.3-1.914a.692.692,0,0,1,.946.25h0A.693.693,0,0,1,2684.527,3000.143Z' transform='translate(-2658.967 -2968.617)' fill='%230b5e18'/%3e%3cpath id='Path_1031' data-name='Path 1031' d='M2649.5,2942.022a.665.665,0,1,1,.888-.315A.663.663,0,0,1,2649.5,2942.022Z' transform='translate(-2641.379 -2935.735)' fill='%230b5e18'/%3e%3c/g%3e%3cpath id='Path_1032' data-name='Path 1032' d='M2644.943,3282.174s10.986,48.4,3.9,106.39c-2.552,20.891-19.928,105.734-19.928,105.734l-7.087-.515-38.208-205.24Z' transform='translate(-111.476 -212.328)' fill='%23ffcd9c'/%3e%3cpath id='Path_1033' data-name='Path 1033' d='M2622.644,3272.721s9.9,44.185,9.9,92.747c0,37.619-15.1,97.781-15.1,97.781l-33.825-180.057Z' transform='translate(-111.476 -206.978)' fill='url(%23linear-gradient-2)' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_1034' data-name='Path 1034' d='M2499.78,3294.46s25.776,56.875,17.632,85.423c-9.806,34.38-98.437,65.143-98.437,65.143l-3.264-5.7s47.764-44.758,53.5-64.844-26.87-57.569-26.673-78.844C2442.6,3289.645,2499.78,3294.46,2499.78,3294.46Z' transform='translate(-16.441 -218.246)' fill='%23ffcd9c'/%3e%3cg id='Group_6009' data-name='Group 6009' transform='translate(2504.994 3278.058)'%3e%3cpath id='Path_1035' data-name='Path 1035' d='M2672.118,3761.9s27.416,0,32.78,13.939h-31.892l-3.749-3.893-3.945,3.893h-5.148s-3.656-9.793,4.112-13.523C2664.277,3762.319,2667.427,3765.007,2672.118,3761.9Z' transform='translate(-2659.305 -3761.903)' fill='%23442b13'/%3e%3c/g%3e%3cg id='Group_6010' data-name='Group 6010' transform='translate(2386.662 3219.635)'%3e%3cpath id='Path_1036' data-name='Path 1036' d='M2404.556,3633.676s17.092,22.373,9.272,35.1l-20.751-27.147.641-4.26-3.8.12-3.252-4.25s5.561-8.853,13.239-4.948C2399.9,3628.29,2399.242,3631.836,2404.556,3633.676Z' transform='translate(-2386.662 -3627.295)' fill='%23442b13'/%3e%3c/g%3e%3cpath id='Path_1037' data-name='Path 1037' d='M2507.792,2922.625c-4.3-7.676-16.486-8.779-24.124-5.875a11.984,11.984,0,0,0-6.821,5.894c-1.576,3.4-.173,8-2.843,10.974-2.173,2.426-5.946,3.323-8.751,4.753-7.636,3.887-14.269,11.276-12.663,20.468.45,2.574,1.619,4,2.651,6.224a18.637,18.637,0,0,0,1.538,1.784q2.834,5.008-.139,9.069c-.956,4.14-3,7.071-1.214,11.405,3.437,8.326,17.823,11.893,25.406,8.1,7.765-3.887,8.425-12.54,8-20.172-.437-7.774-.45-10.406,6.109-14.8,1.976-1.319,4.143-2.244,5.956-3.829,2.679-2.337,4.615-5.024,4.547-8.687-.1-5.351-4.522-7.324-1.847-13.933.83-2.047,2.777-3.526,3.579-5.641a8.991,8.991,0,0,0,.656-4.315A1.44,1.44,0,0,0,2507.792,2922.625Z' transform='translate(-37.177 -4.671)' fill='%23442b13'/%3e%3cpath id='Path_1038' data-name='Path 1038' d='M2584.055,3140.146s-29.949,19.087-104.541,5.771c0,0-7.66-131.125,61.4-122.278C2594.977,3030.562,2559.559,3090.079,2584.055,3140.146Z' transform='translate(-52.41 -65.759)' fill='%233bc455'/%3e%3cpath id='Path_1039' data-name='Path 1039' d='M2619.627,3005.4s8.409,10.548,6.125,21.855c-4.67-6.375-19.324-20.447-24.281-23.474a27.59,27.59,0,0,0,.24-15.255l14.673,3.576S2614.355,2998.413,2619.627,3005.4Z' transform='translate(-121.578 -46.131)' fill='%23ffcd9c'/%3e%3cpath id='Path_1040' data-name='Path 1040' d='M2602.566,2920.515c-7.6,1.023-12.589,10.481-11.159,21.122s8.748,18.44,16.344,17.417,12.589-10.475,11.159-21.116S2610.162,2919.495,2602.566,2920.515Z' transform='translate(-115.743 -7.585)' fill='%23ffcd9c'/%3e%3cpath id='Path_1041' data-name='Path 1041' d='M2643.042,2958.743s4.5,6.7,5.813,10.515a1,1,0,0,1-.758,1.316c-1.819.37-5.5,1.042-7.028.814C2639,2971.076,2643.042,2958.743,2643.042,2958.743Z' transform='translate(-143.655 -29.272)' fill='%23ffcd9c'/%3e%3cpath id='Path_1042' data-name='Path 1042' d='M2618.434,2930.37a26.354,26.354,0,0,1,2.265,5.145,12.607,12.607,0,0,1-9.79-2.678c-7.072-5.53-15.114-.685-15.114-.685l1.471-6.239,20.165-2.8Z' transform='translate(-118.366 -9.105)' fill='%23ff3d53'/%3e%3cpath id='Path_1043' data-name='Path 1043' d='M2580.551,2926.533a4.913,4.913,0,0,0,4.873-3.369c1.519-3.73,6.494-3.04,9.95-.826s6.948,3.717,11.2,1.725c3.246-1.519-5.9-15.341-10.108-16.22-14.533-3.04-21.636,3.125-24.765,6.162-10.465,10.157-1.158,28.745,4.19,29.062C2584.438,2943.576,2578.03,2930.728,2580.551,2926.533Z' transform='translate(-102.036 0)' fill='%23442b13'/%3e%3cpath id='Path_1044' data-name='Path 1044' d='M2593.576,2958.848s-2.593-3.316-4.976-1.036.309,10.392,4.245,8.114S2593.576,2958.848,2593.576,2958.848Z' transform='translate(-113.785 -28.292)' fill='%23ffcd9c'/%3e%3cpath id='Path_1045' data-name='Path 1045' d='M2479.526,3191.312s-2.95-54.752,11.686-85.263l36.333-2.632s-6.754,20.265-28.232,46.528c-8.583,10.493,1.387,44.9,1.387,44.9Z' transform='translate(-52.422 -111.155)' fill='url(%23linear-gradient-3)' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_1046' data-name='Path 1046' d='M2606.752,2907.891s15.877,1.141,15.877,18.714c0,0-25.439,3.687-31.79-.021l-1.088-11.079Z' transform='translate(-114.945 -0.491)' fill='%23442b13'/%3e%3cpath id='Path_1047' data-name='Path 1047' d='M2568.292,2923.853c-2.876,4.5-3.347,11.491-2.148,16.6.466,1.976,3.511,1.138,3.045-.841-1.008-4.278-.567-10.416,1.828-14.161C2572.115,2923.729,2569.384,2922.145,2568.292,2923.853Z' transform='translate(-101.235 -9.11)' fill='%23ffb000'/%3e%3cpath id='Path_1048' data-name='Path 1048' d='M2668.081,3099.132a3.287,3.287,0,1,1-3.286-3.286A3.286,3.286,0,0,1,2668.081,3099.132Z' transform='translate(-155.556 -106.87)' fill='%230b5e18'/%3e%3cpath id='Path_1049' data-name='Path 1049' d='M2670.844,3172.991a3.287,3.287,0,1,1-3.289-3.289A3.287,3.287,0,0,1,2670.844,3172.991Z' transform='translate(-157.12 -148.671)' fill='%230b5e18'/%3e%3cpath id='Path_1050' data-name='Path 1050' d='M2670.844,3135.959a3.287,3.287,0,1,1-3.289-3.289A3.287,3.287,0,0,1,2670.844,3135.959Z' transform='translate(-157.12 -127.712)' fill='%230b5e18'/%3e%3cpath id='Path_1051' data-name='Path 1051' d='M2474.584,3213.44s-10,25.712-2.986,45.061,26.469,52.162,18.057,62.847c0,0,95.968,21.962,110.484,0-20.234-17.725-10.12-85.892-31.146-112.6C2568.993,3208.743,2535.693,3224.452,2474.584,3213.44Z' transform='translate(-46.66 -170.767)' fill='%230b5e18'/%3e%3cpath id='Path_1052' data-name='Path 1052' d='M2479,3213.44s47.616,10.237,94.409-4.7c0,0,3.816,1.807,3.8,5.863,0,0-44.83,17.009-100.148,4.815A6.19,6.19,0,0,1,2479,3213.44Z' transform='translate(-51.077 -170.767)' fill='%23ffb000'/%3e%3cpath id='Path_1053' data-name='Path 1053' d='M2474.851,3323.388s31.346,20.745,33.319,34.25-4.889,30.761-4.889,30.761l-10.373-2.164s3.918-4.834,1.116-15C2489.418,3354.515,2475.93,3326.908,2474.851,3323.388Z' transform='translate(-49.913 -235.654)' fill='url(%23linear-gradient-4)' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cg id='Group_6012' data-name='Group 6012' transform='translate(2388.008 3087.73)'%3e%3cg id='Group_6011' data-name='Group 6011' transform='translate(0)'%3e%3cpath id='Path_1054' data-name='Path 1054' d='M2401.527,3323.637c-2.318.918-1.739,3.026-2.719,5.185-1.2,2.632-10.046,10.413-8.952,13.47,1.507,4.205,6.091-5.659,6.991-3.156.321.9-8.714,9.981-4.8,10.493,1.708.225,8.462-6.655,8.095-3.927-1.643,2.675-8.163,8.619-5.961,10.277,1.035.783,5.841-2.74,7.071-4.293,4.251-5.373,5.271-3.074,1.535,2.283-1.939,2.778-.983,4.828,1.967,2.926,6.122-3.949,7.213-14.683,7.1-21.584C2411.8,3332.393,2406.7,3321.589,2401.527,3323.637Z' transform='translate(-2389.763 -3323.38)' fill='%23ffcd9c'/%3e%3c/g%3e%3cpath id='Path_1055' data-name='Path 1055' d='M2431.089,3337.734c-1.4-1.174-3.086.7-2.3,2.041a9.431,9.431,0,0,0,2.4,5.185c.814.833,1.831,1.446,2.589,2.337,1.156,1.362,1.427,2.965,1.816,4.645.238,1.03,1.536,2.007,2.519,1.088C2442.51,3348.952,2434.07,3340.231,2431.089,3337.734Z' transform='translate(-2411.739 -3331.295)' fill='%23ffcd9c'/%3e%3c/g%3e%3cpath id='Path_1056' data-name='Path 1056' d='M2397.451,3099.471c-7.124,23.554-5.08,45.2,1.468,73.222l13.029-2.114s-2.4-32.274,14.291-61.064c7.568-13.058,59.885-34.673,56.389-55.89C2475.337,3009.406,2405.978,3071.288,2397.451,3099.471Z' transform='translate(-3.573 -74.227)' fill='%23ffcd9c'/%3e%3cpath id='Path_1057' data-name='Path 1057' d='M2688.683,2960.682a2.564,2.564,0,0,0-.542-3.1,1.43,1.43,0,0,0-1.211-.441.142.142,0,0,0-.034-.009,2.566,2.566,0,0,0-.037-1.714,1.6,1.6,0,0,0-1.242-1.467,1.51,1.51,0,0,0-.555-1.831,1.607,1.607,0,0,0-1.68-.654c-1.951.364-4.022,2-4.223,4.1a1.943,1.943,0,0,0,1.415,2.087,1.831,1.831,0,0,0,.762.016,2.146,2.146,0,0,0-.08,1.584,1.678,1.678,0,0,0,1.55,1.141,1.911,1.911,0,0,0,.444-.068,1.99,1.99,0,0,0,1.7,2.392,3.292,3.292,0,0,0,.854-.013,1.586,1.586,0,0,0,2.339,1.566l-.333.11a1.382,1.382,0,0,0,1.433-1.165,3.618,3.618,0,0,0,.259-.355A1.521,1.521,0,0,0,2688.683,2960.682Z' transform='translate(-165.542 -25.136)' fill='%23ffcd9c'/%3e%3cpath id='Path_1058' data-name='Path 1058' d='M2601.471,3023.679s15.754,12.364,24.281,23.474l-1.84,9.673S2613.1,3038.072,2601.471,3023.679Z' transform='translate(-121.578 -66.025)' fill='%23fff' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_1059' data-name='Path 1059' d='M2645.362,3029.553s7.068,11.251,5.231,20.924l4.67,6.19S2658.753,3042.549,2645.362,3029.553Z' transform='translate(-146.419 -69.349)' fill='%23fff' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_1060' data-name='Path 1060' d='M2516.456,3043.486s24.157-14.469,34.475,2.1-12.562,34.986-12.562,34.986S2517.168,3053.744,2516.456,3043.486Z' transform='translate(-73.461 -73.924)' fill='%23fff' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_1061' data-name='Path 1061' d='M2607.425,2970.011a6.032,6.032,0,1,0,5.506-6.514A6.032,6.032,0,0,0,2607.425,2970.011Z' transform='translate(-124.935 -31.951)' fill='url(%23radial-gradient)' style='mix-blend-mode: multiply;isolation: isolate'/%3e%3c/g%3e%3crect id='Area' width='450' height='450' fill='none'/%3e%3c/svg%3e");
}

.cub-img-fix {
  background-image: url("data:image/svg+xml,%3csvg id='cub_img_fix' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='450' height='450' viewBox='0 0 450 450'%3e%3cdefs%3e%3clinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23084315'/%3e%3cstop offset='1' stop-color='%230b5e18'/%3e%3c/linearGradient%3e%3clinearGradient id='linear-gradient-2' x1='0.509' y1='0.093' x2='0.492' y2='0.79' gradientUnits='objectBoundingBox'%3e%3cstop offset='0.008' stop-color='%230b5e18'/%3e%3cstop offset='0.286' stop-color='%231a7e2b'/%3e%3cstop offset='0.764' stop-color='%2331b049'/%3e%3cstop offset='1' stop-color='%233bc455'/%3e%3c/linearGradient%3e%3cradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3e%3cstop offset='0' stop-color='%23ffaf7a'/%3e%3cstop offset='0.022' stop-color='%23ffaf7a'/%3e%3cstop offset='0.142' stop-color='%23ffb686' stop-opacity='0.906'/%3e%3cstop offset='0.395' stop-color='%23ffcaa7' stop-opacity='0.659'/%3e%3cstop offset='0.758' stop-color='%23ffe9da' stop-opacity='0.275'/%3e%3cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect id='Area' width='450' height='450' fill='none'/%3e%3cg id='Img_Error_Fix' transform='translate(-819.895 -123.023)'%3e%3cpath id='Path_676' data-name='Path 676' d='M1278.577,221.67c1.226-.37,2.311-3.748.633-5.013a4.568,4.568,0,0,0-2.82-.5c-.021-.106.949-2.651-1.363-3.242-2.057-.526-3.919,2.2-5.716,3.23-5.338,3.074-10.115,2.964-10.609,1.738-.463-1.147,1.661-3.361,3-3.642a2.148,2.148,0,0,0,1.631-1.6,1.532,1.532,0,0,0-1.052-1.883c-1.141-.525-5.447.843-6.792,3.024-5.515,8.962-7.623,18.263-6.192,22.109.6,1.61,3.485,1.552,9.647-3.686,5.628.911,16.665.588,16.581-4.339C1278.989,227.691,1280.93,223.466,1278.577,221.67Z' transform='translate(-114.865 -18.656)' fill='%23ffcd9c'/%3e%3cpath id='Path_677' data-name='Path 677' d='M1164.263,315.127c8.264,3.305,19.248,6.435,25.857-.667,4.418-4.748,6.865-10.145,9.106-17.9,2.973-10.283,4.524-22.059,5.518-33.671.509-5.946,1.065-12.634-.008-18.026-.8-3.994-2.722-3.678-6.077-5.327-3.8,8.822-8.3,16.687-11.968,24.274-2.9,6-5.309,12.349-11.094,16.2-6.8,4.525-12.828-4.428-16.566-8.953-5.06-6.124-10.011-12.349-15.766-17.846-5.084-4.853-12.869-5.912-20.216-6.152-6.263-.2-11.8,1.8-14.194,4.807-8.348,10.489,5.471,25.262,13,33.4C1133.666,298.029,1147.951,308.841,1164.263,315.127Z' transform='translate(-64.306 -28.902)' fill='%23ffcd9c'/%3e%3cpath id='Path_678' data-name='Path 678' d='M1130.416,246.442c-10.042.1-8.9,20.982,6.077,39.71l7.856,16.943s22.631-18.6,24.487-31.23C1168.837,271.865,1151.6,246.233,1130.416,246.442Z' transform='translate(-70.551 -31.35)' fill='%23ebebeb'/%3e%3cpath id='Path_679' data-name='Path 679' d='M1150.769,308.3s22.83-20.866,24.259-32.349l6.412,6.393s-8.037,23.02-27.569,34.271Z' transform='translate(-80.086 -41.813)' fill='%23c1c1c1'/%3e%3cpath id='Path_680' data-name='Path 680' d='M1130.684,710.857l-2.241,12.851h-6.089l-2.905-14.214Z' transform='translate(-68.981 -195.531)' fill='%23ffcd9c'/%3e%3cpath id='Path_681' data-name='Path 681' d='M1149.639,413.417a790.333,790.333,0,0,1-9.452,105.932c-6.644,41.14-20.628,87.435-20.628,87.435h-10.921s-4.031-55.6-6.4-90.491c-2.255-33.228-11.728-96.71-11.728-96.71Z' transform='translate(-58.72 -90.553)' fill='%230b5e18'/%3e%3cpath id='Path_682' data-name='Path 682' d='M1131.285,713.393a2.639,2.639,0,0,0,1.454-3.582,6.7,6.7,0,0,0,.254-2.619c-.254-.824-17.374-2.341-18.307,0s.727,3.033.727,3.033-2.078,1.652.1,2.2S1125.581,715.046,1131.285,713.393Z' transform='translate(-67.191 -194.272)' fill='%233bc455'/%3e%3cpath id='Path_1065' data-name='Path 1065' d='M595.74,606.406s-1.1,29.273-6.031,78.909c-5.131,51.69-16.6,112.235-16.6,112.235s-4.17-63.368-6.745-90.772c-2.143-22.817-11.694-89.617-11.694-89.617Z' transform='translate(477.122 -289.131)' fill='url(%23linear-gradient)'/%3e%3cg id='Group_732' data-name='Group 732' transform='translate(1047.83 524.019)'%3e%3cpath id='Path_683' data-name='Path 683' d='M1127.718,725.074s26.438,0,31.611,13.492h-31.789l-3.47-2.937-2.6,2.937h-5.277s-3.525-9.478,3.964-13.088C1120.155,725.479,1123.2,728.08,1127.718,725.074Z' transform='translate(-1115.362 -725.074)' fill='%23442b13'/%3e%3c/g%3e%3cpath id='Path_684' data-name='Path 684' d='M1021.74,413.417s-6.9,40.266-10.715,96.684c-2.154,31.9,5.528,97.475,5.528,97.475l11.234-3.059,53.084-184.934Z' transform='translate(-30.403 -90.553)' fill='%230b5e18'/%3e%3cpath id='Path_685' data-name='Path 685' d='M1019.8,710.857l2.243,12.851h6.086l2.905-14.214Z' transform='translate(-33.649 -195.531)' fill='%23ffcd9c'/%3e%3cpath id='Path_686' data-name='Path 686' d='M1015.113,713.393a2.638,2.638,0,0,1-1.451-3.582,6.7,6.7,0,0,1-.254-2.619c.254-.824,17.374-2.341,18.308,0s-.727,3.033-.727,3.033,2.075,1.652-.1,2.2S1020.82,715.046,1015.113,713.393Z' transform='translate(-31.358 -194.272)' fill='%233bc455'/%3e%3cg id='Group_733' data-name='Group 733' transform='translate(956.054 524.019)'%3e%3cpath id='Path_687' data-name='Path 687' d='M1004.782,725.074s-26.438,0-31.611,13.492h29.114l3.526-2.544,3.074,2.544h7.425s3.523-9.478-3.964-13.088C1012.346,725.479,1009.3,728.08,1004.782,725.074Z' transform='translate(-973.171 -725.074)' fill='%23442b13'/%3e%3c/g%3e%3cpath id='Path_688' data-name='Path 688' d='M1016.275,360.476c29.619,5.262,60.228,7.141,89.951,1.608,6.756-1.259,13.7-2.524,20.1-5.107,2.049-.827,3.624-1.4,3.928-3.718.388-2.985-.91-6.946-1.274-9.9-1.863-15.092-4.068-30.148-6.506-45.154-3.381-20.793-7.61-46.854-28.569-57.308a45.16,45.16,0,0,0-35.989-1.235c-11.58,4.647-19.954,14.6-25.673,25.386-7.223,13.617-10.874,28.809-13.164,43.957A258.865,258.865,0,0,0,1016.275,360.476Z' transform='translate(-32.298 -27.829)' fill='%233bc455'/%3e%3cpath id='Path_689' data-name='Path 689' d='M1111.883,229.74s-4.714,8.385-19.026-.355a27.346,27.346,0,0,0,.624-15.6l14.575,3.553S1106.645,222.8,1111.883,229.74Z' transform='translate(-59.553 -19.772)' fill='%23ffcd9c'/%3e%3cpath id='Path_690' data-name='Path 690' d='M1098.546,170.038c-7.43,1.641-11.59,11.412-9.292,21.822s10.185,17.528,17.616,15.887,11.592-11.411,9.292-21.824S1105.977,168.4,1098.546,170.038Z' transform='translate(-58.051 -4.177)' fill='%23ffcd9c'/%3e%3cpath id='Path_691' data-name='Path 691' d='M1124.484,193.911s5.007,6.263,6.623,9.925a1,1,0,0,1-.638,1.366c-1.771.517-5.353,1.49-6.887,1.386C1121.5,206.452,1124.484,193.911,1124.484,193.911Z' transform='translate(-70.186 -12.725)' fill='%23ffcd9c'/%3e%3cpath id='Path_692' data-name='Path 692' d='M1087.923,180.009a4.878,4.878,0,0,0,4.543-3.736c1.2-3.818,6.177-3.547,9.781-1.643s9.434,2.625,13.475.3c3.089-1.773,6.774-8.048,1.031-12.342-5.214-3.9-18.647-5.132-22.845-4.345-7.626,1.434-16.641,11.42-15.059,20.69,1.112,6.535,4.791,16.925,10.111,16.8C1087.58,188.856,1085.774,184.369,1087.923,180.009Z' transform='translate(-54.521)' fill='%23442b13'/%3e%3cpath id='Path_693' data-name='Path 693' d='M1092.351,197.237s-2.837-3.068-5.009-.615,1.164,10.256,4.874,7.673S1092.351,197.237,1092.351,197.237Z' transform='translate(-57.353 -13.349)' fill='%23ffcd9c'/%3e%3cg id='Group_734' data-name='Group 734' transform='translate(924.895 341.71)'%3e%3cpath id='Path_694' data-name='Path 694' d='M999.644,468.322l-24.674-.048a5.747,5.747,0,0,1-5.72-5.743l.026-13.3a6.634,6.634,0,0,1,6.624-6.612h.015l22.883.045a6.624,6.624,0,0,1,6.612,6.638l-.026,13.3a5.733,5.733,0,0,1-5.728,5.72Zm-26.619-21.97a4.072,4.072,0,0,0-1.2,2.882l-.027,13.3a3.185,3.185,0,0,0,3.174,3.186l24.674.047h.006a3.178,3.178,0,0,0,3.181-3.171l.026-13.306a4.082,4.082,0,0,0-4.068-4.082l-22.886-.044H975.9A4.054,4.054,0,0,0,973.025,446.352Z' transform='translate(-940.622 -442.616)' fill='%23442b13'/%3e%3cpath id='Path_695' data-name='Path 695' d='M933.032,521.207l71.6.138a4.836,4.836,0,0,0,4.847-4.827l.106-55.014a4.839,4.839,0,0,0-4.83-4.847l-71.6-.139a4.839,4.839,0,0,0-4.848,4.829L928.2,516.36A4.836,4.836,0,0,0,933.032,521.207Z' transform='translate(-926.069 -447.545)' fill='%23ffae00'/%3e%3cpath id='Path_696' data-name='Path 696' d='M929.751,485.506l75.956.148a4.869,4.869,0,0,0,4.877-4.856l.035-19.259a4.867,4.867,0,0,0-4.856-4.877l-75.955-.148a4.869,4.869,0,0,0-4.877,4.859L924.9,480.63A4.864,4.864,0,0,0,929.751,485.506Z' transform='translate(-924.895 -447.544)' fill='%23d16f0d'/%3e%3cpath id='Path_697' data-name='Path 697' d='M938.954,521.207l71.6.138a4.835,4.835,0,0,0,4.847-4.827l.107-55.014a4.84,4.84,0,0,0-4.83-4.847l-71.6-.139a4.838,4.838,0,0,0-4.847,4.827l-.106,55.014A4.837,4.837,0,0,0,938.954,521.207Z' transform='translate(-928.168 -447.545)' fill='%23ffd400'/%3e%3cpath id='Path_698' data-name='Path 698' d='M935.675,485.506l75.953.148a4.866,4.866,0,0,0,4.877-4.856l.038-19.259a4.866,4.866,0,0,0-4.859-4.877l-75.953-.148a4.865,4.865,0,0,0-4.877,4.859l-.038,19.256A4.865,4.865,0,0,0,935.675,485.506Z' transform='translate(-926.994 -447.544)' fill='%23ffae00'/%3e%3cpath id='Path_699' data-name='Path 699' d='M1023.474,499.26a4.286,4.286,0,1,1,4.286,4.286A4.287,4.287,0,0,1,1023.474,499.26Z' transform='translate(-959.847 -461.179)' fill='%23442b13'/%3e%3cpath id='Path_700' data-name='Path 700' d='M957.944,499.26a4.287,4.287,0,1,1,4.286,4.286A4.289,4.289,0,0,1,957.944,499.26Z' transform='translate(-936.613 -461.179)' fill='%23442b13'/%3e%3c/g%3e%3cpath id='Path_701' data-name='Path 701' d='M1125.562,263.958a2.322,2.322,0,1,0-2.323,2.32A2.323,2.323,0,0,0,1125.562,263.958Z' transform='translate(-69.502 -36.737)' fill='%230b5e18'/%3e%3cpath id='Path_702' data-name='Path 702' d='M1141.427,314.924a2.322,2.322,0,1,0-2.323,2.324A2.324,2.324,0,0,0,1141.427,314.924Z' transform='translate(-75.128 -54.808)' fill='%230b5e18'/%3e%3cpath id='Path_703' data-name='Path 703' d='M1145.621,394.9a2.322,2.322,0,1,0-2.323,2.32A2.323,2.323,0,0,0,1145.621,394.9Z' transform='translate(-76.615 -83.166)' fill='%230b5e18'/%3e%3cpath id='Path_704' data-name='Path 704' d='M1145.621,369.224a2.322,2.322,0,1,0-2.323,2.32A2.324,2.324,0,0,0,1145.621,369.224Z' transform='translate(-76.615 -74.061)' fill='%230b5e18'/%3e%3cpath id='Path_705' data-name='Path 705' d='M1134.318,290.036a2.323,2.323,0,1,0-2.324,2.32A2.323,2.323,0,0,0,1134.318,290.036Z' transform='translate(-72.606 -45.984)' fill='%230b5e18'/%3e%3cpath id='Path_706' data-name='Path 706' d='M1145.025,342.108a2.323,2.323,0,1,0-2.323,2.32A2.324,2.324,0,0,0,1145.025,342.108Z' transform='translate(-76.402 -64.446)' fill='%230b5e18'/%3e%3cpath id='Path_707' data-name='Path 707' d='M1117.265,238.232s4.959-.332,7.465,2.329c0,0,0,5.076-7.465,8.379a12.364,12.364,0,0,0-5.787-7.386S1114.38,241.429,1117.265,238.232Z' transform='translate(-66.155 -28.435)' fill='%23ebebeb'/%3e%3cpath id='Path_708' data-name='Path 708' d='M1102.6,241.352a36.122,36.122,0,0,0-3.118,7.386s-8.909-4.228-13.046-10.047a6.693,6.693,0,0,1,4.146-.994A24.008,24.008,0,0,0,1102.6,241.352Z' transform='translate(-57.276 -28.233)' fill='%23ebebeb'/%3e%3cg id='Group_735' data-name='Group 735' transform='translate(983.69 224.294)'%3e%3cpath id='Path_709' data-name='Path 709' d='M1032.244,273.619c-7.224,13.617-10.874,28.809-13.164,43.957a258.865,258.865,0,0,0-2.805,51.476q8.674,1.54,17.446,2.662a277.451,277.451,0,0,1,3.132-50.988c2.619-17.321,11.331-36.729,19.591-52.3.123-.232-3.992-.424-3.867-.655L1041,260.7A68.821,68.821,0,0,0,1032.244,273.619Z' transform='translate(-1015.989 -260.699)' fill='url(%23linear-gradient-2)'/%3e%3c/g%3e%3cpath id='Path_710' data-name='Path 710' d='M980.572,425.372c1.068-3.236,6.355-2.9,10.1-1.865,4.3-.464,12.21-.437,12.449,4.079.063,1.171-1.315,1.492-2.136,1.079a9.616,9.616,0,0,0-3.813-1.348,20.047,20.047,0,0,1,5.371,5.5,1.44,1.44,0,0,1,.281.287c2.426,3.778,1.064,8.4-2.349,7.031a3.5,3.5,0,0,1-4.189.482c-1.164,1.147-3.23,1.029-4.776-.133a3.627,3.627,0,0,1-4.611-.159,5.831,5.831,0,0,1-1.832-3.308c-.414-1.5-.845-2.967-1.3-4.434-.5-.96-.931-1.853-1.241-2.491C981.628,428.227,979.893,427.435,980.572,425.372Z' transform='translate(-19.686 -93.874)' fill='%23ffcd9c'/%3e%3cpath id='Path_711' data-name='Path 711' d='M955.781,356.145c3.565,3.626,7.247,8.693,12.175,10.517,4.526,1.672,7.442-2.291,11.848-3.238-5.954-9.463-9.445-19.035-9.8-30.44-.306-9.73,5.127-17.541,12.653-23.2,9.307-7,17.744-14.027,27.494-20.052,8.077-4.991,11.4-9.719,16.177-19.328,1.97-3.964,2.852-3.227,3.1-7.639a16.985,16.985,0,0,0-2.745-9.036c-1.769-2.684-16.663-2.593-22.523-.2-19.229,7.854-36.625,20.867-48.8,37.772-6.873,9.543-12.288,20.711-12.7,32.657C942.242,336.061,947.517,347.494,955.781,356.145Z' transform='translate(-6.289 -33.224)' fill='%23ffcd9c'/%3e%3cpath id='Path_712' data-name='Path 712' d='M1050.005,250.223c8.71,5.478,7.854,20.6-14.609,38.482l-11.648,12.141s-20.354-23.966-19.248-39.1C1004.5,261.749,1038.048,242.7,1050.005,250.223Z' transform='translate(-28.209 -32.068)' fill='%23ebebeb'/%3e%3cpath id='Path_713' data-name='Path 713' d='M1021.337,308.4l6.233-7.333s-23.127-18.335-20.377-41.07l-9.19,6.05S1004.271,294.1,1021.337,308.4Z' transform='translate(-25.921 -36.158)' fill='%23c1c1c1'/%3e%3cpath id='Path_1064' data-name='Path 1064' d='M569.132,292.857a6.354,6.354,0,1,0,5.8-6.862A6.354,6.354,0,0,0,569.132,292.857Z' transform='translate(470.059 -103.65)' fill='url(%23radial-gradient)' style='mix-blend-mode: multiply;isolation: isolate'/%3e%3c/g%3e%3c/svg%3e");
}

.cub-img-success {
  background-image: url("data:image/svg+xml,%3csvg id='cub_img_success' xmlns='http://www.w3.org/2000/svg' width='450' height='450' viewBox='0 0 450 450'%3e%3cg id='Group_5202' data-name='Group 5202'%3e%3cg id='Group_4361' data-name='Group 4361' transform='translate(70.713 43.718)'%3e%3cpath id='Path_895' data-name='Path 895' d='M3777.958,2155.756c1.253-1.57,14.818-.259,14.954.555.415,2.5,1.059,12.06-.235,13.326-1.255,1.228-14.8,1.179-15.064-1.239C3777.383,2166.3,3776.748,2157.27,3777.958,2155.756Z' transform='translate(-3715.49 -1801.225)' fill='%23ffa56f' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_896' data-name='Path 896' d='M3799.042,2164.121s6.268,8.965,1.787,16.007c0,0-32.656,1.536-42.518,0,0,0-.257-12.037,8.2-13.063a124.721,124.721,0,0,1,16.914-.729S3792.9,2170.781,3799.042,2164.121Z' transform='translate(-3720.898 -1798.625)' fill='%23442b13'/%3e%3cpath id='Path_897' data-name='Path 897' d='M3848.9,2155.756c-1.255-1.57-14.819-.259-14.956.555-.415,2.5-1.059,12.06.235,13.326,1.255,1.228,14.8,1.179,15.065-1.239C3849.479,2166.3,3850.113,2157.27,3848.9,2155.756Z' transform='translate(-3691.004 -1801.225)' fill='%23ffa56f' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_898' data-name='Path 898' d='M3817.891,2164.121s-6.269,8.965-1.789,16.006c0,0,32.656,1.537,42.518,0,0,0,.257-12.037-8.2-13.063a124.777,124.777,0,0,0-16.913-.729S3824.03,2170.781,3817.891,2164.121Z' transform='translate(-3675.667 -1798.625)' fill='%23442b13'/%3e%3cg id='Group_4363' data-name='Group 4363' transform='translate(58.948 129.221)'%3e%3cpath id='Path_891' data-name='Path 891' d='M3828.772,2095.124c0,29.2-12.308,90.61-20.572,117.089h-21.412c-.1-.153-.246-30.465-.213-42.2,0-21.239-6.415-56.17-8.128-75.378-.925-10.328-.582-36.051-7.982-53.107-1.371-3.167-2.672-6.211-3.871-9.1-4.351-10.57-7.125-18.777-5.206-20.746,5.275-5.378,50.666-45.27,62.039-23.327C3835.385,2011.435,3828.772,2065.926,3828.772,2095.124Z' transform='translate(-3706.592 -1981.167)' fill='%230b5e18'/%3e%3cpath id='Path_892' data-name='Path 892' d='M3813.771,2202.955c-5.755.275-8.819,0-10.962,0,0-.03,2.061-19.345-1.859-47.583-10.192-73.406-17.137-129.318-18.334-132.208,2.534-4.364,6.1-8.821,12.059-8.941a8.555,8.555,0,0,1,8.905,6.853c1.783,7.5-1.883,16.568-1.847,24.282.033,10.846,2.534,21.451,5,32.056,2.124,9.067,4.179,18.194,4.452,27.508.345,10.848-1.3,21.637-1.061,32.487C3810.569,2156.372,3818.6,2183.9,3813.771,2202.955Z' transform='translate(-3722.613 -1971.908)' fill='%23005022' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_893' data-name='Path 893' d='M3867.613,2003.524s-.033,1.012-.068,2.917c-.1,3.722-1.266,10.575-3.014,19.642-.753,3.9-1.345,20.938-2.236,25.609-3.734,18.9-8.829,30.575-11.946,55.377-3.666,29.014-20.966,75.378-29.53,106.3h-21.2s4.54-45.274,7.28-53.785c3.323-10.422-4.891-24.06-4.788-36.69.1-8.974-.207-17.859-.343-25.666-.035-2.611-.069-5.163-.069-7.714.274-40.847-2.535-57.9,11.682-88.855.2-.489.411-.981.651-1.473a120.341,120.341,0,0,1,9.01-15.8c1.164-1.719,3.836-2.364,7.5-1.966,8.837.922,23.293,7.96,35.284,20.224C3866.449,2002.265,3867.031,2002.879,3867.613,2003.524Z' transform='translate(-3799.287 -1981.31)' fill='%230b5e18'/%3e%3cpath id='Path_894' data-name='Path 894' d='M3854.679,2001.439a1.1,1.1,0,0,1,0,1.168c-7.947,16.475-13.018,34.147-12.092,52.219.444,9.251,2.809,18.254,4.35,27.416a237.315,237.315,0,0,1,2.774,28.243c.72,16.106,2.126,32.887-1.232,48.84-3.321,15.8-4.052,34.292-9.054,49.752h-10.531c-.846-5.024,0-28.654,1.5-45.141.863-9.46.718-36.083.992-45.334.308-8.7-.138-17.337-.342-25.666-.035-2.611-.069-5.164-.069-7.714.273-40.847-2.535-57.9,11.681-88.856a25.489,25.489,0,0,1,11.956,2.737C3855.811,1999.656,3855.536,2000.823,3854.679,2001.439Z' transform='translate(-3828.557 -1977.012)' fill='%23005022' style='mix-blend-mode: normal;isolation: isolate'/%3e%3c/g%3e%3cpath id='Path_878' data-name='Path 878' d='M6068.541,835.336c1.274.129,3.241-2.111,1.982-3.664a5.577,5.577,0,0,0-2.561-1.344,1.827,1.827,0,0,0-.412-2.974c-1.826-1.107-4.354.364-6.359.557-5.954.562-10.5-1.151-10.633-2.268-.129-1.043,2.514-2.03,3.869-1.8a2.039,2.039,0,0,0,2-.685c.532-.771.059-1.355-.49-1.817-.948-.793-5.445-1.2-7.329.033-7.745,5.054-12.317,11.533-12.007,15,.129,1.448,10.083,1.914,10.248.429,5.143,2.618,15.787,6.12,17.063,2.282C6067.277,840.137,6070.3,837.529,6068.541,835.336Z' transform='translate(-5782.811 -713.452)' fill='%23ffcd9c'/%3e%3cpath id='Path_879' data-name='Path 879' d='M6010.6,860.887c21.611,5.1,41.681-3.712,60.572-9.941,4.014-1.323,4.32-8.1.837-9.811-22.846,2.749-44.206-8.88-56.373-16.532-7.174-4.512-20.945-16.485-24.823-21.183a210.235,210.235,0,0,0-16.355-18.514c-5.271-5.037-11.82-10.223-19.441-10.471a17.868,17.868,0,0,0-16.254,9.077c-6.441,12.322,5.674,26.2,13.487,34.651C5964.5,831.408,5994.234,857.03,6010.6,860.887Z' transform='translate(-5811.283 -726.643)' fill='%23d3e7ec'/%3e%3cpath id='Path_880' data-name='Path 880' d='M5996.561,850.677s-3.229-27.746-15.179-52.613c0,0-12.444-17.05-25.69-22.342,0,0,12.472,55.866,26.568,68.657C5986.009,847.777,5996.561,850.677,5996.561,850.677Z' transform='translate(-5805.924 -726.271)' fill='%23b8d3d8'/%3e%3cpath id='Path_890' data-name='Path 890' d='M5889.539,898.572c30.729,5.459,62.486,7.411,93.314,1.671,7.011-1.3,14.215-2.613,20.854-5.295,2.126-.859,3.763-1.453,4.075-3.857.4-3.1-.944-7.2-1.322-10.276-1.929-15.657-4.215-31.272-6.749-46.844-3.506-21.569-7.9-48.6-29.637-59.449a46.846,46.846,0,0,0-37.333-1.286c-12.014,4.82-20.7,15.152-26.633,26.34-7.494,14.124-11.282,29.885-13.657,45.6A268.619,268.619,0,0,0,5889.539,898.572Z' transform='translate(-5824.904 -727.915)' fill='%23e1ecef'/%3e%3cpath id='Path_891-2' data-name='Path 891' d='M5889.484,888.7s-1.646-59.833,11.314-84.223l10.929,8.9s-5.5,19.373-8.743,33.9c-5.943,26.623-5.2,42.8-5.2,42.8Z' transform='translate(-5824.861 -718.056)' fill='%23b8d3d8'/%3e%3cpath id='Path_892-2' data-name='Path 892' d='M5921.3,776.37s4.648,33.133-18.215,48.634l-1.682,6.051s8.98-1.05,17.431-14.946c11.435-18.8,8.6-42.289,8.6-42.289Z' transform='translate(-5821.437 -726.815)' fill='%23b8d3d8'/%3e%3cg id='Group_4356' data-name='Group 4356' transform='translate(0 178.059)'%3e%3cpath id='Path_900' data-name='Path 900' d='M5893.836,902.414l-25.594-.047a5.963,5.963,0,0,1-5.937-5.959l.032-13.8a6.874,6.874,0,0,1,6.867-6.858h.016l23.738.046a6.874,6.874,0,0,1,6.86,6.885l-.028,13.8a5.943,5.943,0,0,1-5.943,5.931Zm-27.613-22.789a4.216,4.216,0,0,0-1.242,2.988l-.029,13.8a3.308,3.308,0,0,0,3.3,3.3l25.6.049h0a3.3,3.3,0,0,0,3.3-3.294l.027-13.8a4.23,4.23,0,0,0-4.218-4.236l-23.742-.046h-.009a4.206,4.206,0,0,0-2.982,1.235Z' transform='translate(-5832.606 -875.751)' fill='%23442b13'/%3e%3cpath id='Path_901' data-name='Path 901' d='M5845.936,950.092l74.278.147a5.014,5.014,0,0,0,5.028-5v-.014l.11-57.07a5.013,5.013,0,0,0-5-5.027h0l-74.279-.141a5.014,5.014,0,0,0-5.028,5v.005l-.11,57.073a5.014,5.014,0,0,0,5,5.028Z' transform='translate(-5838.714 -873.684)' fill='%23805a37'/%3e%3cpath id='Path_902' data-name='Path 902' d='M5844.245,913.062l78.792.152a5.048,5.048,0,0,0,5.059-5.041h0l.039-19.978a5.051,5.051,0,0,0-5.039-5.059l-78.792-.151a5.051,5.051,0,0,0-5.062,5.036v.005L5839.206,908A5.053,5.053,0,0,0,5844.245,913.062Z' transform='translate(-5839.206 -873.684)' fill='%23442b13'/%3e%3cpath id='Path_903' data-name='Path 903' d='M5849.022,950.092l74.278.147a5.014,5.014,0,0,0,5.028-5v-.014l.11-57.068a5.014,5.014,0,0,0-5-5.03h-.016l-74.278-.141a5.013,5.013,0,0,0-5.027,5v.005l-.111,57.073a5.015,5.015,0,0,0,5,5.028Z' transform='translate(-5837.834 -873.684)' fill='%23442b13'/%3e%3cpath id='Path_904' data-name='Path 904' d='M5847.329,913.062l78.793.152a5.045,5.045,0,0,0,5.059-5.033v-.008l.04-19.978a5.051,5.051,0,0,0-5.037-5.059l-78.8-.151a5.047,5.047,0,0,0-5.06,5.034v.008l-.04,19.976A5.052,5.052,0,0,0,5847.329,913.062Z' transform='translate(-5838.326 -873.684)' fill='%23805a37'/%3e%3cpath id='Path_905' data-name='Path 905' d='M5890.543,907.458a4.445,4.445,0,1,1,4.445,4.446,4.445,4.445,0,0,1-4.445-4.446Z' transform='translate(-5824.539 -867.961)' fill='%23fff'/%3e%3cpath id='Path_906' data-name='Path 906' d='M5856.416,907.46a4.448,4.448,0,1,1,4.451,4.446h0a4.447,4.447,0,0,1-4.45-4.445Z' transform='translate(-5834.289 -867.963)' fill='%23fff'/%3e%3c/g%3e%3cpath id='Path_907' data-name='Path 907' d='M5868.28,868.1c1.107-3.362,6.593-3.01,10.479-1.939,4.46-.477,12.667-.45,12.914,4.234.064,1.212-1.364,1.549-2.217,1.12a9.911,9.911,0,0,0-3.955-1.4,20.781,20.781,0,0,1,5.571,5.7,1.458,1.458,0,0,1,.292.3c2.517,3.918,1.1,8.706-2.443,7.294a3.621,3.621,0,0,1-4.341.5,3.879,3.879,0,0,1-4.959-.135,3.754,3.754,0,0,1-4.778-.167,6.028,6.028,0,0,1-1.9-3.429c-.429-1.557-.875-3.086-1.351-4.6-.514-.994-.965-1.92-1.286-2.58C5869.375,871.062,5867.575,870.24,5868.28,868.1Z' transform='translate(-5830.945 -700.645)' fill='%23ffcd9c'/%3e%3cpath id='Path_908' data-name='Path 908' d='M5859.786,883.652c3.5,3.945,7.055,9.386,12.067,11.529,4.6,1.974,9.855-.435,14.469-1.188-5.675-10.117-10.817-21.762-10.591-33.6.191-10.1,6.229-17.911,14.319-23.376,10.012-6.765,21.826-8.985,32.242-14.72,8.627-4.757,14.024-14.477,17.1-23.511A61.628,61.628,0,0,0,5942.2,785.4c.3-2.84,1.437-8.167-.118-10.813-1.694-2.879-20.62,3.095-26.819,5.271a117.047,117.047,0,0,0-52.532,36.59c-7.619,9.531-13.812,20.814-14.859,33.172C5846.807,862.135,5851.677,874.256,5859.786,883.652Z' transform='translate(-5836.771 -726.815)' fill='%23d3e7ec'/%3e%3cpath id='Path_909' data-name='Path 909' d='M5869.693,876.541a49.853,49.853,0,0,0,15.9-9.377l-1.755-5.362s-18.734,9.617-20.239,9.887Z' transform='translate(-5832.238 -701.677)' fill='%23fff'/%3e%3cpath id='Path_912' data-name='Path 912' d='M5948.71,785.462a2.408,2.408,0,1,0-2.407,2.412A2.408,2.408,0,0,0,5948.71,785.462Z' transform='translate(-5809.295 -724.175)' fill='%23fff'/%3e%3cpath id='Path_952' data-name='Path 952' d='M6044.317,822.861s3.693,11.728,1.254,15.346l-5.444,1.935-.947-16.793Z' transform='translate(-5782.071 -712.803)' fill='%23fff'/%3e%3cg id='Group_4362' data-name='Group 4362' transform='translate(210.183 2.419)'%3e%3cg id='Group_4361-2' data-name='Group 4361'%3e%3cg id='Group_4354' data-name='Group 4354' transform='translate(73.61 0.445)'%3e%3cpath id='Path_878-2' data-name='Path 878' d='M6061.472,759.649a2.734,2.734,0,0,1-1.471-3.055l3.359-14.974a2.732,2.732,0,1,1,5.331,1.2l-3.359,14.973a2.732,2.732,0,0,1-3.263,2.066A2.808,2.808,0,0,1,6061.472,759.649Z' transform='translate(-6059.934 -739.488)' fill='%23ffd883'/%3e%3c/g%3e%3cg id='Group_4355' data-name='Group 4355' transform='translate(41.939)'%3e%3cpath id='Path_879-2' data-name='Path 879' d='M6042.084,759.064a2.727,2.727,0,0,1-1.382-1.543l-5.243-14.732a2.732,2.732,0,0,1,5.148-1.831l5.243,14.73a2.733,2.733,0,0,1-3.766,3.375Z' transform='translate(-6035.3 -739.142)' fill='%23ffd883'/%3e%3c/g%3e%3cg id='Group_4356-2' data-name='Group 4356' transform='translate(13.116 21.397)'%3e%3cpath id='Path_880-2' data-name='Path 880' d='M6027.058,770.265a2.54,2.54,0,0,1-.428-.257L6014,760.723a2.731,2.731,0,1,1,3.233-4.4l12.633,9.285a2.731,2.731,0,0,1-2.806,4.659Z' transform='translate(-6012.883 -755.784)' fill='%23ffd883'/%3e%3c/g%3e%3cg id='Group_4357' data-name='Group 4357' transform='translate(0 58.579)'%3e%3cpath id='Path_881' data-name='Path 881' d='M6004.221,789.893a2.732,2.732,0,0,1,1.675-5.147l12.784,2.291a2.732,2.732,0,0,1-.965,5.378l-12.784-2.291A2.762,2.762,0,0,1,6004.221,789.893Z' transform='translate(-6002.682 -784.703)' fill='%23ffd883'/%3e%3c/g%3e%3cg id='Group_4358' data-name='Group 4358' transform='translate(99.674 15.419)'%3e%3cpath id='Path_882' data-name='Path 882' d='M6081.745,767.408a2.733,2.733,0,0,1-.744-4.383l11.029-11.084a2.731,2.731,0,1,1,3.873,3.851l-11.03,11.084A2.731,2.731,0,0,1,6081.745,767.408Z' transform='translate(-6080.206 -751.134)' fill='%23ffd883'/%3e%3c/g%3e%3cg id='Group_4359' data-name='Group 4359' transform='translate(112.243 47.08)'%3e%3cpath id='Path_883' data-name='Path 883' d='M6091.526,783.953a2.731,2.731,0,0,1,.666-5.14l15.385-3a2.732,2.732,0,0,1,1.046,5.363l-15.386,3A2.715,2.715,0,0,1,6091.526,783.953Z' transform='translate(-6089.982 -775.76)' fill='%23ffd883'/%3e%3c/g%3e%3cg id='Group_4360' data-name='Group 4360' transform='translate(111.075 82.912)'%3e%3cpath id='Path_884' data-name='Path 884' d='M6090.61,808.818a2.732,2.732,0,0,1,1.907-5.094l12.541,3.385a2.731,2.731,0,0,1-1.424,5.274L6091.093,809A2.86,2.86,0,0,1,6090.61,808.818Z' transform='translate(-6089.073 -803.629)' fill='%23ffd883'/%3e%3c/g%3e%3c/g%3e%3ccircle id='Ellipse_98' data-name='Ellipse 98' cx='31.351' cy='31.351' r='31.351' transform='translate(36.168 30.468)' fill='%23fcce69'/%3e%3ccircle id='Ellipse_99' data-name='Ellipse 99' cx='28.779' cy='28.779' r='28.779' transform='translate(37.453 30.469)' fill='%23ffd883'/%3e%3c/g%3e%3cpath id='Path_957' data-name='Path 957' d='M5940.821,774.081l-3.213,3.8,4.239,3.007,3.413-1.016.475-4.157Z' transform='translate(-5809.872 -727.514)' fill='%234a4a4a'/%3e%3cpath id='Path_958' data-name='Path 958' d='M5944.317,778.588s14.221,19.489,17.014,43.881L5956.4,830.9l-6.295-4.658s-2.251-31.941-9.2-46.641Z' transform='translate(-5808.93 -726.226)' fill='%234a4a4a'/%3e%3cpath id='Path_889' data-name='Path 889' d='M3789.955,1900.683l-1.465.192,4.8,11.408,9.176-6.867,8.487,5.186-5.835-9.6s-3.835-1.03-5.479-.315-.779,3.6-.779,3.6Z' transform='translate(-3669.989 -1858.542)' fill='%23b9dae1'/%3e%3cpath id='Path_885' data-name='Path 885' d='M3806.8,1894.106v9.86s2.329,4.274,0,4.739c-5.122,1.024-12.516-4.733-12.516-4.733v-15.053Z' transform='translate(-3674.143 -1861.823)' fill='%23ffcd9c'/%3e%3cpath id='Path_886' data-name='Path 886' d='M3795.845,1897.774v-5.005s5.4,4.46,11.547,4.809C3807.392,1897.578,3801.417,1901.82,3795.845,1897.774Z' transform='translate(-3675.701 -1860.723)' fill='%23ffa56f' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_887' data-name='Path 887' d='M3812.112,1877.287s2.281,10.171,1.353,18.905c-.66,6.2-13.581,11.469-20.493.837s-1.291-22.976-1.291-22.976Z' transform='translate(-3673.87 -1866.071)' fill='%23ffcd9c'/%3e%3cpath id='Path_888' data-name='Path 888' d='M3817.487,1878.433c-5.282,5.66-15.932,4.267-23.862,2.884,0,.837-.122,1.7-.144,2.377-.105,3,.836,6.858-.771,9.6a3.773,3.773,0,0,1-5.192,1.494,3.21,3.21,0,0,1-1.661-2.77c-2.54-5.6-1.25-14.923,2.91-18.834,2.634-2.476,5.922-2.732,9.373-2.789,2.8-.045,5.076-.042,7.773-1.08a14.689,14.689,0,0,1,4.564-1.446C3817.019,1867.428,3822.908,1872.622,3817.487,1878.433Z' transform='translate(-3673.411 -1867.844)' fill='%23442b13'/%3e%3cpath id='Path_890-2' data-name='Path 890' d='M3800.031,1901.235l1.465-2.067a22.438,22.438,0,0,0,3.907,4.393,5.677,5.677,0,0,1,2.258,3.674Z' transform='translate(-3681.53 -1858.902)' fill='%23b9dae1'/%3e%3c/g%3e%3crect id='Area' width='450' height='450' fill='none'/%3e%3c/g%3e%3c/svg%3e");
}

.cub-img-phonesecret {
  background-image: url("data:image/svg+xml,%3csvg id='cub_img_phonesecret' xmlns='http://www.w3.org/2000/svg' width='450' height='450' viewBox='0 0 450 450'%3e%3crect id='Area' width='450' height='450' fill='none'/%3e%3cg id='Img_PhoneSecret' transform='translate(-30.256 19.092)'%3e%3cpath id='Path_823' data-name='Path 823' d='M201.369,74.438C117.092,70,54.958,154.124,86.1,232.607a102.425,102.425,0,0,0,24.4,36.645c69.048,66.249,216.958,43.853,262.925,9.322s64.793-139.147,23.557-172.166C345.653,65.41,277.879,78.469,201.369,74.438Z' transform='translate(0 17.14)' fill='%23f0f0f0' opacity='0.45' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_824' data-name='Path 824' d='M211.8,219.022l42.692,51.44,56.927-63.926L265.731,166.42Z' transform='translate(53.509 53.975)' fill='%23ffcd9c'/%3e%3cpath id='Path_825' data-name='Path 825' d='M228.31,248.838,295.119,189l77.349,65.9-92.844,62.526Z' transform='translate(60.108 63.001)' fill='%2300994e'/%3e%3cpath id='Path_826' data-name='Path 826' d='M239.517,192.68l83.76,97.981-37.569,25.293-51.314-68.587,5.319-4.549L213.09,210.694Z' transform='translate(54.025 64.472)' opacity='0.08' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_827' data-name='Path 827' d='M129.47,158.84s45.057,62.61,88.113,65,66.081.238,83.984-41.586Z' transform='translate(20.6 50.945)' fill='%23ffcd9c'/%3e%3cpath id='Path_828' data-name='Path 828' d='M129.47,158.84s45.057,62.61,88.113,65,66.081.238,83.984-41.586Z' transform='translate(20.6 50.945)' opacity='0.08' style='mix-blend-mode: normal;isolation: isolate'/%3e%3crect id='Rectangle_1507' data-name='Rectangle 1507' width='125.877' height='225.762' transform='translate(162.541 31.39)' fill='%23c9c9c9'/%3e%3crect id='Rectangle_1508' data-name='Rectangle 1508' width='104.196' height='158.883' transform='translate(172.955 57.131)' fill='%23fff'/%3e%3ccircle id='Ellipse_70' data-name='Ellipse 70' cx='12.318' cy='12.318' r='12.318' transform='translate(213.547 224.034)' fill='%23fff' opacity='0.56' style='mix-blend-mode: normal;isolation: isolate'/%3e%3crect id='Rectangle_1509' data-name='Rectangle 1509' width='35.287' height='5.151' transform='translate(214.835 40.208)' opacity='0.12' style='mix-blend-mode: normal;isolation: isolate'/%3e%3ccircle id='Ellipse_71' data-name='Ellipse 71' cx='5.753' cy='5.753' r='5.753' transform='translate(196.302 37.591)' fill='%23fff'/%3e%3cpath id='Path_829' data-name='Path 829' d='M166.123,158.44s7.992,14.319-1.75,18.742-25.993-2.8-25.993-2.8V163.829Z' transform='translate(24.161 50.785)' opacity='0.08' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_830' data-name='Path 830' d='M163.855,129.21s8.958,20.366-.77,24.8-24.705-3.275-24.705-3.275V140.114Z' transform='translate(24.161 39.101)' opacity='0.08' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_831' data-name='Path 831' d='M163.855,115.67s7.643,16.237-2.1,20.674-23.375.84-23.375.84V126.63Z' transform='translate(24.161 33.689)' opacity='0.08' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_832' data-name='Path 832' d='M136.122,98.813s-19.162,25.937,0,30.794,39.57,5.6,30.22-16.657S136.122,98.813,136.122,98.813Z' transform='translate(19.854 26.373)' fill='%23ffcd9c'/%3e%3cpath id='Path_833' data-name='Path 833' d='M136.122,117.937s-19.162,25.951,0,30.794,36.995,6.1,31.522-17.427C163.823,114.829,136.122,117.937,136.122,117.937Z' transform='translate(19.854 34.502)' fill='%23ffcd9c'/%3e%3cpath id='Path_834' data-name='Path 834' d='M136.122,139.09s-19.162,25.951,0,30.794,34.223,12.6,35.329-10.946C172.193,142.967,136.122,139.09,136.122,139.09Z' transform='translate(19.854 43.051)' fill='%23ffcd9c'/%3e%3cpath id='Path_835' data-name='Path 835' d='M144.275,106.648l-1.708,12.779a3.065,3.065,0,0,0,2.637,3.441l.022,0,4.2.532a7,7,0,0,0,7.768-5.333l1.064-4.325a7,7,0,0,0-5.046-8.515l-.217-.052-4.913-1.162a3.081,3.081,0,0,0-3.736,2.238A3.134,3.134,0,0,0,144.275,106.648Z' transform='translate(25.824 28.994)' fill='%23fff' opacity='0.46' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_836' data-name='Path 836' d='M127.918,117.236s-1.218,5.249.714,7.824H238.483V95.19Z' transform='translate(19.828 25.503)' opacity='0.08' style='mix-blend-mode: normal;isolation: isolate'/%3e%3crect id='Rectangle_1510' data-name='Rectangle 1510' width='119.831' height='85.607' transform='translate(142.567 57.131)' fill='%2324285b'/%3e%3ccircle id='Ellipse_72' data-name='Ellipse 72' cx='20.492' cy='20.492' r='20.492' transform='translate(205.583 160.949)' fill='%23ffd200'/%3e%3cpath id='Path_837' data-name='Path 837' d='M178.34,140.613l6.9,7.95,9.28-14.613' transform='translate(40.134 40.996)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3e%3cpath id='Path_838' data-name='Path 838' d='M179.62,109.84l4.787,14.011,5.277-14.011Z' transform='translate(40.646 31.359)' fill='%2324285b'/%3e%3cpath id='Path_839' data-name='Path 839' d='M176.819,72.013h-3.205V64.4a4.7,4.7,0,0,0-9.392-.512,4.476,4.476,0,0,0,0,.512v7.615H160.96V64.4a7.964,7.964,0,0,1,15.915,0Z' transform='translate(33.187 10.145)' fill='%2300994e'/%3e%3cpath id='Path_840' data-name='Path 840' d='M176.819,72.013h-3.205V64.4a4.7,4.7,0,0,0-9.392-.512,4.476,4.476,0,0,0,0,.512v7.615H160.96V64.4a7.964,7.964,0,0,1,15.915,0Z' transform='translate(33.187 10.145)' fill='%23fff' opacity='0.46' style='mix-blend-mode: normal;isolation: isolate'/%3e%3crect id='Rectangle_1511' data-name='Rectangle 1511' width='24.341' height='19.4' transform='translate(189.878 76.335)' fill='%2300994e'/%3e%3cpath id='Path_841' data-name='Path 841' d='M169.661,69.283a2.576,2.576,0,1,0-4.311,1.876v5.459h3.527v-5.5A2.575,2.575,0,0,0,169.661,69.283Z' transform='translate(34.606 14.107)' fill='%2324285b'/%3e%3crect id='Rectangle_1512' data-name='Rectangle 1512' width='75.305' height='18.868' transform='translate(165.592 106.303)' fill='%23fff'/%3e%3crect id='Rectangle_1513' data-name='Rectangle 1513' width='19.358' height='18.868' transform='translate(221.554 106.303)' fill='%23ffd200'/%3e%3ccircle id='Ellipse_73' data-name='Ellipse 73' cx='2.52' cy='2.52' r='2.52' transform='translate(171.807 113.232)' fill='%2324285b'/%3e%3ccircle id='Ellipse_74' data-name='Ellipse 74' cx='2.52' cy='2.52' r='2.52' transform='translate(181.157 113.232)' fill='%2324285b'/%3e%3ccircle id='Ellipse_75' data-name='Ellipse 75' cx='2.52' cy='2.52' r='2.52' transform='translate(190.284 113.232)' fill='%2324285b'/%3e%3ccircle id='Ellipse_76' data-name='Ellipse 76' cx='2.52' cy='2.52' r='2.52' transform='translate(199.634 113.232)' fill='%2324285b'/%3e%3ccircle id='Ellipse_77' data-name='Ellipse 77' cx='2.52' cy='2.52' r='2.52' transform='translate(209.18 113.232)' fill='%2324285b'/%3e%3cpath id='Path_842' data-name='Path 842' d='M246.745,113.31c-.294-4.787-.476-9.574-.42-13.857.1-8.8-8.51-15.495-16.8-12.6-4.2,1.4-7.559,4.983-7.559,12.6,0,15.145,4.745,36.967,7.419,48.053a42.011,42.011,0,0,1,.924,14.305c-1.736,16.363-4.493,54.981,7.573,57.557,14,2.981,47.941-1.946,21.374-58.551A131.411,131.411,0,0,1,246.745,113.31Z' transform='translate(57.574 21.897)' fill='%23ffcd9c'/%3e%3cpath id='Path_843' data-name='Path 843' d='M144.247,150.5l-.336,11.282a2.673,2.673,0,0,0,2.543,2.8l.074,0,3.653.1a6.172,6.172,0,0,0,6.271-5.347l.532-3.849a6.174,6.174,0,0,0-5.238-6.985l-.109-.014-4.367-.56a2.688,2.688,0,0,0-3,2.329C144.257,150.336,144.25,150.419,144.247,150.5Z' transform='translate(26.371 46.574)' fill='%23fff' opacity='0.46' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_844' data-name='Path 844' d='M143.376,126.136l-1.708,12.807a3.064,3.064,0,0,0,2.622,3.452l.038.006,4.2.532a7.082,7.082,0,0,0,7.782-5.333l1.05-4.325a7.082,7.082,0,0,0-5.194-8.564l-.069-.017-4.913-1.148a3.079,3.079,0,0,0-3.739,2.233A2.816,2.816,0,0,0,143.376,126.136Z' transform='translate(25.464 36.8)' fill='%23fff' opacity='0.46' style='mix-blend-mode: normal;isolation: isolate'/%3e%3c/g%3e%3c/svg%3e");
}

.cub-img-deny {
  background-image: url("data:image/svg+xml,%3csvg id='cub_img_deny' xmlns='http://www.w3.org/2000/svg' width='450' height='450' viewBox='0 0 450 450'%3e%3crect id='Area' width='450' height='450' fill='none'/%3e%3cg id='Group_13937' data-name='Group 13937' transform='translate(0.905 -26.254)'%3e%3crect id='Rectangle_3246' data-name='Rectangle 3246' width='255.943' height='316.474' transform='translate(155.269 80.255)' fill='%23f1f1f1'/%3e%3cpath id='Path_3320' data-name='Path 3320' d='M201.814,298.168H321.636v38.944H224.427Z' transform='translate(21.515 22.463)' fill='%23ffd400'/%3e%3cg id='Group_13934' data-name='Group 13934' transform='translate(180.487 103.596)'%3e%3ccircle id='Ellipse_125' data-name='Ellipse 125' cx='9.265' cy='9.265' r='9.265' transform='translate(55.635)' fill='%23ffd400'/%3e%3ccircle id='Ellipse_126' data-name='Ellipse 126' cx='9.265' cy='9.265' r='9.265' transform='translate(27.818)' fill='%2300994e'/%3e%3ccircle id='Ellipse_127' data-name='Ellipse 127' cx='9.265' cy='9.265' r='9.265' fill='%2324285b'/%3e%3c/g%3e%3cg id='Group_13935' data-name='Group 13935' transform='translate(225.057 163.339)'%3e%3ccircle id='Ellipse_128' data-name='Ellipse 128' cx='58.184' cy='58.184' r='58.184' transform='translate(0 0)' fill='%2324285b'/%3e%3cpath id='Path_3321' data-name='Path 3321' d='M284.333,224.688,268.1,208.451l16.1-16.1A7.349,7.349,0,0,0,273.8,181.96l-16.1,16.1-15.335-15.336a7.35,7.35,0,0,0-10.394,10.394l15.336,15.336-15.474,15.474a7.349,7.349,0,1,0,10.394,10.391L257.7,218.844l16.236,16.236a7.349,7.349,0,0,0,10.395-10.391Z' transform='translate(-199.901 -150.336)' fill='%23fff'/%3e%3c/g%3e%3cg id='Group_13936' data-name='Group 13936' transform='translate(37.095 193.218)'%3e%3cpath id='Path_3322' data-name='Path 3322' d='M117.782,196.807a10.148,10.148,0,0,0-16.76,2.815,18.441,18.441,0,0,0-.458,10.671,28.434,28.434,0,0,0,4.97,5.066l-.083-.025,4.626,28.194,12.875-8.183-5.412-16.257-.02-.007a12.935,12.935,0,0,0,4.865-2.067C129.872,211.952,123.259,202.656,117.782,196.807Z' transform='translate(-28.88 -178.422)' fill='%23ffcd9c'/%3e%3cpath id='Path_3323' data-name='Path 3323' d='M106.89,222.252l-8.729-9.012a9.582,9.582,0,0,1-2.661-7.071,34.645,34.645,0,0,1,5-17.458c5.957-8.6,13.878-11.85,15.843-4.364s2.378-1.4,7.179,2.553,3.818,6.285,0,8.38S111.8,200.386,111.1,206.671,116.383,218.04,106.89,222.252Z' transform='translate(-29.467 -180.168)' fill='%2324285b'/%3e%3cpath id='Path_3324' data-name='Path 3324' d='M116.922,237.753S89.948,251,90.495,274.852s1.68,88.032-42.9,101.388l5.586,14.49S147.8,393.327,116.922,237.753Z' transform='translate(-35.724 -172.646)' fill='%2300994e'/%3e%3cpath id='Path_3325' data-name='Path 3325' d='M116.922,237.753S89.948,251,90.495,274.852s1.68,88.032-42.9,101.388l5.586,14.49S147.8,393.327,116.922,237.753Z' transform='translate(-35.724 -172.646)' fill='%23fff' opacity='0.46' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_3326' data-name='Path 3326' d='M124.094,231.331s64.617-26.558,82.031,23.351-9.34,123.237-9.34,123.237H124.094s-64.376-96.745-12.875-138.4Z' transform='translate(-30.021 -174.407)' fill='%2300994e'/%3e%3cpath id='Path_3327' data-name='Path 3327' d='M50.577,364.043S31.133,372.489,38.946,381.5s15.6-7.071,15.6-7.071Z' transform='translate(-37.095 -156.15)' fill='%23ffcd9c'/%3e%3cpath id='Path_3328' data-name='Path 3328' d='M151.848,256.748c-8.139-22.456,20.688-39.543,36.4-21.561a71.091,71.091,0,0,1,13.465,24.921c16.542,50.193,20.448,79.128,74.481,80.242v16.062S203.765,367.5,169.786,297.883A424.434,424.434,0,0,1,151.848,256.748Z' transform='translate(-22.291 -173.964)' fill='%2300994e'/%3e%3cpath id='Path_3329' data-name='Path 3329' d='M151.848,256.748c-8.139-22.456,20.688-39.543,36.4-21.561a71.091,71.091,0,0,1,13.465,24.921c16.542,50.193,20.448,79.128,74.481,80.242v16.062S203.765,367.5,169.786,297.883A424.434,424.434,0,0,1,151.848,256.748Z' transform='translate(-22.291 -173.964)' fill='%23fff' opacity='0.46' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_3330' data-name='Path 3330' d='M261.664,330.847s13.705-3.1,16.695,5.826-16.695,6.416-16.695,6.416Z' transform='translate(-7.762 -160.554)' fill='%23ffcd9c'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.cub-img-speechless {
  background-image: url("data:image/svg+xml,%3csvg id='cub_img_speechless' xmlns='http://www.w3.org/2000/svg' width='450' height='450' viewBox='0 0 450 450'%3e%3crect id='Area' width='450' height='450' fill='none'/%3e%3cg id='Group_13933' data-name='Group 13933'%3e%3cpath id='Union_17' data-name='Union 17' d='M15498.079,19271.461h32.776l-32.776,60Zm-24.078,0V19052h246.789v219.461Z' transform='translate(-15399.671 -18917.459)' fill='%23f1f1f1' stroke='rgba(0,0,0,0)' stroke-width='1'/%3e%3cpath id='Path_3304' data-name='Path 3304' d='M231.964,113.042l-2.884-5.9-.014.028c.9-4.9,1.241-8.743,1.241-8.743,1.184-8.436-9.813-16.657-18.55-12.46a12.524,12.524,0,0,0-7.791,12.2l.148.952-11.9,42,24.727,5.144-.531-21.545a7.035,7.035,0,0,0,8.73-3.7,41.53,41.53,0,0,0,1.767-4.778h3.054a2.152,2.152,0,0,0,2-3.206Z' fill='%23ffcd9c'/%3e%3cpath id='Path_3305' data-name='Path 3305' d='M241.54,238.482s-1.484,52.811,23.048,63.269c30.559,13.02,64.561-16.226,79.151-31.139a27.5,27.5,0,0,1,15.839-8.027,22.312,22.312,0,0,0,13.945-6.887c8.35-9.339-9.835-17.711-17.216-10.76a4.669,4.669,0,0,0-1.752-6.367,4.544,4.544,0,0,0-.7-.325c-2.411-1.292-4.3,1.979-5.7,5.659a19.369,19.369,0,0,1-11.664,11.471l-33.378,11.836a13.536,13.536,0,0,1-18.27-14.892l2.84-16.721Z' fill='%23ffcd9c'/%3e%3cpath id='Path_3306' data-name='Path 3306' d='M251.526,157.352s45.02,19.2,38.133,89.5l-43.987-3.788Z' fill='%2300994e'/%3e%3cpath id='Path_3307' data-name='Path 3307' d='M251.526,157.352s45.02,19.2,38.133,89.5l-43.987-3.788Z' fill='%23fff' opacity='0.36' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_3308' data-name='Path 3308' d='M216.6,119.649a16.44,16.44,0,0,1-7.532-5.811s-.646,8.35,7.51,17.647Z' fill='%23ebbd90' opacity='0.6' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_3309' data-name='Path 3309' d='M192.216,141.126l14.656,3.055s67.142,7.231,69.854,45.193S241.54,323.939,241.54,323.939H139.815S58.34,131.119,192.216,141.126Z' fill='%2300994e'/%3e%3cpath id='Path_3310' data-name='Path 3310' d='M162.153,158.794s34.8,20.207,26.728,65.937-21.52,61.44,7.188,55.048,40.5-20.788,40.5-20.788,20.638,16.85,0,29.633-48.678,12.761-53.111,35.315H139.815s-3.529-9.9-8.2-22.4S162.153,158.794,162.153,158.794Z' opacity='0.09' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_3311' data-name='Path 3311' d='M108.5,239.6s-5.724,58.729,23.113,62c21.757,2.474,56.662-9.792,77.989-15.882,9.232-2.626,13.708-3.852,20.788-10.33,8.608-7.769,20.293-13.3,11.126-20.681-16.291-13.1-27.826,9.34-27.826,9.34A179.823,179.823,0,0,1,171.923,271a17.067,17.067,0,0,1-16.958-21.52l5.4-20.229S122.19,193.505,108.5,239.6Z' fill='%23ffcd9c'/%3e%3cpath id='Path_3312' data-name='Path 3312' d='M138.459,154.188c-14.892,11.513-37.531,36.95-37.1,84.961l61.569,3.917s17.775-52.7-.84-84.273a16.035,16.035,0,0,0-23.629-4.6Z' fill='%2300994e'/%3e%3cpath id='Path_3313' data-name='Path 3313' d='M138.459,154.188c-14.892,11.513-37.531,36.95-37.1,84.961l61.569,3.917s17.775-52.7-.84-84.273a16.035,16.035,0,0,0-23.629-4.6Z' fill='%23fff' opacity='0.36' style='mix-blend-mode: normal;isolation: isolate'/%3e%3cpath id='Path_3315' data-name='Path 3315' d='M319.529,36c-23.414,0-42.394,15.657-42.394,34.97,0,8.459,3.641,16.216,9.7,22.264l-13.08,13.911,20.17-8.307a48.29,48.29,0,0,0,25.6,7.1c23.414,0,42.4-15.656,42.4-34.97S342.943,36,319.529,36Z' fill='%2324285b'/%3e%3cg id='Group_13932' data-name='Group 13932'%3e%3ccircle id='Ellipse_123' data-name='Ellipse 123' cx='6.391' cy='6.391' r='6.391' transform='translate(295.061 64.579)' fill='%23fff'/%3e%3ccircle id='Ellipse_124' data-name='Ellipse 124' cx='6.391' cy='6.391' r='6.391' transform='translate(313.74 64.579)' fill='%23fff'/%3e%3cpath id='Path_3316' data-name='Path 3316' d='M338.316,64.579a6.391,6.391,0,1,0,6.392,6.391A6.391,6.391,0,0,0,338.316,64.579Z' fill='%23fff'/%3e%3c/g%3e%3cpath id='Path_3317' data-name='Path 3317' d='M139.837,324v30H250.816l-9.275-30Z' fill='%230b5e18'/%3e%3cpath id='Path_3318' data-name='Path 3318' d='M226.8,98.387a55.661,55.661,0,0,1-12.5-3.228,11.6,11.6,0,0,1-2.152,12.567,9.491,9.491,0,0,1-11.944,1.722l3.357-17.6a14.225,14.225,0,0,1,9.319-11.212,50.294,50.294,0,0,1,6.456-1.83c5.423-1.14,12.266,3.573,17.431.947a3.378,3.378,0,0,1,4.777,3.164c-.172,5.509-2.625,13.794-10.415,15.43A13.278,13.278,0,0,1,226.8,98.387Z' fill='%23442b13'/%3e%3cpath id='Path_3319' data-name='Path 3319' d='M213.607,107.6s.84-5.315-3.206-5.616-5.294,7.359,0,9.038Z' fill='%23ffcd9c'/%3e%3c/g%3e%3c/svg%3e");
}

.cub-img-notice-horizontal {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='350' height='350' viewBox='0 0 350 350'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3crect id='Area' width='350' height='350' transform='translate(216 212)' fill='none'/%3e%3c/clipPath%3e%3c/defs%3e%3cg id='Img_Notice_Horizontal' transform='translate(-216 -212)' clip-path='url(%23clip-path)'%3e%3cg id='Group_7248' data-name='Group 7248' transform='translate(-2062.318 -2653.633)'%3e%3cg id='Group_7217' data-name='Group 7217' transform='translate(2577.381 3057.576)'%3e%3cpath id='Path_3129' data-name='Path 3129' d='M2779.025,3173.7a3.923,3.923,0,0,1-3.051,2.763c-2.688.578-4.025-.923-6.648,2.615-.75,1.017-1.3,2.189-2.1,3.169-2.365,2.9-6.927,7.784-8.748,10.293-.434-7.526,4.3-17.672,6.674-20.685a6.279,6.279,0,0,1,4.2-2.7c2.423-.291,5.35.664,7.563,1.471C2778.2,3171.091,2779.43,3171.854,2779.025,3173.7Z' transform='translate(-2758.451 -3169.099)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_7218' data-name='Group 7218' transform='translate(2448.888 3401.576)'%3e%3cpath id='Path_3130' data-name='Path 3130' d='M2560,3754.978c-1.96-1.919-20.127,2.115-20.177,3.243-.147,3.451.57,16.524,2.537,18.024,1.9,1.451,20.259-.861,20.214-4.189C2562.534,3769.182,2561.89,3756.827,2560,3754.978Z' transform='translate(-2539.802 -3754.468)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_7219' data-name='Group 7219' transform='translate(2446.614 3418.139)'%3e%3cpath id='Path_3131' data-name='Path 3131' d='M2538.975,3784.07s-7.006,13.2.241,22c0,0,44.527-3.349,57.635-7.072,0,0-1.656-16.364-13.281-16.343a169.99,169.99,0,0,0-23.05,1.824S2548.406,3792.077,2538.975,3784.07Z' transform='translate(-2535.931 -3782.652)' fill='%23442b13'/%3e%3c/g%3e%3cg id='Group_7220' data-name='Group 7220' transform='translate(2330.99 3401.575)'%3e%3cpath id='Path_3132' data-name='Path 3132' d='M2363.643,3759.077c-1.119-2.5-19.5-5.427-19.955-4.4-1.411,3.156-5.543,15.577-4.268,17.7,1.238,2.054,19.159,6.641,20.34,3.534C2360.782,3773.219,2364.724,3761.495,2363.643,3759.077Z' transform='translate(-2339.179 -3754.466)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_7221' data-name='Group 7221' transform='translate(2322.438 3415.298)'%3e%3cpath id='Path_3133' data-name='Path 3133' d='M2333.158,3777.818s-11.367,9.7-7.858,20.545c0,0,42.64,13.244,56.2,14.6,0,0,4.473-15.823-6.35-20.078a170.291,170.291,0,0,0-22.1-6.772S2338.986,3788.73,2333.158,3777.818Z' transform='translate(-2324.627 -3777.818)' fill='%23442b13'/%3e%3c/g%3e%3cg id='Group_7222' data-name='Group 7222' transform='translate(2433.281 2969.333)'%3e%3cpath id='Path_3134' data-name='Path 3134' d='M2600.855,3149.417c-2.685,3.315-15.868,9.289-19.479,8.743-24.222-3.525-37.315-24.4-46.842-34.266a49.665,49.665,0,0,1-4.411-5.165,55.471,55.471,0,0,1-10.408-25.521,59.992,59.992,0,0,1-.585-13.265s-13.52-66.994.417-60.57c14.02,6.505,31.482,35.343,44.243,57.381.377.632.713,1.258,1.091,1.849.8,1.385,1.553,2.725,2.307,3.988,1.976,3.439,3.82,6.673,5.5,9.444,3.607,6.125,12.79,20.172,12.79,20.172S2612.021,3135.774,2600.855,3149.417Z' transform='translate(-2513.243 -3018.939)' fill='%23ff505c'/%3e%3c/g%3e%3cg id='Group_7223' data-name='Group 7223' transform='translate(2380.298 3095.478)'%3e%3cpath id='Path_3135' data-name='Path 3135' d='M2432.891,3308.532c1.365,3.075,2.865,6.305,4.37,9.618,10.469,22.7,23.23,49.133,25.218,63.139,24.071,27.4,21.5,83.375,23.263,114.3,1.382,25.361,2.976,53.076,3.66,55.347.045.078,26.51,2.476,26.51,2.476,6.034-33.4,19.611-140.361,19.611-163.6,0-24.042-21.369-117.537-37.913-148.109-15.737-29.068-67.933,28.707-73.934,36.433C2421.376,3281.1,2426.07,3293.262,2432.891,3308.532Z' transform='translate(-2423.084 -3233.596)' fill='%230b5e18'/%3e%3c/g%3e%3cg id='Group_7224' data-name='Group 7224' transform='translate(2390.104 3159.203)'%3e%3cpath id='Path_3136' data-name='Path 3136' d='M2439.771,3353.244c1.364,3.075,2.865,6.3,4.37,9.618,10.469,22.7,21.136,49.591,25.218,63.139,14.606,48.453,19.947,139.468,26.924,169.65,2.271,1.321,6.546,2.624,17.557,1.66.357-22.394-13.048-49.129-16.9-70.8-7.4-41.394,4.325-86.268-15.876-125.067-5.669-10.884-14.458-21.869-14.441-34.7-.008-6.354,3.657-13.81-.319-19.7-7.076-10.5-18.737-2.431-23.891,5.411a2.053,2.053,0,0,0-2,.291C2440.213,3352.925,2439.967,3353.064,2439.771,3353.244Z' transform='translate(-2439.771 -3342.033)' fill='%23094415'/%3e%3c/g%3e%3cg id='Group_7225' data-name='Group 7225' transform='translate(2433.287 2969.333)'%3e%3cpath id='Path_3137' data-name='Path 3137' d='M2519.138,3079.948a59.968,59.968,0,0,0,.586,13.261c1.307,9.08,4.862,21.308,14.1,31.7,9.428,10.6,41.652-41.091,32.4-54.086-14.085-19.782-32.885-45.066-46.67-51.453C2505.623,3012.954,2519.138,3079.948,2519.138,3079.948Z' transform='translate(-2513.253 -3018.94)' fill='%23ffd400'/%3e%3c/g%3e%3cg id='Group_7226' data-name='Group 7226' transform='translate(2434.548 2970.758)'%3e%3cpath id='Path_3138' data-name='Path 3138' d='M2522.347,3021.365s9.248,4.558,11.347,18.725,4.9,53.122,1.291,67.7c-2.866,11.585-3.6,13.758-3.694,13.758-.012,0-.016,0-.025,0l-8.247-12.245s-8.842-13.609-7.477-16.84S2522.347,3021.365,2522.347,3021.365Z' transform='translate(-2515.399 -3021.365)' fill='%23ffb50d'/%3e%3c/g%3e%3cg id='Group_7227' data-name='Group 7227' transform='translate(2326.687 3103.651)'%3e%3cpath id='Path_3139' data-name='Path 3139' d='M2336.159,3550.037c6.587,7.522,24.653,11.367,24.653,11.367,16.069-35.216,32.113-103.936,34.54-143.743,3.763-61.817,14.372-122.137,13.909-138.337-.095-2.6-.124-3.989-.124-3.989-16-17.536-35.495-27.03-46.923-27.78-4.513-.312-7.74.738-9.043,3.16a170.065,170.065,0,0,0-9.9,22.119c-.258.684-.475,1.368-.693,2.053-15.2,43.117-10.551,66.2-7.993,121.931C2335.822,3423.109,2345.722,3535.346,2336.159,3550.037Z' transform='translate(-2331.857 -3247.503)' fill='%230b5e18'/%3e%3c/g%3e%3cg id='Group_7228' data-name='Group 7228' transform='translate(2326.687 3130.943)'%3e%3cpath id='Path_3140' data-name='Path 3140' d='M2336.159,3569.187c1.771,3.455,16.266,10.514,16.57,9.112,5.144-22.337,5.464-39.684,8.53-62.374,2.977-21.972.07-44.768-1.955-66.69a360.179,360.179,0,0,0-5.4-38.348c-2.538-12.392-6.067-24.525-7.268-37.114-2.411-24.59,2.538-49.014,11.1-71.99a1.642,1.642,0,0,0-.086-1.591c1.009-.894,1.258-2.5-.246-3.185a28.612,28.612,0,0,0-14.826-2.969c-15.2,43.116-10.551,66.2-7.993,121.931,1.241,26.289,6.1,67.359,6.243,96.374C2341.07,3560.5,2337.5,3566.214,2336.159,3569.187Z' transform='translate(-2331.857 -3293.944)' fill='%23094415'/%3e%3c/g%3e%3cg id='Group_7229' data-name='Group 7229' transform='translate(2331.853 2961.26)'%3e%3cpath id='Path_3141' data-name='Path 3141' d='M2471.16,3157.829c-.627,1.972-7.723,5.538-18.135,9.273a249.326,249.326,0,0,1-43.234,10.831c-21.406,3.316-42.939,3.235-54.441,1.049-4.7-.881-7.723-2.14-8.437-3.648-2.226-4.787-5.038-33.539-5.961-64.517-.168-6.005-.294-12.088-.294-18.049-.168-31.15,2.012-60.32,9.067-65.735,1.595-1.263,3.439-2.562,5.5-3.947a103.851,103.851,0,0,1,10.662-6.379,100.116,100.116,0,0,1,21.956-8.48,91.142,91.142,0,0,1,43.821-.673.042.042,0,0,0,.045.042,89.658,89.658,0,0,1,12.088,3.611c.964.336,1.931.713,2.935,1.09,13.769,5.542,11.8,35.512,9.572,60.656-1.008,11.671-2.058,22.292-1.635,28.924a58.059,58.059,0,0,0,.841,6.633C2458.608,3127.016,2468.852,3144.352,2471.16,3157.829Z' transform='translate(-2340.648 -3005.204)' fill='%23ffd400'/%3e%3c/g%3e%3cg id='Group_7230' data-name='Group 7230' transform='translate(2393.686 2941.113)'%3e%3cpath id='Path_3142' data-name='Path 3142' d='M2462.961,2978v13.465s3.181,5.837,0,6.473c-7,1.4-17.094-6.46-17.094-6.46v-20.562Z' transform='translate(-2445.867 -2970.919)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_7231' data-name='Group 7231' transform='translate(2393.686 2942.162)'%3e%3cpath id='Path_3143' data-name='Path 3143' d='M2445.867,2981.793V2972.7s7.567,9.629,15.962,10.109C2461.829,2982.813,2452.844,2986.449,2445.867,2981.793Z' transform='translate(-2445.867 -2972.705)' fill='%23ffbd8a'/%3e%3c/g%3e%3cg id='Group_7232' data-name='Group 7232' transform='translate(2386.37 2913.656)'%3e%3cpath id='Path_3144' data-name='Path 3144' d='M2462.025,2924.2s6.3,12.765,7.87,24.662c1.116,8.444-14.342,19.585-26.935,7.694s-9.1-30.083-9.1-30.083Z' transform='translate(-2433.417 -2924.197)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_7233' data-name='Group 7233' transform='translate(2331.863 2977.944)'%3e%3cpath id='Path_3145' data-name='Path 3145' d='M2393.44,3116.647c14.061-20.316,9.047-58.155-13.99-76.905-6.493-5.284-12.256-6.464-13.264-6.083.839.333,8.317,10.929,7.69,12.187-7.937,16.372-14.45,27.268-24.354,42.55a111.193,111.193,0,0,0-8.858,16.077c0,5.96.127,12.043.295,18.049.922,30.979,3.735,59.73,5.96,64.517.713,1.509,3.735,2.767,8.437,3.649,4.156-12.757-.8-27.871.881-40.713C2358.585,3132.048,2383.824,3130.458,2393.44,3116.647Z' transform='translate(-2340.664 -3033.593)' fill='%23ffb50d'/%3e%3c/g%3e%3cg id='Group_7234' data-name='Group 7234' transform='translate(2380.572 2898.633)'%3e%3cpath id='Path_3146' data-name='Path 3146' d='M2450.894,2903.17a7.7,7.7,0,0,0-6.288,2.69c-4.062-2.05-9.117-2.107-11.79,2.058-3.681.2-7.292,1.426-8.776,5.255a6.306,6.306,0,0,0,2.775,8.063,8.475,8.475,0,0,0-.574,7.111c.209.541.283,1.033.369,1.115a7.334,7.334,0,0,0-.692,1.475c-.456,1.776.082,2.89.782,4.468,1.177,2.649.812,5.866,4.271,6.887a5.15,5.15,0,0,0,6.411-3.656c1.254-4.156-1.238-8.973-2.062-12.99a20.857,20.857,0,0,0-1.087-4.652,12.736,12.736,0,0,1,3.375-.525,33.021,33.021,0,0,0,6.866-.624c1.128-.193,1.587-.8,2.624-.733.573.041.984.865,1.648.906,7.887.492,19.713-.426,19.61-11.125C2468.262,2898.78,2455.669,2894.792,2450.894,2903.17Z' transform='translate(-2423.551 -2898.632)' fill='%23442b13'/%3e%3c/g%3e%3cg id='Group_7236' data-name='Group 7236' transform='translate(2320.159 2981.733)'%3e%3cpath id='Path_3147' data-name='Path 3147' d='M2342.623,3188.091c27.742,15.155,64.558-1.3,83.152-11.793,7.346-4.2,11.879-7.431,11.879-7.431l-1.09-13.851s-49.912,14.9-65.735-1.218c-12.888-13.138-.336-68.293,1.594-79.5,1.89-10.749-18.344-39.918-26.489-33.286-15.655,12.757-16.791,46.506-17.082,47.474-1.931,6.378-3.611,12.929-4.91,19.516C2317.268,3141.709,2319.954,3175.712,2342.623,3188.091Z' transform='translate(-2320.749 -3040.042)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_7237' data-name='Group 7237' transform='translate(2320.159 3048.671)'%3e%3cpath id='Path_3148' data-name='Path 3148' d='M2342.623,3235.058c27.742,15.156,64.558-1.3,83.152-11.794-2.98.086-6.633,2.1-8.9,2.854a147.194,147.194,0,0,1-25.145,6.127,102.167,102.167,0,0,1-28.415-.122c-12.257-1.849-19.308-6.128-22.837-18.217-4.2-14.4-8.9-38.664-.795-52.093a2.13,2.13,0,0,0-.84-2.98c-3.734-5.165-9.572-5.837-14.9-3.866C2317.268,3188.676,2319.954,3222.678,2342.623,3235.058Z' transform='translate(-2320.749 -3153.946)' fill='%23ffbd8a'/%3e%3c/g%3e%3cg id='Group_7238' data-name='Group 7238' transform='translate(2319.318 2976.988)'%3e%3cpath id='Path_3149' data-name='Path 3149' d='M2381.319,3110.873c1.021-4.825,7.158-35.618-2.32-55.6-4.313-9.092-20.377-27.173-32.212-22.566-18.955,7.378-24.616,46.067-27.469,74.306C2336.908,3117.908,2359.552,3118.469,2381.319,3110.873Z' transform='translate(-2319.318 -3031.967)' fill='%23ffd400'/%3e%3c/g%3e%3cg id='Group_7245' data-name='Group 7245' transform='translate(2433.492 3025.063)'%3e%3cg id='Group_7239' data-name='Group 7239' transform='translate(21.039 3.933)'%3e%3cpath id='Path_3150' data-name='Path 3150' d='M2596.75,3179.023c-8.186-2.562-20.4-4.034-21.742-14.737-.8-6.378,6.714-13.556,9.277-19.016a40.8,40.8,0,0,0,3.316-11.371c-1.681-2.771-3.525-6.005-5.5-9.444-.754-1.263-1.508-2.6-2.308-3.989-6.042,3.816-11.543,12.969-14.4,17-5.583,7.8-15.868,16.663-15.991,27.075a11.659,11.659,0,0,0,.041,1.217c9.527,9.863,24.763,18.3,48.986,21.824,3.607.549,6.755-1.259,9.444-4.574C2605.231,3180.617,2599.6,3179.9,2596.75,3179.023Z' transform='translate(-2549.404 -3120.466)' fill='%23fc3c4c'/%3e%3c/g%3e%3cg id='Group_7243' data-name='Group 7243' transform='translate(0 0)'%3e%3cg id='Group_7240' data-name='Group 7240' transform='translate(3.462 4.195)'%3e%3cpath id='Path_3151' data-name='Path 3151' d='M2667.429,3224.671l-146.133,1.083-1.8-103.76,146.133-1.083Z' transform='translate(-2519.493 -3120.912)' fill='%23fcfcfc'/%3e%3c/g%3e%3cg id='Group_7241' data-name='Group 7241' transform='translate(69.442)'%3e%3cpath id='Path_3152' data-name='Path 3152' d='M2709.691,3113.775l-77.922.9.082,4.669,18.209-.315,54.954-.18a7.917,7.917,0,0,1,8.055,7.779l1.447,83.211a7.923,7.923,0,0,1-7.78,8.055l-73.159.668.172,9.8,77.93-.361a7.916,7.916,0,0,0,7.78-8.051l-1.713-98.4A7.915,7.915,0,0,0,2709.691,3113.775Z' transform='translate(-2631.769 -3113.774)' fill='%23a7a7a7'/%3e%3c/g%3e%3cg id='Group_7242' data-name='Group 7242' transform='translate(0 0.051)'%3e%3cpath id='Path_3153' data-name='Path 3153' d='M2658.376,3113.872c-.181-.012-.365-.012-.55-.012l-136.446.914a7.918,7.918,0,0,0-7.777,8.059l1.71,98.393a7.919,7.919,0,0,0,8.055,7.786l136.447-.915q.27,0,.541-.025a7.922,7.922,0,0,0,7.239-8.034l-1.709-98.394A7.921,7.921,0,0,0,2658.376,3113.872Zm-138.722,93.049-1.2-79.181a7.914,7.914,0,0,1,7.781-8.051l126.915-.746a7.917,7.917,0,0,1,8.059,7.776l1.2,79.177a7.917,7.917,0,0,1-7.781,8.055l-126.92.746A7.907,7.907,0,0,1,2519.655,3206.921Z' transform='translate(-2513.603 -3113.86)' fill='%23d8d8d8'/%3e%3c/g%3e%3cpath id='Path_3154' data-name='Path 3154' d='M49.618,16.883a5.21,5.21,0,0,1-1.489-3.1,6.947,6.947,0,0,0-.124-1.116A7.071,7.071,0,0,0,43.416,7.7l-.5-.248a4.838,4.838,0,0,1-2.233-1.985,7.2,7.2,0,0,0-7.195-3.6,5.21,5.21,0,0,1-3.473-.62,7.071,7.071,0,0,0-8.187,0A5.21,5.21,0,0,1,18.483,2a7.2,7.2,0,0,0-7.071,3.721A4.838,4.838,0,0,1,8.683,7.827a7.071,7.071,0,0,0-4.714,6.078,5.21,5.21,0,0,1-1.489,3.1A7.691,7.691,0,0,0,0,22.465H0a7.815,7.815,0,0,0,6.7,7.567h12.28a1.985,1.985,0,0,1,1.861,2.233v.5A1.985,1.985,0,0,1,19.1,34.745l-9.055,1.489a.62.62,0,0,0-.62.62V37.97h33.12V36.854a.62.62,0,0,0-.62-.62l-9.055-1.489a1.985,1.985,0,0,1-1.861-2.109v-.372a1.985,1.985,0,0,1,1.861-1.985H44.036a7.815,7.815,0,0,0,7.815-7.815,7.691,7.691,0,0,0-2.233-5.582' transform='translate(51.071 35.045)' fill='%2300994e'/%3e%3c/g%3e%3cg id='Group_7244' data-name='Group 7244' transform='translate(72.288 104.725)'%3e%3cpath id='Path_3155' data-name='Path 3155' d='M2642.817,3295.082a3.1,3.1,0,1,0-3.1,3.107A3.1,3.1,0,0,0,2642.817,3295.082Z' transform='translate(-2636.611 -3291.979)' fill='%23fcfcfc'/%3e%3c/g%3e%3c/g%3e%3cg id='Group_7246' data-name='Group 7246' transform='translate(2580.234 3067.376)'%3e%3cpath id='Path_3156' data-name='Path 3156' d='M2773.615,3211.319c-1.247-.229-3.395-1.267-2.968-2.779a1.31,1.31,0,0,1,.254-.488,8.3,8.3,0,0,1-2.632-.144c-1.84-.422-4.5-1.98-2.849-4.014a7.1,7.1,0,0,1,2.607-1.877,4.9,4.9,0,0,1-3.746-2.94c-1.029-2.5.946-3.608,3.214-4.205-2.226-.477-5.423-1.653-3.7-4.009.971-1.324,3.177-2.156,4.635-2.808a31.909,31.909,0,0,1,6.579-2.078,1.367,1.367,0,0,1,.258-.012,1.024,1.024,0,0,1,.963-.123c2.324.815,4.686,3.238,2.455,5.476a11.975,11.975,0,0,1-1.984,1.575c2.128-.1,3.968.356,4.345,2.262.394,2.017-1.4,3.649-3.538,4.813.046.021.094.029.14.053.93.565,2.168,1.3,2.094,2.525a3.647,3.647,0,0,1-1.828,2.382.845.845,0,0,1,.6.336C2780.478,3208.445,2777.338,3212.007,2773.615,3211.319Z' transform='translate(-2763.306 -3185.775)' fill='%23ffcd9c'/%3e%3c/g%3e%3cg id='Group_7247' data-name='Group 7247' transform='translate(2424.602 3081.679)'%3e%3cpath id='Path_3157' data-name='Path 3157' d='M2542.169,3219.792a27.682,27.682,0,0,0-10.654-.1,12.4,12.4,0,0,0-1.328-.086,12.966,12.966,0,0,0,.6-1.25c.923-2.714.676-7.108-2.656-8.092-3.525-1.038-5.255,3.5-6.788,5.755a25.194,25.194,0,0,1-6.567,7.034c-2.755,1.475-5.875,2-8.879,2.833-2.144.6-5.743,1.066-6.875,3.362-.9,1.823-.562,5.406.1,7.309.832,2.386,3.087,3.329,5.317,4.091a23.791,23.791,0,0,0,5.911,1.115c3.611.685,7.342.964,10.826-.41a13.374,13.374,0,0,0,2.115-1.1,18.5,18.5,0,0,0,10.146.222,2.25,2.25,0,0,0,1.41-3.275,4.218,4.218,0,0,0,1.754-1.23,3.159,3.159,0,0,0,.644-2.246,7.673,7.673,0,0,0,1.64-1.48,6.085,6.085,0,0,0,.849-6.517,29.43,29.43,0,0,1,9.309,6.018,2.411,2.411,0,0,0,3.956-1.169C2554.881,3225.085,2546.4,3220.759,2542.169,3219.792Z' transform='translate(-2498.475 -3210.114)' fill='%23ffcd9c'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.cub-img-bg-preview {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
@media (min-width: 1440px) {
  .cub-img-bg-preview {
    background-image: url("data:image/svg+xml,%3csvg id='cub_img_bg_1920' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920' height='340' viewBox='0 0 1920 340'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3crect id='Rectangle_2110' data-name='Rectangle 2110' width='1920' height='340' fill='%23fff'/%3e%3c/clipPath%3e%3c/defs%3e%3cg id='cub_img_bg_1920-2' data-name='cub_img_bg_1920' clip-path='url(%23clip-path)'%3e%3cg id='cub_img_bg' transform='translate(-132.495)'%3e%3cpath id='Path_392' data-name='Path 392' d='M-134.774,807.277c250.919,0,435.5-203.016,714.267-143.572s508.374,228.934,625.207,218.84v44.982l-1442.184,6.655H-726.238s-256.446-300.553-21.867-300.553S-385.693,807.277-134.774,807.277Z' transform='translate(846.98 -589.826)' fill='rgba(21,185,0,0.05)'/%3e%3cpath id='Path_391' data-name='Path 391' d='M1157.5,524.361S960.67,536.883,756.761,700.689,361.51,702.766,274,863.817h883.5Z' transform='translate(894.533 -524.361)' fill='rgba(0,198,46,0.15)'/%3e%3cpath id='Path_390' data-name='Path 390' d='M122.776,699.1c240.32-2.14,428.954,100.29,667.787,214.7-65.2,8.288-1029.072,5.084-1029.072,5.084s-360.96-.309-479.229-1.143c.709-88.651,0-174.489,0-174.489S-645,794.172-471.026,794.172-117.544,701.239,122.776,699.1Z' transform='translate(849.311 -575.788)' fill='rgba(0,168,86,0.1)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
}
@media (min-width: 1024px) and (max-width: 1439.98px) {
  .cub-img-bg-preview {
    background-image: url("data:image/svg+xml,%3csvg id='cub_img_bg_1440' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1440' height='320' viewBox='0 0 1440 320'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3crect id='Rectangle_2110' data-name='Rectangle 2110' width='1440' height='320' fill='%23fff'/%3e%3c/clipPath%3e%3c/defs%3e%3cg id='cub_img_bg_1920' clip-path='url(%23clip-path)'%3e%3cg id='cub_img_bg' transform='translate(-99.371)'%3e%3cpath id='Path_392' data-name='Path 392' d='M-312.826,797.063c188.189,0,366.2-175.565,575.275-119.617S604.154,877.4,691.779,867.9v42.336L-389.859,916.5H-756.424s-192.334-282.873-16.4-282.873S-501.015,797.063-312.826,797.063Z' transform='translate(846.981 -592.403)' fill='rgba(21,185,0,0.05)'/%3e%3cpath id='Path_391' data-name='Path 391' d='M1127.269,524.361S937.177,536.147,740.244,690.317,358.515,692.272,274,843.849h853.273Z' transform='translate(411.753 -524.361)' fill='rgba(0,198,46,0.15)'/%3e%3cpath id='Path_390' data-name='Path 390' d='M-79.713,699.1C102.711,697.083,245.9,793.488,427.2,901.164c-49.49,7.8-781.157,4.785-781.157,4.785s-274-.291-363.777-1.075c.538-83.436,0-164.225,0-164.225s55.212,47.93,187.275,47.93S-262.137,701.111-79.713,699.1Z' transform='translate(816.417 -583.039)' fill='rgba(0,168,86,0.1)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .cub-img-bg-preview {
    background-image: url("data:image/svg+xml,%3csvg id='cub_img_bg_1024' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1024' height='320' viewBox='0 0 1024 320'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3crect id='Rectangle_2110' data-name='Rectangle 2110' width='1024' height='320' transform='translate(0 78)' fill='%23fff'/%3e%3c/clipPath%3e%3c/defs%3e%3cg id='cub_img_bg_1920' transform='translate(0 -78)' clip-path='url(%23clip-path)'%3e%3cpath id='Path_3582' data-name='Path 3582' d='M0,791.829S293.313,609.955,493.766,653.607,924.421,869.146,1023.7,859.931v41.063H0Z' transform='translate(0 -503.729)' fill='rgba(21,185,0,0.05)'/%3e%3cpath id='Path_3583' data-name='Path 3583' d='M1022.538,524.361s-166.76,11.8-339.521,166.222S313.576,746.937,274,844.361h748.541Z' transform='translate(1.462 -446.361)' fill='rgba(0,198,46,0.15)'/%3e%3cpath id='Path_3584' data-name='Path 3584' d='M0,702.054s373.143-44.409,990.078,198.908H0Z' transform='translate(0 -502.879)' fill='rgba(0,168,86,0.1)'/%3e%3c/g%3e%3c/svg%3e");
  }
}
@media (max-width: 767.98px) {
  .cub-img-bg-preview {
    background-image: url("data:image/svg+xml,%3csvg id='cub_img_bg_767' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='768' height='280' viewBox='0 0 768 280'%3e%3cdefs%3e%3cclipPath id='clip-path'%3e%3crect id='Rectangle_2110' data-name='Rectangle 2110' width='768' height='280' transform='translate(0 60)' fill='%23fff'/%3e%3c/clipPath%3e%3c/defs%3e%3cg id='cub_img_bg_1920' transform='translate(0 -60)' clip-path='url(%23clip-path)'%3e%3cpath id='Path_3582' data-name='Path 3582' d='M0,755.582S219.985,619.176,370.324,651.915,693.315,813.57,767.775,806.659v30.8H0Z' transform='translate(0 -496.008)' fill='rgba(21,185,0,0.05)'/%3e%3cpath id='Path_3583' data-name='Path 3583' d='M835.4,524.361S710.333,534.69,580.762,669.8,303.681,719.115,274,804.361H835.4Z' transform='translate(-67.402 -464.36)' fill='rgba(0,198,46,0.15)'/%3e%3cpath id='Path_3584' data-name='Path 3584' d='M0,701.26s279.857-33.307,742.559,149.181H0Z' transform='translate(0 -508.688)' fill='rgba(0,168,86,0.1)'/%3e%3c/g%3e%3c/svg%3e");
  }
}

ul.cub-unordered-list {
  margin: 0;
  padding-left: 0;
  line-height: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--cub-sys-component-margin-3xs);
}
ul.cub-unordered-list > li {
  position: relative;
  padding-left: calc(var(--cub-sys-component-padding-xl) + var(--cub-sys-component-margin-xs));
  font: var(--cub-sys-font-body-m);
  word-wrap: break-word;
  color: var(--cub-sys-text-neutral-main);
}
ul.cub-unordered-list > li::before {
  content: "•";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--cub-sys-component-padding-xl);
  font: var(--cub-sys-font-body-m);
  text-align: right;
  color: var(--cub-sys-text-brand-main);
}
ul.cub-unordered-list-small {
  margin: 0;
  padding-left: 0;
  line-height: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--cub-sys-component-margin-4xs);
}
ul.cub-unordered-list-small > li {
  position: relative;
  padding-left: calc(var(--cub-sys-component-padding-l) + var(--cub-sys-component-margin-xs));
  font: var(--cub-sys-font-body-s);
  word-wrap: break-word;
  color: var(--cub-sys-text-neutral-main);
}
ul.cub-unordered-list-small > li::before {
  content: "•";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--cub-sys-component-padding-l);
  font: var(--cub-sys-font-body-s);
  text-align: right;
  color: var(--cub-sys-text-brand-main);
}

ol.cub-ordered-list {
  margin: 0;
  padding-left: 0;
  line-height: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--cub-sys-component-margin-3xs);
  counter-reset: counter;
}
ol.cub-ordered-list > li {
  position: relative;
  padding-left: calc(var(--cub-sys-component-padding-xl) + var(--cub-sys-component-margin-xs));
  font: var(--cub-sys-font-body-m);
  word-wrap: break-word;
  color: var(--cub-sys-text-neutral-main);
  counter-increment: counter;
}
ol.cub-ordered-list > li::before {
  content: counter(counter);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--cub-sys-component-padding-xl);
  font: var(--cub-sys-font-body-m);
  text-align: right;
  white-space: nowrap;
  color: var(--cub-sys-text-brand-main);
}
ol.cub-ordered-list-small {
  margin: 0;
  padding-left: 0;
  line-height: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--cub-sys-component-margin-4xs);
  counter-reset: counter;
}
ol.cub-ordered-list-small > li {
  position: relative;
  padding-left: calc(var(--cub-sys-component-padding-l) + var(--cub-sys-component-margin-xs));
  font: var(--cub-sys-font-body-s);
  word-wrap: break-word;
  color: var(--cub-sys-text-neutral-main);
  counter-increment: counter;
}
ol.cub-ordered-list-small > li::before {
  content: counter(counter);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--cub-sys-component-padding-l);
  font: var(--cub-sys-font-body-s);
  text-align: right;
  white-space: nowrap;
  color: var(--cub-sys-text-brand-main);
}

/* 字體大小 */
.cub-font-12 {
  font-size: var(--cub-ref-font-size-1) !important;
  line-height: calc(var(--cub-ref-font-size-1) + var(--cub-ref-line-height-common)) !important;
}

.cub-font-14 {
  font-size: var(--cub-ref-font-size-2) !important;
  line-height: calc(var(--cub-ref-font-size-2) + var(--cub-ref-line-height-common)) !important;
}

.cub-font-16 {
  font-size: var(--cub-ref-font-size-3) !important;
  line-height: calc(var(--cub-ref-font-size-3) + var(--cub-ref-line-height-common)) !important;
}

.cub-font-18 {
  font-size: var(--cub-ref-font-size-4) !important;
  line-height: calc(var(--cub-ref-font-size-4) + var(--cub-ref-line-height-common)) !important;
}

.cub-font-20 {
  font-size: var(--cub-ref-font-size-5) !important;
  line-height: calc(var(--cub-ref-font-size-5) + var(--cub-ref-line-height-common)) !important;
}

.cub-font-22 {
  font-size: var(--cub-ref-font-size-6) !important;
  line-height: calc(var(--cub-ref-font-size-6) + var(--cub-ref-line-height-common)) !important;
}

.cub-font-24 {
  font-size: var(--cub-ref-font-size-7) !important;
  line-height: calc(var(--cub-ref-font-size-7) + var(--cub-ref-line-height-common)) !important;
}

.cub-font-28 {
  font-size: var(--cub-ref-font-size-8) !important;
  line-height: calc(var(--cub-ref-font-size-8) + var(--cub-ref-line-height-common)) !important;
}

.cub-font-32 {
  font-size: var(--cub-ref-font-size-9) !important;
  line-height: calc(var(--cub-ref-font-size-9) + var(--cub-ref-line-height-common)) !important;
}

.cub-font-36 {
  font-size: var(--cub-ref-font-size-10) !important;
  line-height: calc(var(--cub-ref-font-size-10) + var(--cub-ref-line-height-common)) !important;
}

.cub-font-40 {
  font-size: var(--cub-ref-font-size-11) !important;
  line-height: calc(var(--cub-ref-font-size-11) + var(--cub-ref-line-height-common)) !important;
}

.cub-font-48 {
  font-size: var(--cub-ref-font-size-12) !important;
  line-height: calc(var(--cub-ref-font-size-12) + var(--cub-ref-line-height-common)) !important;
}

/* 文字對齊 */
.cub-text-start {
  text-align: start !important;
}

.cub-text-end {
  text-align: end !important;
}

.cub-text-left {
  text-align: left !important;
}

.cub-text-right {
  text-align: right !important;
}

.cub-text-center {
  text-align: center !important;
}

/* 字體粗細與斜體 */
.cub-font-normal {
  font-weight: normal !important;
}

.cub-font-bold {
  font-weight: bold !important;
}

.cub-font-italic {
  font-style: italic !important;
}

/* 文字裝飾 */
.cub-text-decoration-underline {
  text-decoration: underline !important;
}

.cub-text-decoration-line-through {
  text-decoration: line-through !important;
}

.cub-text-decoration-none {
  text-decoration: none !important;
}

/* 文字換行與溢出 */
.cub-text-wrap {
  white-space: normal !important;
}

.cub-text-nowrap {
  white-space: nowrap !important;
}

.cub-text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.cub-text-truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

h1,
.cub-h1 {
  font: var(--cub-sys-font-h1);
  color: var(--cub-sys-text-neutral-title);
  margin: 0;
}

h2,
.cub-h2 {
  font: var(--cub-sys-font-h2);
  color: var(--cub-sys-text-neutral-title);
  margin: 0;
}

h3,
.cub-h3 {
  font: var(--cub-sys-font-h3);
  color: var(--cub-sys-text-neutral-title);
  margin: 0;
}

h4,
.cub-h4 {
  font: var(--cub-sys-font-h4);
  color: var(--cub-sys-text-neutral-primary);
  margin: 0;
}

h5,
.cub-h5 {
  font: var(--cub-sys-font-h5);
  color: var(--cub-sys-text-neutral-primary);
  margin: 0;
}

h6,
.cub-h6 {
  font: var(--cub-sys-font-h6);
  color: var(--cub-sys-text-neutral-primary);
  margin: 0;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-grid {
  display: grid !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-grid {
    display: grid !important;
  }
}
@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
}
@media (min-width: 1440px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-grid {
    display: grid !important;
  }
}
/* 排列方向 */
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

/* 換行 */
.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

/* 主軸對齊 */
.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

/* 次要軸對齊 */
.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

/* 次要軸多行對齊 */
.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

/* 次要軸自身對齊 */
.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

/* 填滿 */
.flex-fill {
  flex: 1 1 auto !important;
}

/* 伸縮值 */
.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

@media (min-width: 576px) {
  /* 排列方向 */
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* 換行 */
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* 主軸對齊 */
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  /* 次要軸對齊 */
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  /* 次要軸多行對齊 */
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  /* 次要軸自身對齊 */
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  /* 填滿 */
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  /* 伸縮值 */
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 768px) {
  /* 排列方向 */
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* 換行 */
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* 主軸對齊 */
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  /* 次要軸對齊 */
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  /* 次要軸多行對齊 */
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  /* 次要軸自身對齊 */
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  /* 填滿 */
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  /* 伸縮值 */
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 1024px) {
  /* 排列方向 */
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* 換行 */
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* 主軸對齊 */
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  /* 次要軸對齊 */
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  /* 次要軸多行對齊 */
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  /* 次要軸自身對齊 */
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  /* 填滿 */
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  /* 伸縮值 */
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 1440px) {
  /* 排列方向 */
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* 換行 */
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* 主軸對齊 */
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  /* 次要軸對齊 */
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  /* 次要軸多行對齊 */
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  /* 次要軸自身對齊 */
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  /* 填滿 */
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  /* 伸縮值 */
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1440px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.cub-scrollable-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.cub-scrollable-y {
  overflow-x: hidden;
  overflow-y: auto;
}

.cub-overflow-auto {
  overflow: auto !important;
}

.cub-overflow-scroll {
  overflow: scroll !important;
}

.cub-overflow-hidden {
  overflow: hidden !important;
}

.m-0 {
  margin: 0 !important;
}

.m-2 {
  margin: 0.125rem !important;
}

.mx-2 {
  margin-left: 0.125rem !important;
  margin-right: 0.125rem !important;
}

.my-2 {
  margin-top: 0.125rem !important;
  margin-bottom: 0.125rem !important;
}

.mt-2 {
  margin-top: 0.125rem !important;
}

.mr-2 {
  margin-right: 0.125rem !important;
}

.mb-2 {
  margin-bottom: 0.125rem !important;
}

.ml-2 {
  margin-left: 0.125rem !important;
}

.m-4 {
  margin: 0.25rem !important;
}

.mx-4 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-4 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mt-4 {
  margin-top: 0.25rem !important;
}

.mr-4 {
  margin-right: 0.25rem !important;
}

.mb-4 {
  margin-bottom: 0.25rem !important;
}

.ml-4 {
  margin-left: 0.25rem !important;
}

.m-8 {
  margin: 0.5rem !important;
}

.mx-8 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-8 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mt-8 {
  margin-top: 0.5rem !important;
}

.mr-8 {
  margin-right: 0.5rem !important;
}

.mb-8 {
  margin-bottom: 0.5rem !important;
}

.ml-8 {
  margin-left: 0.5rem !important;
}

.m-12 {
  margin: 0.75rem !important;
}

.mx-12 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-12 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.mt-12 {
  margin-top: 0.75rem !important;
}

.mr-12 {
  margin-right: 0.75rem !important;
}

.mb-12 {
  margin-bottom: 0.75rem !important;
}

.ml-12 {
  margin-left: 0.75rem !important;
}

.m-16 {
  margin: 1rem !important;
}

.mx-16 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-16 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mt-16 {
  margin-top: 1rem !important;
}

.mr-16 {
  margin-right: 1rem !important;
}

.mb-16 {
  margin-bottom: 1rem !important;
}

.ml-16 {
  margin-left: 1rem !important;
}

.m-20 {
  margin: 1.25rem !important;
}

.mx-20 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}

.my-20 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.mt-20 {
  margin-top: 1.25rem !important;
}

.mr-20 {
  margin-right: 1.25rem !important;
}

.mb-20 {
  margin-bottom: 1.25rem !important;
}

.ml-20 {
  margin-left: 1.25rem !important;
}

.m-24 {
  margin: 1.5rem !important;
}

.mx-24 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-24 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mt-24 {
  margin-top: 1.5rem !important;
}

.mr-24 {
  margin-right: 1.5rem !important;
}

.mb-24 {
  margin-bottom: 1.5rem !important;
}

.ml-24 {
  margin-left: 1.5rem !important;
}

.m-36 {
  margin: 2.25rem !important;
}

.mx-36 {
  margin-left: 2.25rem !important;
  margin-right: 2.25rem !important;
}

.my-36 {
  margin-top: 2.25rem !important;
  margin-bottom: 2.25rem !important;
}

.mt-36 {
  margin-top: 2.25rem !important;
}

.mr-36 {
  margin-right: 2.25rem !important;
}

.mb-36 {
  margin-bottom: 2.25rem !important;
}

.ml-36 {
  margin-left: 2.25rem !important;
}

.m-48 {
  margin: 3rem !important;
}

.mx-48 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-48 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mt-48 {
  margin-top: 3rem !important;
}

.mr-48 {
  margin-right: 3rem !important;
}

.mb-48 {
  margin-bottom: 3rem !important;
}

.ml-48 {
  margin-left: 3rem !important;
}

.m-64 {
  margin: 4rem !important;
}

.mx-64 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my-64 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.mt-64 {
  margin-top: 4rem !important;
}

.mr-64 {
  margin-right: 4rem !important;
}

.mb-64 {
  margin-bottom: 4rem !important;
}

.ml-64 {
  margin-left: 4rem !important;
}

.m-72 {
  margin: 4.5rem !important;
}

.mx-72 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}

.my-72 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.mt-72 {
  margin-top: 4.5rem !important;
}

.mr-72 {
  margin-right: 4.5rem !important;
}

.mb-72 {
  margin-bottom: 4.5rem !important;
}

.ml-72 {
  margin-left: 4.5rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-2 {
  padding: 0.125rem !important;
}

.px-2 {
  padding-left: 0.125rem !important;
  padding-right: 0.125rem !important;
}

.py-2 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}

.pt-2 {
  padding-top: 0.125rem !important;
}

.pr-2 {
  padding-right: 0.125rem !important;
}

.pb-2 {
  padding-bottom: 0.125rem !important;
}

.pl-2 {
  padding-left: 0.125rem !important;
}

.p-4 {
  padding: 0.25rem !important;
}

.px-4 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-4 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.pt-4 {
  padding-top: 0.25rem !important;
}

.pr-4 {
  padding-right: 0.25rem !important;
}

.pb-4 {
  padding-bottom: 0.25rem !important;
}

.pl-4 {
  padding-left: 0.25rem !important;
}

.p-8 {
  padding: 0.5rem !important;
}

.px-8 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-8 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.pt-8 {
  padding-top: 0.5rem !important;
}

.pr-8 {
  padding-right: 0.5rem !important;
}

.pb-8 {
  padding-bottom: 0.5rem !important;
}

.pl-8 {
  padding-left: 0.5rem !important;
}

.p-12 {
  padding: 0.75rem !important;
}

.px-12 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-12 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.pt-12 {
  padding-top: 0.75rem !important;
}

.pr-12 {
  padding-right: 0.75rem !important;
}

.pb-12 {
  padding-bottom: 0.75rem !important;
}

.pl-12 {
  padding-left: 0.75rem !important;
}

.p-16 {
  padding: 1rem !important;
}

.px-16 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-16 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.pt-16 {
  padding-top: 1rem !important;
}

.pr-16 {
  padding-right: 1rem !important;
}

.pb-16 {
  padding-bottom: 1rem !important;
}

.pl-16 {
  padding-left: 1rem !important;
}

.p-20 {
  padding: 1.25rem !important;
}

.px-20 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.py-20 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.pt-20 {
  padding-top: 1.25rem !important;
}

.pr-20 {
  padding-right: 1.25rem !important;
}

.pb-20 {
  padding-bottom: 1.25rem !important;
}

.pl-20 {
  padding-left: 1.25rem !important;
}

.p-24 {
  padding: 1.5rem !important;
}

.px-24 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-24 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.pt-24 {
  padding-top: 1.5rem !important;
}

.pr-24 {
  padding-right: 1.5rem !important;
}

.pb-24 {
  padding-bottom: 1.5rem !important;
}

.pl-24 {
  padding-left: 1.5rem !important;
}

.p-36 {
  padding: 2.25rem !important;
}

.px-36 {
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}

.py-36 {
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important;
}

.pt-36 {
  padding-top: 2.25rem !important;
}

.pr-36 {
  padding-right: 2.25rem !important;
}

.pb-36 {
  padding-bottom: 2.25rem !important;
}

.pl-36 {
  padding-left: 2.25rem !important;
}

.p-48 {
  padding: 3rem !important;
}

.px-48 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-48 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-48 {
  padding-top: 3rem !important;
}

.pr-48 {
  padding-right: 3rem !important;
}

.pb-48 {
  padding-bottom: 3rem !important;
}

.pl-48 {
  padding-left: 3rem !important;
}

.p-64 {
  padding: 4rem !important;
}

.px-64 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py-64 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.pt-64 {
  padding-top: 4rem !important;
}

.pr-64 {
  padding-right: 4rem !important;
}

.pb-64 {
  padding-bottom: 4rem !important;
}

.pl-64 {
  padding-left: 4rem !important;
}

.p-72 {
  padding: 4.5rem !important;
}

.px-72 {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important;
}

.py-72 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.pt-72 {
  padding-top: 4.5rem !important;
}

.pr-72 {
  padding-right: 4.5rem !important;
}

.pb-72 {
  padding-bottom: 4.5rem !important;
}

.pl-72 {
  padding-left: 4.5rem !important;
}

.p-auto {
  padding: auto !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.pt-auto {
  padding-top: auto !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pl-auto {
  padding-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-2 {
    margin: 0.125rem !important;
  }
  .mx-sm-2 {
    margin-left: 0.125rem !important;
    margin-right: 0.125rem !important;
  }
  .my-sm-2 {
    margin-top: 0.125rem !important;
    margin-bottom: 0.125rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.125rem !important;
  }
  .mr-sm-2 {
    margin-right: 0.125rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.125rem !important;
  }
  .ml-sm-2 {
    margin-left: 0.125rem !important;
  }
  .m-sm-4 {
    margin: 0.25rem !important;
  }
  .mx-sm-4 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-sm-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mt-sm-4 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-4 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-4 {
    margin-left: 0.25rem !important;
  }
  .m-sm-8 {
    margin: 0.5rem !important;
  }
  .mx-sm-8 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-sm-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mt-sm-8 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-8 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-8 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-8 {
    margin-left: 0.5rem !important;
  }
  .m-sm-12 {
    margin: 0.75rem !important;
  }
  .mx-sm-12 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
  .my-sm-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mt-sm-12 {
    margin-top: 0.75rem !important;
  }
  .mr-sm-12 {
    margin-right: 0.75rem !important;
  }
  .mb-sm-12 {
    margin-bottom: 0.75rem !important;
  }
  .ml-sm-12 {
    margin-left: 0.75rem !important;
  }
  .m-sm-16 {
    margin: 1rem !important;
  }
  .mx-sm-16 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-sm-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mt-sm-16 {
    margin-top: 1rem !important;
  }
  .mr-sm-16 {
    margin-right: 1rem !important;
  }
  .mb-sm-16 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-16 {
    margin-left: 1rem !important;
  }
  .m-sm-20 {
    margin: 1.25rem !important;
  }
  .mx-sm-20 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
  .my-sm-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mt-sm-20 {
    margin-top: 1.25rem !important;
  }
  .mr-sm-20 {
    margin-right: 1.25rem !important;
  }
  .mb-sm-20 {
    margin-bottom: 1.25rem !important;
  }
  .ml-sm-20 {
    margin-left: 1.25rem !important;
  }
  .m-sm-24 {
    margin: 1.5rem !important;
  }
  .mx-sm-24 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-sm-24 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mt-sm-24 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-24 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-24 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-24 {
    margin-left: 1.5rem !important;
  }
  .m-sm-36 {
    margin: 2.25rem !important;
  }
  .mx-sm-36 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
  }
  .my-sm-36 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }
  .mt-sm-36 {
    margin-top: 2.25rem !important;
  }
  .mr-sm-36 {
    margin-right: 2.25rem !important;
  }
  .mb-sm-36 {
    margin-bottom: 2.25rem !important;
  }
  .ml-sm-36 {
    margin-left: 2.25rem !important;
  }
  .m-sm-48 {
    margin: 3rem !important;
  }
  .mx-sm-48 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-sm-48 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mt-sm-48 {
    margin-top: 3rem !important;
  }
  .mr-sm-48 {
    margin-right: 3rem !important;
  }
  .mb-sm-48 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-48 {
    margin-left: 3rem !important;
  }
  .m-sm-64 {
    margin: 4rem !important;
  }
  .mx-sm-64 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .my-sm-64 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mt-sm-64 {
    margin-top: 4rem !important;
  }
  .mr-sm-64 {
    margin-right: 4rem !important;
  }
  .mb-sm-64 {
    margin-bottom: 4rem !important;
  }
  .ml-sm-64 {
    margin-left: 4rem !important;
  }
  .m-sm-72 {
    margin: 4.5rem !important;
  }
  .mx-sm-72 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .my-sm-72 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .mt-sm-72 {
    margin-top: 4.5rem !important;
  }
  .mr-sm-72 {
    margin-right: 4.5rem !important;
  }
  .mb-sm-72 {
    margin-bottom: 4.5rem !important;
  }
  .ml-sm-72 {
    margin-left: 4.5rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-2 {
    padding: 0.125rem !important;
  }
  .px-sm-2 {
    padding-left: 0.125rem !important;
    padding-right: 0.125rem !important;
  }
  .py-sm-2 {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.125rem !important;
  }
  .pr-sm-2 {
    padding-right: 0.125rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.125rem !important;
  }
  .pl-sm-2 {
    padding-left: 0.125rem !important;
  }
  .p-sm-4 {
    padding: 0.25rem !important;
  }
  .px-sm-4 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-sm-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .pt-sm-4 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-4 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-4 {
    padding-left: 0.25rem !important;
  }
  .p-sm-8 {
    padding: 0.5rem !important;
  }
  .px-sm-8 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-sm-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .pt-sm-8 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-8 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-8 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-8 {
    padding-left: 0.5rem !important;
  }
  .p-sm-12 {
    padding: 0.75rem !important;
  }
  .px-sm-12 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .py-sm-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .pt-sm-12 {
    padding-top: 0.75rem !important;
  }
  .pr-sm-12 {
    padding-right: 0.75rem !important;
  }
  .pb-sm-12 {
    padding-bottom: 0.75rem !important;
  }
  .pl-sm-12 {
    padding-left: 0.75rem !important;
  }
  .p-sm-16 {
    padding: 1rem !important;
  }
  .px-sm-16 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-sm-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .pt-sm-16 {
    padding-top: 1rem !important;
  }
  .pr-sm-16 {
    padding-right: 1rem !important;
  }
  .pb-sm-16 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-16 {
    padding-left: 1rem !important;
  }
  .p-sm-20 {
    padding: 1.25rem !important;
  }
  .px-sm-20 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .py-sm-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .pt-sm-20 {
    padding-top: 1.25rem !important;
  }
  .pr-sm-20 {
    padding-right: 1.25rem !important;
  }
  .pb-sm-20 {
    padding-bottom: 1.25rem !important;
  }
  .pl-sm-20 {
    padding-left: 1.25rem !important;
  }
  .p-sm-24 {
    padding: 1.5rem !important;
  }
  .px-sm-24 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-sm-24 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .pt-sm-24 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-24 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-24 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-24 {
    padding-left: 1.5rem !important;
  }
  .p-sm-36 {
    padding: 2.25rem !important;
  }
  .px-sm-36 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }
  .py-sm-36 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  .pt-sm-36 {
    padding-top: 2.25rem !important;
  }
  .pr-sm-36 {
    padding-right: 2.25rem !important;
  }
  .pb-sm-36 {
    padding-bottom: 2.25rem !important;
  }
  .pl-sm-36 {
    padding-left: 2.25rem !important;
  }
  .p-sm-48 {
    padding: 3rem !important;
  }
  .px-sm-48 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-sm-48 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-48 {
    padding-top: 3rem !important;
  }
  .pr-sm-48 {
    padding-right: 3rem !important;
  }
  .pb-sm-48 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-48 {
    padding-left: 3rem !important;
  }
  .p-sm-64 {
    padding: 4rem !important;
  }
  .px-sm-64 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-sm-64 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .pt-sm-64 {
    padding-top: 4rem !important;
  }
  .pr-sm-64 {
    padding-right: 4rem !important;
  }
  .pb-sm-64 {
    padding-bottom: 4rem !important;
  }
  .pl-sm-64 {
    padding-left: 4rem !important;
  }
  .p-sm-72 {
    padding: 4.5rem !important;
  }
  .px-sm-72 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .py-sm-72 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .pt-sm-72 {
    padding-top: 4.5rem !important;
  }
  .pr-sm-72 {
    padding-right: 4.5rem !important;
  }
  .pb-sm-72 {
    padding-bottom: 4.5rem !important;
  }
  .pl-sm-72 {
    padding-left: 4.5rem !important;
  }
  .p-sm-auto {
    padding: auto !important;
  }
  .px-sm-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .py-sm-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-sm-auto {
    padding-top: auto !important;
  }
  .pr-sm-auto {
    padding-right: auto !important;
  }
  .pb-sm-auto {
    padding-bottom: auto !important;
  }
  .pl-sm-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-2 {
    margin: 0.125rem !important;
  }
  .mx-md-2 {
    margin-left: 0.125rem !important;
    margin-right: 0.125rem !important;
  }
  .my-md-2 {
    margin-top: 0.125rem !important;
    margin-bottom: 0.125rem !important;
  }
  .mt-md-2 {
    margin-top: 0.125rem !important;
  }
  .mr-md-2 {
    margin-right: 0.125rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.125rem !important;
  }
  .ml-md-2 {
    margin-left: 0.125rem !important;
  }
  .m-md-4 {
    margin: 0.25rem !important;
  }
  .mx-md-4 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-md-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mt-md-4 {
    margin-top: 0.25rem !important;
  }
  .mr-md-4 {
    margin-right: 0.25rem !important;
  }
  .mb-md-4 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-4 {
    margin-left: 0.25rem !important;
  }
  .m-md-8 {
    margin: 0.5rem !important;
  }
  .mx-md-8 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-md-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mt-md-8 {
    margin-top: 0.5rem !important;
  }
  .mr-md-8 {
    margin-right: 0.5rem !important;
  }
  .mb-md-8 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-8 {
    margin-left: 0.5rem !important;
  }
  .m-md-12 {
    margin: 0.75rem !important;
  }
  .mx-md-12 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
  .my-md-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mt-md-12 {
    margin-top: 0.75rem !important;
  }
  .mr-md-12 {
    margin-right: 0.75rem !important;
  }
  .mb-md-12 {
    margin-bottom: 0.75rem !important;
  }
  .ml-md-12 {
    margin-left: 0.75rem !important;
  }
  .m-md-16 {
    margin: 1rem !important;
  }
  .mx-md-16 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-md-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mt-md-16 {
    margin-top: 1rem !important;
  }
  .mr-md-16 {
    margin-right: 1rem !important;
  }
  .mb-md-16 {
    margin-bottom: 1rem !important;
  }
  .ml-md-16 {
    margin-left: 1rem !important;
  }
  .m-md-20 {
    margin: 1.25rem !important;
  }
  .mx-md-20 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
  .my-md-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mt-md-20 {
    margin-top: 1.25rem !important;
  }
  .mr-md-20 {
    margin-right: 1.25rem !important;
  }
  .mb-md-20 {
    margin-bottom: 1.25rem !important;
  }
  .ml-md-20 {
    margin-left: 1.25rem !important;
  }
  .m-md-24 {
    margin: 1.5rem !important;
  }
  .mx-md-24 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-md-24 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mt-md-24 {
    margin-top: 1.5rem !important;
  }
  .mr-md-24 {
    margin-right: 1.5rem !important;
  }
  .mb-md-24 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-24 {
    margin-left: 1.5rem !important;
  }
  .m-md-36 {
    margin: 2.25rem !important;
  }
  .mx-md-36 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
  }
  .my-md-36 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }
  .mt-md-36 {
    margin-top: 2.25rem !important;
  }
  .mr-md-36 {
    margin-right: 2.25rem !important;
  }
  .mb-md-36 {
    margin-bottom: 2.25rem !important;
  }
  .ml-md-36 {
    margin-left: 2.25rem !important;
  }
  .m-md-48 {
    margin: 3rem !important;
  }
  .mx-md-48 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-md-48 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mt-md-48 {
    margin-top: 3rem !important;
  }
  .mr-md-48 {
    margin-right: 3rem !important;
  }
  .mb-md-48 {
    margin-bottom: 3rem !important;
  }
  .ml-md-48 {
    margin-left: 3rem !important;
  }
  .m-md-64 {
    margin: 4rem !important;
  }
  .mx-md-64 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .my-md-64 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mt-md-64 {
    margin-top: 4rem !important;
  }
  .mr-md-64 {
    margin-right: 4rem !important;
  }
  .mb-md-64 {
    margin-bottom: 4rem !important;
  }
  .ml-md-64 {
    margin-left: 4rem !important;
  }
  .m-md-72 {
    margin: 4.5rem !important;
  }
  .mx-md-72 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .my-md-72 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .mt-md-72 {
    margin-top: 4.5rem !important;
  }
  .mr-md-72 {
    margin-right: 4.5rem !important;
  }
  .mb-md-72 {
    margin-bottom: 4.5rem !important;
  }
  .ml-md-72 {
    margin-left: 4.5rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-2 {
    padding: 0.125rem !important;
  }
  .px-md-2 {
    padding-left: 0.125rem !important;
    padding-right: 0.125rem !important;
  }
  .py-md-2 {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
  }
  .pt-md-2 {
    padding-top: 0.125rem !important;
  }
  .pr-md-2 {
    padding-right: 0.125rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.125rem !important;
  }
  .pl-md-2 {
    padding-left: 0.125rem !important;
  }
  .p-md-4 {
    padding: 0.25rem !important;
  }
  .px-md-4 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-md-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .pt-md-4 {
    padding-top: 0.25rem !important;
  }
  .pr-md-4 {
    padding-right: 0.25rem !important;
  }
  .pb-md-4 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-4 {
    padding-left: 0.25rem !important;
  }
  .p-md-8 {
    padding: 0.5rem !important;
  }
  .px-md-8 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-md-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .pt-md-8 {
    padding-top: 0.5rem !important;
  }
  .pr-md-8 {
    padding-right: 0.5rem !important;
  }
  .pb-md-8 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-8 {
    padding-left: 0.5rem !important;
  }
  .p-md-12 {
    padding: 0.75rem !important;
  }
  .px-md-12 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .py-md-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .pt-md-12 {
    padding-top: 0.75rem !important;
  }
  .pr-md-12 {
    padding-right: 0.75rem !important;
  }
  .pb-md-12 {
    padding-bottom: 0.75rem !important;
  }
  .pl-md-12 {
    padding-left: 0.75rem !important;
  }
  .p-md-16 {
    padding: 1rem !important;
  }
  .px-md-16 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-md-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .pt-md-16 {
    padding-top: 1rem !important;
  }
  .pr-md-16 {
    padding-right: 1rem !important;
  }
  .pb-md-16 {
    padding-bottom: 1rem !important;
  }
  .pl-md-16 {
    padding-left: 1rem !important;
  }
  .p-md-20 {
    padding: 1.25rem !important;
  }
  .px-md-20 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .py-md-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .pt-md-20 {
    padding-top: 1.25rem !important;
  }
  .pr-md-20 {
    padding-right: 1.25rem !important;
  }
  .pb-md-20 {
    padding-bottom: 1.25rem !important;
  }
  .pl-md-20 {
    padding-left: 1.25rem !important;
  }
  .p-md-24 {
    padding: 1.5rem !important;
  }
  .px-md-24 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-md-24 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .pt-md-24 {
    padding-top: 1.5rem !important;
  }
  .pr-md-24 {
    padding-right: 1.5rem !important;
  }
  .pb-md-24 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-24 {
    padding-left: 1.5rem !important;
  }
  .p-md-36 {
    padding: 2.25rem !important;
  }
  .px-md-36 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }
  .py-md-36 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  .pt-md-36 {
    padding-top: 2.25rem !important;
  }
  .pr-md-36 {
    padding-right: 2.25rem !important;
  }
  .pb-md-36 {
    padding-bottom: 2.25rem !important;
  }
  .pl-md-36 {
    padding-left: 2.25rem !important;
  }
  .p-md-48 {
    padding: 3rem !important;
  }
  .px-md-48 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-md-48 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-48 {
    padding-top: 3rem !important;
  }
  .pr-md-48 {
    padding-right: 3rem !important;
  }
  .pb-md-48 {
    padding-bottom: 3rem !important;
  }
  .pl-md-48 {
    padding-left: 3rem !important;
  }
  .p-md-64 {
    padding: 4rem !important;
  }
  .px-md-64 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-md-64 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .pt-md-64 {
    padding-top: 4rem !important;
  }
  .pr-md-64 {
    padding-right: 4rem !important;
  }
  .pb-md-64 {
    padding-bottom: 4rem !important;
  }
  .pl-md-64 {
    padding-left: 4rem !important;
  }
  .p-md-72 {
    padding: 4.5rem !important;
  }
  .px-md-72 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .py-md-72 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .pt-md-72 {
    padding-top: 4.5rem !important;
  }
  .pr-md-72 {
    padding-right: 4.5rem !important;
  }
  .pb-md-72 {
    padding-bottom: 4.5rem !important;
  }
  .pl-md-72 {
    padding-left: 4.5rem !important;
  }
  .p-md-auto {
    padding: auto !important;
  }
  .px-md-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .py-md-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-md-auto {
    padding-top: auto !important;
  }
  .pr-md-auto {
    padding-right: auto !important;
  }
  .pb-md-auto {
    padding-bottom: auto !important;
  }
  .pl-md-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 1024px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-2 {
    margin: 0.125rem !important;
  }
  .mx-lg-2 {
    margin-left: 0.125rem !important;
    margin-right: 0.125rem !important;
  }
  .my-lg-2 {
    margin-top: 0.125rem !important;
    margin-bottom: 0.125rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.125rem !important;
  }
  .mr-lg-2 {
    margin-right: 0.125rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.125rem !important;
  }
  .ml-lg-2 {
    margin-left: 0.125rem !important;
  }
  .m-lg-4 {
    margin: 0.25rem !important;
  }
  .mx-lg-4 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-lg-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mt-lg-4 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-4 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-4 {
    margin-left: 0.25rem !important;
  }
  .m-lg-8 {
    margin: 0.5rem !important;
  }
  .mx-lg-8 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-lg-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mt-lg-8 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-8 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-8 {
    margin-left: 0.5rem !important;
  }
  .m-lg-12 {
    margin: 0.75rem !important;
  }
  .mx-lg-12 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
  .my-lg-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mt-lg-12 {
    margin-top: 0.75rem !important;
  }
  .mr-lg-12 {
    margin-right: 0.75rem !important;
  }
  .mb-lg-12 {
    margin-bottom: 0.75rem !important;
  }
  .ml-lg-12 {
    margin-left: 0.75rem !important;
  }
  .m-lg-16 {
    margin: 1rem !important;
  }
  .mx-lg-16 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-lg-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mt-lg-16 {
    margin-top: 1rem !important;
  }
  .mr-lg-16 {
    margin-right: 1rem !important;
  }
  .mb-lg-16 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-16 {
    margin-left: 1rem !important;
  }
  .m-lg-20 {
    margin: 1.25rem !important;
  }
  .mx-lg-20 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
  .my-lg-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mt-lg-20 {
    margin-top: 1.25rem !important;
  }
  .mr-lg-20 {
    margin-right: 1.25rem !important;
  }
  .mb-lg-20 {
    margin-bottom: 1.25rem !important;
  }
  .ml-lg-20 {
    margin-left: 1.25rem !important;
  }
  .m-lg-24 {
    margin: 1.5rem !important;
  }
  .mx-lg-24 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-lg-24 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mt-lg-24 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-24 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-24 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-24 {
    margin-left: 1.5rem !important;
  }
  .m-lg-36 {
    margin: 2.25rem !important;
  }
  .mx-lg-36 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
  }
  .my-lg-36 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }
  .mt-lg-36 {
    margin-top: 2.25rem !important;
  }
  .mr-lg-36 {
    margin-right: 2.25rem !important;
  }
  .mb-lg-36 {
    margin-bottom: 2.25rem !important;
  }
  .ml-lg-36 {
    margin-left: 2.25rem !important;
  }
  .m-lg-48 {
    margin: 3rem !important;
  }
  .mx-lg-48 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-lg-48 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mt-lg-48 {
    margin-top: 3rem !important;
  }
  .mr-lg-48 {
    margin-right: 3rem !important;
  }
  .mb-lg-48 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-48 {
    margin-left: 3rem !important;
  }
  .m-lg-64 {
    margin: 4rem !important;
  }
  .mx-lg-64 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .my-lg-64 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mt-lg-64 {
    margin-top: 4rem !important;
  }
  .mr-lg-64 {
    margin-right: 4rem !important;
  }
  .mb-lg-64 {
    margin-bottom: 4rem !important;
  }
  .ml-lg-64 {
    margin-left: 4rem !important;
  }
  .m-lg-72 {
    margin: 4.5rem !important;
  }
  .mx-lg-72 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .my-lg-72 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .mt-lg-72 {
    margin-top: 4.5rem !important;
  }
  .mr-lg-72 {
    margin-right: 4.5rem !important;
  }
  .mb-lg-72 {
    margin-bottom: 4.5rem !important;
  }
  .ml-lg-72 {
    margin-left: 4.5rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-2 {
    padding: 0.125rem !important;
  }
  .px-lg-2 {
    padding-left: 0.125rem !important;
    padding-right: 0.125rem !important;
  }
  .py-lg-2 {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.125rem !important;
  }
  .pr-lg-2 {
    padding-right: 0.125rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.125rem !important;
  }
  .pl-lg-2 {
    padding-left: 0.125rem !important;
  }
  .p-lg-4 {
    padding: 0.25rem !important;
  }
  .px-lg-4 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-lg-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .pt-lg-4 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-4 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-4 {
    padding-left: 0.25rem !important;
  }
  .p-lg-8 {
    padding: 0.5rem !important;
  }
  .px-lg-8 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-lg-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .pt-lg-8 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-8 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-8 {
    padding-left: 0.5rem !important;
  }
  .p-lg-12 {
    padding: 0.75rem !important;
  }
  .px-lg-12 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .py-lg-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .pt-lg-12 {
    padding-top: 0.75rem !important;
  }
  .pr-lg-12 {
    padding-right: 0.75rem !important;
  }
  .pb-lg-12 {
    padding-bottom: 0.75rem !important;
  }
  .pl-lg-12 {
    padding-left: 0.75rem !important;
  }
  .p-lg-16 {
    padding: 1rem !important;
  }
  .px-lg-16 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-lg-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .pt-lg-16 {
    padding-top: 1rem !important;
  }
  .pr-lg-16 {
    padding-right: 1rem !important;
  }
  .pb-lg-16 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-16 {
    padding-left: 1rem !important;
  }
  .p-lg-20 {
    padding: 1.25rem !important;
  }
  .px-lg-20 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .py-lg-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .pt-lg-20 {
    padding-top: 1.25rem !important;
  }
  .pr-lg-20 {
    padding-right: 1.25rem !important;
  }
  .pb-lg-20 {
    padding-bottom: 1.25rem !important;
  }
  .pl-lg-20 {
    padding-left: 1.25rem !important;
  }
  .p-lg-24 {
    padding: 1.5rem !important;
  }
  .px-lg-24 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-lg-24 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .pt-lg-24 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-24 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-24 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-24 {
    padding-left: 1.5rem !important;
  }
  .p-lg-36 {
    padding: 2.25rem !important;
  }
  .px-lg-36 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }
  .py-lg-36 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  .pt-lg-36 {
    padding-top: 2.25rem !important;
  }
  .pr-lg-36 {
    padding-right: 2.25rem !important;
  }
  .pb-lg-36 {
    padding-bottom: 2.25rem !important;
  }
  .pl-lg-36 {
    padding-left: 2.25rem !important;
  }
  .p-lg-48 {
    padding: 3rem !important;
  }
  .px-lg-48 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-lg-48 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-48 {
    padding-top: 3rem !important;
  }
  .pr-lg-48 {
    padding-right: 3rem !important;
  }
  .pb-lg-48 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-48 {
    padding-left: 3rem !important;
  }
  .p-lg-64 {
    padding: 4rem !important;
  }
  .px-lg-64 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-lg-64 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .pt-lg-64 {
    padding-top: 4rem !important;
  }
  .pr-lg-64 {
    padding-right: 4rem !important;
  }
  .pb-lg-64 {
    padding-bottom: 4rem !important;
  }
  .pl-lg-64 {
    padding-left: 4rem !important;
  }
  .p-lg-72 {
    padding: 4.5rem !important;
  }
  .px-lg-72 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .py-lg-72 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .pt-lg-72 {
    padding-top: 4.5rem !important;
  }
  .pr-lg-72 {
    padding-right: 4.5rem !important;
  }
  .pb-lg-72 {
    padding-bottom: 4.5rem !important;
  }
  .pl-lg-72 {
    padding-left: 4.5rem !important;
  }
  .p-lg-auto {
    padding: auto !important;
  }
  .px-lg-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .py-lg-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-lg-auto {
    padding-top: auto !important;
  }
  .pr-lg-auto {
    padding-right: auto !important;
  }
  .pb-lg-auto {
    padding-bottom: auto !important;
  }
  .pl-lg-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-2 {
    margin: 0.125rem !important;
  }
  .mx-xl-2 {
    margin-left: 0.125rem !important;
    margin-right: 0.125rem !important;
  }
  .my-xl-2 {
    margin-top: 0.125rem !important;
    margin-bottom: 0.125rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.125rem !important;
  }
  .mr-xl-2 {
    margin-right: 0.125rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.125rem !important;
  }
  .ml-xl-2 {
    margin-left: 0.125rem !important;
  }
  .m-xl-4 {
    margin: 0.25rem !important;
  }
  .mx-xl-4 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .my-xl-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mt-xl-4 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-4 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-4 {
    margin-left: 0.25rem !important;
  }
  .m-xl-8 {
    margin: 0.5rem !important;
  }
  .mx-xl-8 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .my-xl-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mt-xl-8 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-8 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-8 {
    margin-left: 0.5rem !important;
  }
  .m-xl-12 {
    margin: 0.75rem !important;
  }
  .mx-xl-12 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
  .my-xl-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mt-xl-12 {
    margin-top: 0.75rem !important;
  }
  .mr-xl-12 {
    margin-right: 0.75rem !important;
  }
  .mb-xl-12 {
    margin-bottom: 0.75rem !important;
  }
  .ml-xl-12 {
    margin-left: 0.75rem !important;
  }
  .m-xl-16 {
    margin: 1rem !important;
  }
  .mx-xl-16 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .my-xl-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mt-xl-16 {
    margin-top: 1rem !important;
  }
  .mr-xl-16 {
    margin-right: 1rem !important;
  }
  .mb-xl-16 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-16 {
    margin-left: 1rem !important;
  }
  .m-xl-20 {
    margin: 1.25rem !important;
  }
  .mx-xl-20 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
  .my-xl-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mt-xl-20 {
    margin-top: 1.25rem !important;
  }
  .mr-xl-20 {
    margin-right: 1.25rem !important;
  }
  .mb-xl-20 {
    margin-bottom: 1.25rem !important;
  }
  .ml-xl-20 {
    margin-left: 1.25rem !important;
  }
  .m-xl-24 {
    margin: 1.5rem !important;
  }
  .mx-xl-24 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .my-xl-24 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mt-xl-24 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-24 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-24 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-24 {
    margin-left: 1.5rem !important;
  }
  .m-xl-36 {
    margin: 2.25rem !important;
  }
  .mx-xl-36 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
  }
  .my-xl-36 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }
  .mt-xl-36 {
    margin-top: 2.25rem !important;
  }
  .mr-xl-36 {
    margin-right: 2.25rem !important;
  }
  .mb-xl-36 {
    margin-bottom: 2.25rem !important;
  }
  .ml-xl-36 {
    margin-left: 2.25rem !important;
  }
  .m-xl-48 {
    margin: 3rem !important;
  }
  .mx-xl-48 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .my-xl-48 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mt-xl-48 {
    margin-top: 3rem !important;
  }
  .mr-xl-48 {
    margin-right: 3rem !important;
  }
  .mb-xl-48 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-48 {
    margin-left: 3rem !important;
  }
  .m-xl-64 {
    margin: 4rem !important;
  }
  .mx-xl-64 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .my-xl-64 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .mt-xl-64 {
    margin-top: 4rem !important;
  }
  .mr-xl-64 {
    margin-right: 4rem !important;
  }
  .mb-xl-64 {
    margin-bottom: 4rem !important;
  }
  .ml-xl-64 {
    margin-left: 4rem !important;
  }
  .m-xl-72 {
    margin: 4.5rem !important;
  }
  .mx-xl-72 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .my-xl-72 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .mt-xl-72 {
    margin-top: 4.5rem !important;
  }
  .mr-xl-72 {
    margin-right: 4.5rem !important;
  }
  .mb-xl-72 {
    margin-bottom: 4.5rem !important;
  }
  .ml-xl-72 {
    margin-left: 4.5rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-2 {
    padding: 0.125rem !important;
  }
  .px-xl-2 {
    padding-left: 0.125rem !important;
    padding-right: 0.125rem !important;
  }
  .py-xl-2 {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.125rem !important;
  }
  .pr-xl-2 {
    padding-right: 0.125rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.125rem !important;
  }
  .pl-xl-2 {
    padding-left: 0.125rem !important;
  }
  .p-xl-4 {
    padding: 0.25rem !important;
  }
  .px-xl-4 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .py-xl-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .pt-xl-4 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-4 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-4 {
    padding-left: 0.25rem !important;
  }
  .p-xl-8 {
    padding: 0.5rem !important;
  }
  .px-xl-8 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .py-xl-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .pt-xl-8 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-8 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-8 {
    padding-left: 0.5rem !important;
  }
  .p-xl-12 {
    padding: 0.75rem !important;
  }
  .px-xl-12 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .py-xl-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .pt-xl-12 {
    padding-top: 0.75rem !important;
  }
  .pr-xl-12 {
    padding-right: 0.75rem !important;
  }
  .pb-xl-12 {
    padding-bottom: 0.75rem !important;
  }
  .pl-xl-12 {
    padding-left: 0.75rem !important;
  }
  .p-xl-16 {
    padding: 1rem !important;
  }
  .px-xl-16 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-xl-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .pt-xl-16 {
    padding-top: 1rem !important;
  }
  .pr-xl-16 {
    padding-right: 1rem !important;
  }
  .pb-xl-16 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-16 {
    padding-left: 1rem !important;
  }
  .p-xl-20 {
    padding: 1.25rem !important;
  }
  .px-xl-20 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .py-xl-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .pt-xl-20 {
    padding-top: 1.25rem !important;
  }
  .pr-xl-20 {
    padding-right: 1.25rem !important;
  }
  .pb-xl-20 {
    padding-bottom: 1.25rem !important;
  }
  .pl-xl-20 {
    padding-left: 1.25rem !important;
  }
  .p-xl-24 {
    padding: 1.5rem !important;
  }
  .px-xl-24 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .py-xl-24 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .pt-xl-24 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-24 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-24 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-24 {
    padding-left: 1.5rem !important;
  }
  .p-xl-36 {
    padding: 2.25rem !important;
  }
  .px-xl-36 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }
  .py-xl-36 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  .pt-xl-36 {
    padding-top: 2.25rem !important;
  }
  .pr-xl-36 {
    padding-right: 2.25rem !important;
  }
  .pb-xl-36 {
    padding-bottom: 2.25rem !important;
  }
  .pl-xl-36 {
    padding-left: 2.25rem !important;
  }
  .p-xl-48 {
    padding: 3rem !important;
  }
  .px-xl-48 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xl-48 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-48 {
    padding-top: 3rem !important;
  }
  .pr-xl-48 {
    padding-right: 3rem !important;
  }
  .pb-xl-48 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-48 {
    padding-left: 3rem !important;
  }
  .p-xl-64 {
    padding: 4rem !important;
  }
  .px-xl-64 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-xl-64 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .pt-xl-64 {
    padding-top: 4rem !important;
  }
  .pr-xl-64 {
    padding-right: 4rem !important;
  }
  .pb-xl-64 {
    padding-bottom: 4rem !important;
  }
  .pl-xl-64 {
    padding-left: 4rem !important;
  }
  .p-xl-72 {
    padding: 4.5rem !important;
  }
  .px-xl-72 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .py-xl-72 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .pt-xl-72 {
    padding-top: 4.5rem !important;
  }
  .pr-xl-72 {
    padding-right: 4.5rem !important;
  }
  .pb-xl-72 {
    padding-bottom: 4.5rem !important;
  }
  .pl-xl-72 {
    padding-left: 4.5rem !important;
  }
  .p-xl-auto {
    padding: auto !important;
  }
  .px-xl-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .py-xl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-xl-auto {
    padding-top: auto !important;
  }
  .pr-xl-auto {
    padding-right: auto !important;
  }
  .pb-xl-auto {
    padding-bottom: auto !important;
  }
  .pl-xl-auto {
    padding-left: auto !important;
  }
}
.g-2 {
  gap: 0.125rem !important;
}

.gx-2 {
  column-gap: 0.125rem !important;
}

.gy-2 {
  row-gap: 0.125rem !important;
}

.g-4 {
  gap: 0.25rem !important;
}

.gx-4 {
  column-gap: 0.25rem !important;
}

.gy-4 {
  row-gap: 0.25rem !important;
}

.g-8 {
  gap: 0.5rem !important;
}

.gx-8 {
  column-gap: 0.5rem !important;
}

.gy-8 {
  row-gap: 0.5rem !important;
}

.g-12 {
  gap: 0.75rem !important;
}

.gx-12 {
  column-gap: 0.75rem !important;
}

.gy-12 {
  row-gap: 0.75rem !important;
}

.g-16 {
  gap: 1rem !important;
}

.gx-16 {
  column-gap: 1rem !important;
}

.gy-16 {
  row-gap: 1rem !important;
}

.g-20 {
  gap: 1.25rem !important;
}

.gx-20 {
  column-gap: 1.25rem !important;
}

.gy-20 {
  row-gap: 1.25rem !important;
}

.g-24 {
  gap: 1.5rem !important;
}

.gx-24 {
  column-gap: 1.5rem !important;
}

.gy-24 {
  row-gap: 1.5rem !important;
}

.g-36 {
  gap: 2.25rem !important;
}

.gx-36 {
  column-gap: 2.25rem !important;
}

.gy-36 {
  row-gap: 2.25rem !important;
}

.g-48 {
  gap: 3rem !important;
}

.gx-48 {
  column-gap: 3rem !important;
}

.gy-48 {
  row-gap: 3rem !important;
}

.g-64 {
  gap: 4rem !important;
}

.gx-64 {
  column-gap: 4rem !important;
}

.gy-64 {
  row-gap: 4rem !important;
}

.g-72 {
  gap: 4.5rem !important;
}

.gx-72 {
  column-gap: 4.5rem !important;
}

.gy-72 {
  row-gap: 4.5rem !important;
}

@media (min-width: 576px) {
  .g-sm-2 {
    gap: 0.125rem !important;
  }
  .gx-sm-2 {
    column-gap: 0.125rem !important;
  }
  .gy-sm-2 {
    row-gap: 0.125rem !important;
  }
  .g-sm-4 {
    gap: 0.25rem !important;
  }
  .gx-sm-4 {
    column-gap: 0.25rem !important;
  }
  .gy-sm-4 {
    row-gap: 0.25rem !important;
  }
  .g-sm-8 {
    gap: 0.5rem !important;
  }
  .gx-sm-8 {
    column-gap: 0.5rem !important;
  }
  .gy-sm-8 {
    row-gap: 0.5rem !important;
  }
  .g-sm-12 {
    gap: 0.75rem !important;
  }
  .gx-sm-12 {
    column-gap: 0.75rem !important;
  }
  .gy-sm-12 {
    row-gap: 0.75rem !important;
  }
  .g-sm-16 {
    gap: 1rem !important;
  }
  .gx-sm-16 {
    column-gap: 1rem !important;
  }
  .gy-sm-16 {
    row-gap: 1rem !important;
  }
  .g-sm-20 {
    gap: 1.25rem !important;
  }
  .gx-sm-20 {
    column-gap: 1.25rem !important;
  }
  .gy-sm-20 {
    row-gap: 1.25rem !important;
  }
  .g-sm-24 {
    gap: 1.5rem !important;
  }
  .gx-sm-24 {
    column-gap: 1.5rem !important;
  }
  .gy-sm-24 {
    row-gap: 1.5rem !important;
  }
  .g-sm-36 {
    gap: 2.25rem !important;
  }
  .gx-sm-36 {
    column-gap: 2.25rem !important;
  }
  .gy-sm-36 {
    row-gap: 2.25rem !important;
  }
  .g-sm-48 {
    gap: 3rem !important;
  }
  .gx-sm-48 {
    column-gap: 3rem !important;
  }
  .gy-sm-48 {
    row-gap: 3rem !important;
  }
  .g-sm-64 {
    gap: 4rem !important;
  }
  .gx-sm-64 {
    column-gap: 4rem !important;
  }
  .gy-sm-64 {
    row-gap: 4rem !important;
  }
  .g-sm-72 {
    gap: 4.5rem !important;
  }
  .gx-sm-72 {
    column-gap: 4.5rem !important;
  }
  .gy-sm-72 {
    row-gap: 4.5rem !important;
  }
}
@media (min-width: 768px) {
  .g-md-2 {
    gap: 0.125rem !important;
  }
  .gx-md-2 {
    column-gap: 0.125rem !important;
  }
  .gy-md-2 {
    row-gap: 0.125rem !important;
  }
  .g-md-4 {
    gap: 0.25rem !important;
  }
  .gx-md-4 {
    column-gap: 0.25rem !important;
  }
  .gy-md-4 {
    row-gap: 0.25rem !important;
  }
  .g-md-8 {
    gap: 0.5rem !important;
  }
  .gx-md-8 {
    column-gap: 0.5rem !important;
  }
  .gy-md-8 {
    row-gap: 0.5rem !important;
  }
  .g-md-12 {
    gap: 0.75rem !important;
  }
  .gx-md-12 {
    column-gap: 0.75rem !important;
  }
  .gy-md-12 {
    row-gap: 0.75rem !important;
  }
  .g-md-16 {
    gap: 1rem !important;
  }
  .gx-md-16 {
    column-gap: 1rem !important;
  }
  .gy-md-16 {
    row-gap: 1rem !important;
  }
  .g-md-20 {
    gap: 1.25rem !important;
  }
  .gx-md-20 {
    column-gap: 1.25rem !important;
  }
  .gy-md-20 {
    row-gap: 1.25rem !important;
  }
  .g-md-24 {
    gap: 1.5rem !important;
  }
  .gx-md-24 {
    column-gap: 1.5rem !important;
  }
  .gy-md-24 {
    row-gap: 1.5rem !important;
  }
  .g-md-36 {
    gap: 2.25rem !important;
  }
  .gx-md-36 {
    column-gap: 2.25rem !important;
  }
  .gy-md-36 {
    row-gap: 2.25rem !important;
  }
  .g-md-48 {
    gap: 3rem !important;
  }
  .gx-md-48 {
    column-gap: 3rem !important;
  }
  .gy-md-48 {
    row-gap: 3rem !important;
  }
  .g-md-64 {
    gap: 4rem !important;
  }
  .gx-md-64 {
    column-gap: 4rem !important;
  }
  .gy-md-64 {
    row-gap: 4rem !important;
  }
  .g-md-72 {
    gap: 4.5rem !important;
  }
  .gx-md-72 {
    column-gap: 4.5rem !important;
  }
  .gy-md-72 {
    row-gap: 4.5rem !important;
  }
}
@media (min-width: 1024px) {
  .g-lg-2 {
    gap: 0.125rem !important;
  }
  .gx-lg-2 {
    column-gap: 0.125rem !important;
  }
  .gy-lg-2 {
    row-gap: 0.125rem !important;
  }
  .g-lg-4 {
    gap: 0.25rem !important;
  }
  .gx-lg-4 {
    column-gap: 0.25rem !important;
  }
  .gy-lg-4 {
    row-gap: 0.25rem !important;
  }
  .g-lg-8 {
    gap: 0.5rem !important;
  }
  .gx-lg-8 {
    column-gap: 0.5rem !important;
  }
  .gy-lg-8 {
    row-gap: 0.5rem !important;
  }
  .g-lg-12 {
    gap: 0.75rem !important;
  }
  .gx-lg-12 {
    column-gap: 0.75rem !important;
  }
  .gy-lg-12 {
    row-gap: 0.75rem !important;
  }
  .g-lg-16 {
    gap: 1rem !important;
  }
  .gx-lg-16 {
    column-gap: 1rem !important;
  }
  .gy-lg-16 {
    row-gap: 1rem !important;
  }
  .g-lg-20 {
    gap: 1.25rem !important;
  }
  .gx-lg-20 {
    column-gap: 1.25rem !important;
  }
  .gy-lg-20 {
    row-gap: 1.25rem !important;
  }
  .g-lg-24 {
    gap: 1.5rem !important;
  }
  .gx-lg-24 {
    column-gap: 1.5rem !important;
  }
  .gy-lg-24 {
    row-gap: 1.5rem !important;
  }
  .g-lg-36 {
    gap: 2.25rem !important;
  }
  .gx-lg-36 {
    column-gap: 2.25rem !important;
  }
  .gy-lg-36 {
    row-gap: 2.25rem !important;
  }
  .g-lg-48 {
    gap: 3rem !important;
  }
  .gx-lg-48 {
    column-gap: 3rem !important;
  }
  .gy-lg-48 {
    row-gap: 3rem !important;
  }
  .g-lg-64 {
    gap: 4rem !important;
  }
  .gx-lg-64 {
    column-gap: 4rem !important;
  }
  .gy-lg-64 {
    row-gap: 4rem !important;
  }
  .g-lg-72 {
    gap: 4.5rem !important;
  }
  .gx-lg-72 {
    column-gap: 4.5rem !important;
  }
  .gy-lg-72 {
    row-gap: 4.5rem !important;
  }
}
@media (min-width: 1440px) {
  .g-xl-2 {
    gap: 0.125rem !important;
  }
  .gx-xl-2 {
    column-gap: 0.125rem !important;
  }
  .gy-xl-2 {
    row-gap: 0.125rem !important;
  }
  .g-xl-4 {
    gap: 0.25rem !important;
  }
  .gx-xl-4 {
    column-gap: 0.25rem !important;
  }
  .gy-xl-4 {
    row-gap: 0.25rem !important;
  }
  .g-xl-8 {
    gap: 0.5rem !important;
  }
  .gx-xl-8 {
    column-gap: 0.5rem !important;
  }
  .gy-xl-8 {
    row-gap: 0.5rem !important;
  }
  .g-xl-12 {
    gap: 0.75rem !important;
  }
  .gx-xl-12 {
    column-gap: 0.75rem !important;
  }
  .gy-xl-12 {
    row-gap: 0.75rem !important;
  }
  .g-xl-16 {
    gap: 1rem !important;
  }
  .gx-xl-16 {
    column-gap: 1rem !important;
  }
  .gy-xl-16 {
    row-gap: 1rem !important;
  }
  .g-xl-20 {
    gap: 1.25rem !important;
  }
  .gx-xl-20 {
    column-gap: 1.25rem !important;
  }
  .gy-xl-20 {
    row-gap: 1.25rem !important;
  }
  .g-xl-24 {
    gap: 1.5rem !important;
  }
  .gx-xl-24 {
    column-gap: 1.5rem !important;
  }
  .gy-xl-24 {
    row-gap: 1.5rem !important;
  }
  .g-xl-36 {
    gap: 2.25rem !important;
  }
  .gx-xl-36 {
    column-gap: 2.25rem !important;
  }
  .gy-xl-36 {
    row-gap: 2.25rem !important;
  }
  .g-xl-48 {
    gap: 3rem !important;
  }
  .gx-xl-48 {
    column-gap: 3rem !important;
  }
  .gy-xl-48 {
    row-gap: 3rem !important;
  }
  .g-xl-64 {
    gap: 4rem !important;
  }
  .gx-xl-64 {
    column-gap: 4rem !important;
  }
  .gy-xl-64 {
    row-gap: 4rem !important;
  }
  .g-xl-72 {
    gap: 4.5rem !important;
  }
  .gx-xl-72 {
    column-gap: 4.5rem !important;
  }
  .gy-xl-72 {
    row-gap: 4.5rem !important;
  }
}
.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.max-w-100 {
  max-width: 100% !important;
}

.max-h-100 {
  max-height: 100% !important;
}

.cub-container-extra-small {
  width: 100%;
  max-width: 320px;
  margin-right: auto;
  margin-left: auto;
}

.cub-container-small {
  width: 100%;
  max-width: 520px;
  margin-right: auto;
  margin-left: auto;
}

.cub-container {
  width: 100%;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}

.cub-container-large {
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

.cub-container-extra-large {
  width: 100%;
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
}

/* Core */
/* 一般漣漪：用於 Active */
.cub-ripple {
  position: relative;
  overflow: hidden;
}
.cub-ripple:not(:empty) {
  transform: translateZ(0);
}
.cub-ripple.cub-ripple-unbounded {
  overflow: visible;
}
.cub-ripple > .cub-ripple-element {
  position: absolute;
  border-radius: 50%;
  opacity: var(--cub-ref-state-active-opacity);
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  pointer-events: none;
}

/* 持續性漣漪：用於 Hover、Selected */
.cub-persistent-ripple {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
}

/* Cdk */
.cub-cdk-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.cub-cdk-overlay-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.cub-cdk-overlay-backdrop {
  position: absolute;
  inset: 0;
  z-index: 1300;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
}
.cub-cdk-overlay-backdrop.cub-cdk-overlay-dark-backdrop {
  background-color: var(--cub-sys-backdrop-dark);
}
.cub-cdk-overlay-backdrop.cub-cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
}
.cub-cdk-overlay-backdrop.cub-cdk-overlay-transparent-backdrop.cub-cdk-overlay-backdrop-showing {
  visibility: visible;
}

.cub-cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  /* 特例：需要與 backdrop 相同 z-index 層級 */
  z-index: 1300;
  width: 100%;
  height: 100%;
}

.cub-cdk-overlay-connected-position-bounding-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  /* 特例：需要與 backdrop 相同 z-index 層級 */
  z-index: 1300;
}

.cub-cdk-overlay-pane {
  display: flex;
  position: absolute;
  /* 特例：需要與 backdrop 相同 z-index 層級 */
  z-index: 1300;
  pointer-events: auto;
}

/* Component */
cub-scroller {
  flex: 1;
  outline: 0 none;
}

.cub-scroller {
  position: relative;
  overflow: auto;
  contain: strict;
  transform: translateZ(0);
  will-change: scroll-position;
  outline: 0 none;
}

.cub-scroller-content {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  will-change: transform;
}

.cub-scroller-spacer {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  transform-origin: 0 0;
  pointer-events: none;
}

.cub-scroller-loader {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cub-scroller-loader.cub-component-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cub-scroller-inline .cub-scroller-content {
  position: static;
}

.cub-accordion-panel:last-of-type .cub-accordion-panel-header {
  border-bottom-right-radius: var(--cub-sys-radius-l);
  border-bottom-left-radius: var(--cub-sys-radius-l);
}
.cub-accordion-panel:last-of-type.cub-expanded .cub-accordion-panel-header {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.cub-accordion-panel:last-of-type > .cub-accordion-panel-content > .cub-accordion-panel-body {
  border-bottom-right-radius: var(--cub-sys-radius-l);
  border-bottom-left-radius: var(--cub-sys-radius-l);
}
.cub-accordion-panel:first-of-type .cub-accordion-panel-header {
  border-top-right-radius: var(--cub-sys-radius-l);
  border-top-left-radius: var(--cub-sys-radius-l);
}

.cub-accordion > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header {
  display: flex;
  flex: 1;
  align-items: center;
  margin-right: var(--cub-sys-component-margin-m);
  margin-left: var(--cub-sys-component-margin-s);
  padding: var(--cub-sys-component-padding-xs) var(--cub-sys-component-padding-5xs);
}
.cub-accordion > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header.cub-accordion-header-top {
  align-items: flex-start;
}
.cub-accordion > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-header-content {
  display: flex;
  flex: 1;
  align-items: center;
  gap: var(--cub-sys-component-margin-xs);
}
.cub-accordion > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-header-content.cub-accordion-header-top {
  align-items: flex-start;
}
.cub-accordion > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-header-content .cub-accordion-indicator {
  color: var(--cub-sys-text-neutral-primary);
}
.cub-accordion > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-header-content .cub-accordion-icon {
  width: fit-content;
  font: var(--cub-sys-icon-body-m);
}
.cub-accordion > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-header-content .cub-accordion-icon span {
  color: var(--cub-sys-text-neutral-primary);
}
.cub-accordion > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-header-content .cub-accordion-title {
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: var(--cub-sys-component-margin-3xs);
  font: var(--cub-sys-font-label-m);
  color: var(--cub-sys-text-neutral-title);
}
.cub-accordion > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-action {
  width: fit-content;
  max-width: 30%;
  margin-left: var(--cub-sys-component-padding-s);
}
.cub-accordion.cub-accordion-small > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header {
  margin-right: var(--cub-sys-component-padding-s);
  margin-left: var(--cub-sys-component-padding-xs);
  padding: var(--cub-sys-component-padding-2xs) var(--cub-sys-component-padding-5xs);
}
.cub-accordion.cub-accordion-small > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-indicator {
  font: var(--cub-sys-icon-body-s);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-accordion.cub-accordion-small > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-icon {
  font: var(--cub-sys-icon-body-s);
}
.cub-accordion.cub-accordion-small > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-icon span {
  font: var(--cub-sys-icon-body-s);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-accordion.cub-accordion-small > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-title {
  margin-left: var(--cub-sys-component-padding-3xs);
  font: var(--cub-sys-font-label-s);
}
.cub-accordion.cub-accordion-small > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-action {
  margin-left: var(--cub-sys-component-padding-xs);
}
.cub-accordion.cub-accordion-small .cub-accordion-panel-body {
  padding-top: var(--cub-sys-component-padding-m);
  padding-right: var(--cub-sys-component-padding-m);
  padding-bottom: var(--cub-sys-component-padding-m);
  padding-left: var(--cub-sys-component-padding-m);
  font: var(--cub-sys-font-body-s);
}
.cub-accordion.cub-accordion-large .cub-accordion-panel-header,
.cub-accordion.cub-accordion-large .cub-accordion-panel-body {
  border-color: var(--cub-sys-border-neutral-lighter) !important;
}
.cub-accordion.cub-accordion-large > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header {
  margin-right: var(--cub-sys-component-padding-5xs);
  margin-left: var(--cub-sys-component-padding-5xs);
  padding: var(--cub-sys-component-padding-xs) var(--cub-sys-component-padding-l);
}
.cub-accordion.cub-accordion-large > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-indicator {
  font: var(--cub-sys-icon-body-m);
  color: var(--cub-sys-text-neutral-main);
}
.cub-accordion.cub-accordion-large > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-icon {
  font: var(--cub-sys-icon-body-m);
}
.cub-accordion.cub-accordion-large > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-icon span {
  font: var(--cub-sys-icon-body-m);
  color: var(--cub-sys-text-neutral-main);
}
.cub-accordion.cub-accordion-large > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-title {
  font: var(--cub-sys-font-title-s);
}
.cub-accordion.cub-accordion-large > .cub-accordion-panel > .cub-accordion-panel-header .cub-accordion-header .cub-accordion-action {
  margin-left: var(--cub-sys-component-margin-xs);
}
.cub-accordion .cub-accordion-panel-body {
  padding-top: var(--cub-sys-component-padding-l);
  padding-right: var(--cub-sys-component-padding-l);
  padding-bottom: var(--cub-sys-component-padding-l);
  padding-left: var(--cub-sys-component-padding-l);
}

.cub-accordion.cub-accordion-dark > .cub-accordion-panel, .cub-accordion.cub-accordion-light > .cub-accordion-panel {
  display: block;
  position: relative;
  box-sizing: content-box;
  margin: var(--cub-sys-component-margin-5xs);
  transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 500ms ease-in-out;
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel .cub-accordion-panel-header, .cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-header {
  position: relative;
  cursor: pointer;
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel .cub-accordion-panel-header > .cub-accordion-ripple > .cub-ripple-element, .cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-header > .cub-accordion-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel .cub-accordion-panel-header > .cub-accordion-persistent-ripple, .cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-header > .cub-accordion-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel .cub-accordion-panel-header > .cub-ripple-disabled + .cub-accordion-persistent-ripple, .cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-header > .cub-ripple-disabled + .cub-accordion-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-accordion.cub-accordion-dark > .cub-accordion-panel .cub-accordion-panel-header:hover:not(:disabled, .cub-disabled) > .cub-accordion-persistent-ripple, .cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-header:hover:not(:disabled, .cub-disabled) > .cub-accordion-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel .cub-accordion-panel-header > .cub-accordion-ripple,
.cub-accordion.cub-accordion-dark > .cub-accordion-panel .cub-accordion-panel-header > .cub-accordion-persistent-ripple, .cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-header > .cub-accordion-ripple,
.cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-header > .cub-accordion-persistent-ripple {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel .cub-accordion-panel-header.cub-disabled, .cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-header.cub-disabled {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
  cursor: not-allowed;
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel .cub-accordion-panel-header.cub-disabled .cub-accordion-icon span, .cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-header.cub-disabled .cub-accordion-icon span {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel .cub-accordion-panel-header.cub-disabled .cub-accordion-indicator, .cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-header.cub-disabled .cub-accordion-indicator {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel .cub-accordion-panel-header.cub-disabled .cub-accordion-title, .cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-header.cub-disabled .cub-accordion-title {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel:not(:first-of-type) .cub-accordion-panel-header, .cub-accordion.cub-accordion-light > .cub-accordion-panel:not(:first-of-type) .cub-accordion-panel-header {
  border-top: 0;
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel .cub-accordion-panel-header, .cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-header {
  display: block;
  box-sizing: initial;
  padding: var(--cub-sys-component-padding-5xs);
  border-width: 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel .cub-accordion-panel-header.cub-cdk-focused, .cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-header.cub-cdk-focused {
  position: relative;
  z-index: 1;
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel > .cub-accordion-panel-content, .cub-accordion.cub-accordion-light > .cub-accordion-panel > .cub-accordion-panel-content {
  overflow: hidden;
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel > .cub-accordion-panel-content > .cub-accordion-panel-body, .cub-accordion.cub-accordion-light > .cub-accordion-panel > .cub-accordion-panel-content > .cub-accordion-panel-body {
  border-width: 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
  border-top: 0;
}
.cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-header {
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-accordion.cub-accordion-light > .cub-accordion-panel .cub-accordion-panel-content {
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-accordion.cub-accordion-dark > .cub-accordion-panel {
  background-color: var(--cub-sys-bg-neutral-light);
}
.cub-accordion.cub-accordion-dark .cub-accordion-panel-content {
  background-color: var(--cub-sys-bg-neutral-base);
}

.cub-cdk-overlay-pane.cub-autocomplete-panel-container {
  z-index: 2300;
}

.cub-autocomplete-panel-container {
  min-width: min-content;
}
.cub-autocomplete-panel-container .cub-autocomplete-panel {
  width: 100%;
  max-height: 12.5rem;
  padding: var(--cub-sys-component-padding-3xs);
  background-color: var(--cub-sys-bg-neutral-base);
  border-radius: var(--cub-sys-radius-m);
  box-shadow: var(--cub-sys-shadow-layer-2);
  overflow: auto;
  /* Ripple 特例：Autocomplete 不需要有 Selected 狀態樣式 */
}
.cub-autocomplete-panel-container .cub-autocomplete-panel::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.cub-autocomplete-panel-container .cub-autocomplete-panel::-webkit-scrollbar-track {
  background-color: var(--cub-sys-bg-neutral-light);
  border-radius: 8px;
}
.cub-autocomplete-panel-container .cub-autocomplete-panel::-webkit-scrollbar-thumb {
  background-color: var(--cub-ref-neutral-4);
  background-clip: content-box;
  border-radius: 8px;
  border-width: 0 2px;
  border-style: solid;
  border-color: transparent;
}
.cub-autocomplete-panel-container .cub-autocomplete-panel::-webkit-scrollbar-thumb:hover {
  background-color: var(--cub-ref-neutral-6);
}
.cub-autocomplete-panel-container .cub-autocomplete-panel::-webkit-scrollbar-thumb:active {
  background-color: var(--cub-ref-neutral-8);
}
.cub-autocomplete-panel-container .cub-autocomplete-panel::-webkit-scrollbar-thumb:horizontal {
  border-width: 2px 0;
}
.cub-autocomplete-panel-container .cub-autocomplete-panel::-webkit-scrollbar-track {
  margin: var(--cub-sys-component-margin-3xs) 0;
}
.cub-autocomplete-panel-container .cub-autocomplete-panel .cub-option.cub-selected:not(:disabled, .cub-disabled) {
  color: var(--cub-sys-text-neutral-primary) !important;
  background-color: transparent;
}
.cub-autocomplete-panel-container .cub-autocomplete-panel .cub-option-group:first-child .cub-option-group-divider {
  display: none;
}
.cub-autocomplete-panel-container .cub-autocomplete-panel .cub-option-group:first-child .cub-option-group-label {
  margin-top: 0;
}
.cub-autocomplete-panel-container .cub-autocomplete-panel .cub-filter-empty-message {
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
  font: var(--cub-sys-font-body-m);
  text-align: center;
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-autocomplete-panel-container .cub-autocomplete-panel-small .cub-filter-empty-message {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-3xs);
  font: var(--cub-sys-font-body-s);
}

.cub-badge {
  --cub-comp-badge-font-s: normal var(--cub-ref-font-size-1)/calc(var(--cub-ref-font-size-1) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  display: inline-block;
  position: relative;
  width: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  /* 針對文字方向右到左定位 */
}
.cub-badge .cub-badge-dot,
.cub-badge .cub-badge-content {
  position: absolute;
  top: 0;
  right: 0;
  /* 設定超過 max-width 出現... */
  max-width: 3rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-badge .cub-badge-dot {
  width: var(--cub-sys-component-size-2xs);
  height: var(--cub-sys-component-size-2xs);
  border-radius: var(--cub-sys-radius-circle);
  transform: translate(5%, 15%);
}
.cub-badge .cub-badge-content {
  min-width: 1.375rem;
  padding: 0 var(--cub-sys-component-padding-3xs);
  font: var(--cub-sys-font-body-s);
  border-radius: var(--cub-sys-radius-round);
  transform: translate(60%, -40%);
}
.cub-badge.cub-badge-before .cub-badge-content,
.cub-badge.cub-badge-before .cub-badge-dot {
  right: auto;
  left: 0;
}
.cub-badge.cub-badge-before .cub-badge-dot {
  transform: translate(-5%, 15%);
}
.cub-badge.cub-badge-before .cub-badge-content {
  transform: translate(-60%, -40%);
}
.cub-badge:not(.cub-badge-after, .cub-badge-before) {
  /* 設定超過 max-width 出現... */
  max-width: 3rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: var(--cub-sys-radius-round);
  overflow: hidden;
}
.cub-badge:not(.cub-badge-after, .cub-badge-before).cub-badge-neutral {
  color: var(--cub-sys-text-neutral-contrast);
  background-color: var(--cub-sys-bg-neutral-main);
}
.cub-badge:not(.cub-badge-after, .cub-badge-before).cub-badge-brand {
  color: var(--cub-sys-text-brand-contrast);
  background-color: var(--cub-sys-bg-brand-main);
}
.cub-badge:not(.cub-badge-after, .cub-badge-before).cub-badge-success {
  color: var(--cub-sys-text-success-contrast);
  background-color: var(--cub-sys-bg-success-main);
}
.cub-badge:not(.cub-badge-after, .cub-badge-before).cub-badge-warning {
  color: var(--cub-sys-text-warning-contrast);
  background-color: var(--cub-sys-bg-warning-main);
}
.cub-badge:not(.cub-badge-after, .cub-badge-before).cub-badge-error {
  color: var(--cub-sys-text-error-contrast);
  background-color: var(--cub-sys-bg-error-main);
}
.cub-badge:not(.cub-badge-after, .cub-badge-before).cub-badge-hidden {
  display: none;
}
.cub-badge.cub-badge-after.cub-badge-neutral .cub-badge-content,
.cub-badge.cub-badge-after.cub-badge-neutral .cub-badge-dot, .cub-badge.cub-badge-before.cub-badge-neutral .cub-badge-content,
.cub-badge.cub-badge-before.cub-badge-neutral .cub-badge-dot {
  color: var(--cub-sys-text-neutral-contrast);
  background-color: var(--cub-sys-bg-neutral-main);
}
.cub-badge.cub-badge-after.cub-badge-brand .cub-badge-content,
.cub-badge.cub-badge-after.cub-badge-brand .cub-badge-dot, .cub-badge.cub-badge-before.cub-badge-brand .cub-badge-content,
.cub-badge.cub-badge-before.cub-badge-brand .cub-badge-dot {
  color: var(--cub-sys-text-brand-contrast);
  background-color: var(--cub-sys-bg-brand-main);
}
.cub-badge.cub-badge-after.cub-badge-success .cub-badge-content,
.cub-badge.cub-badge-after.cub-badge-success .cub-badge-dot, .cub-badge.cub-badge-before.cub-badge-success .cub-badge-content,
.cub-badge.cub-badge-before.cub-badge-success .cub-badge-dot {
  color: var(--cub-sys-text-success-contrast);
  background-color: var(--cub-sys-bg-success-main);
}
.cub-badge.cub-badge-after.cub-badge-warning .cub-badge-content,
.cub-badge.cub-badge-after.cub-badge-warning .cub-badge-dot, .cub-badge.cub-badge-before.cub-badge-warning .cub-badge-content,
.cub-badge.cub-badge-before.cub-badge-warning .cub-badge-dot {
  color: var(--cub-sys-text-warning-contrast);
  background-color: var(--cub-sys-bg-warning-main);
}
.cub-badge.cub-badge-after.cub-badge-error .cub-badge-content,
.cub-badge.cub-badge-after.cub-badge-error .cub-badge-dot, .cub-badge.cub-badge-before.cub-badge-error .cub-badge-content,
.cub-badge.cub-badge-before.cub-badge-error .cub-badge-dot {
  color: var(--cub-sys-text-error-contrast);
  background-color: var(--cub-sys-bg-error-main);
}
.cub-badge.cub-badge-after.cub-badge-hidden .cub-badge-content,
.cub-badge.cub-badge-after.cub-badge-hidden .cub-badge-dot, .cub-badge.cub-badge-before.cub-badge-hidden .cub-badge-content,
.cub-badge.cub-badge-before.cub-badge-hidden .cub-badge-dot {
  display: none;
}
.cub-badge[dir=rtl].cub-badge-after .cub-badge-content,
.cub-badge[dir=rtl].cub-badge-after .cub-badge-dot {
  right: auto;
  left: 0;
}
.cub-badge[dir=rtl].cub-badge-after .cub-badge-dot {
  transform: translate(-5%, 15%);
}
.cub-badge[dir=rtl].cub-badge-after .cub-badge-content {
  transform: translate(-60%, -40%);
}
.cub-badge[dir=rtl].cub-badge-before .cub-badge-content,
.cub-badge[dir=rtl].cub-badge-before .cub-badge-dot {
  right: 0;
  left: auto;
}
.cub-badge[dir=rtl].cub-badge-before .cub-badge-dot {
  transform: translate(5%, 15%);
}
.cub-badge[dir=rtl].cub-badge-before .cub-badge-content {
  transform: translate(60%, -40%);
}
.cub-badge:not(:has(.cub-badge-content), :has(.cub-badge-dot)) {
  min-width: 1.375rem;
  padding: 0 var(--cub-sys-component-padding-3xs);
  font: var(--cub-sys-font-body-s);
}
.cub-badge.cub-badge-small {
  min-width: 1.25rem;
  /* 針對文字方向右到左定位 */
}
.cub-badge.cub-badge-small .cub-badge-dot {
  width: calc(var(--cub-sys-component-size-2xs) * 0.75);
  height: calc(var(--cub-sys-component-size-2xs) * 0.75);
  transform: translate(-45%, 30%);
}
.cub-badge.cub-badge-small .cub-badge-content {
  min-width: 1.25rem;
  padding: 0 var(--cub-sys-component-padding-4xs);
  font: var(--cub-comp-badge-font-s);
  transform: translate(40%, -20%);
}
.cub-badge.cub-badge-small:not(:has(.cub-badge-content), :has(.cub-badge-dot)) {
  padding: 0 var(--cub-sys-component-padding-4xs);
  font: var(--cub-comp-badge-font-s);
}
.cub-badge.cub-badge-small.cub-badge-before .cub-badge-dot {
  transform: translate(45%, 30%);
}
.cub-badge.cub-badge-small.cub-badge-before .cub-badge-content {
  transform: translate(-40%, -20%);
}
.cub-badge.cub-badge-small[dir=rtl].cub-badge-after .cub-badge-dot {
  transform: translate(45%, 30%);
}
.cub-badge.cub-badge-small[dir=rtl].cub-badge-after .cub-badge-content {
  transform: translate(-40%, -20%);
}
.cub-badge.cub-badge-small[dir=rtl].cub-badge-before .cub-badge-dot {
  transform: translate(-45%, 30%);
}
.cub-badge.cub-badge-small[dir=rtl].cub-badge-before .cub-badge-content {
  transform: translate(40%, -20%);
}

.cub-breadcrumb {
  margin: 0;
  padding: 0;
}
.cub-breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
}
.cub-breadcrumb ul li {
  display: flex;
  align-items: center;
  font: var(--cub-sys-font-body-s);
  color: var(--cub-sys-text-neutral-secondary);
}
.cub-breadcrumb ul li::marker {
  content: "";
}
.cub-breadcrumb ul li.cub-breadcrumb-item:last-child {
  color: var(--cub-sys-text-neutral-primary);
}
.cub-breadcrumb ul li.cub-breadcrumb-indicator span {
  font: var(--cub-sys-icon-body-s);
}
.cub-breadcrumb ul li.cub-breadcrumb-indicator:nth-last-child(2) span {
  color: var(--cub-sys-text-neutral-primary);
}

.cub-button-base {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0;
  color: inherit;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--cub-sys-radius-l);
  overflow: visible;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  /* 禁止 iOS 點擊時顯示半透明背景，設定任意顏色並將透明度設定為 0 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.cub-button-base.cub-disabled {
  cursor: not-allowed;
}
.cub-button-base.cub-button-loading {
  opacity: 0.7;
}
.cub-button-base.cub-button-loading .cub-button-wrapper {
  visibility: hidden;
}
.cub-button-base.cub-button-loading .cub-loading-wrapper {
  visibility: visible;
}
.cub-button-base::-moz-focus-inner {
  border: 0;
}
.cub-button-base .cub-loading-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.cub-button-base .cub-button-prefix-icon {
  font: var(--cub-sys-icon-body-m);
}
.cub-button-base .cub-button-ripple,
.cub-button-base .cub-button-persistent-ripple {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}

.cub-button-text {
  /* 設定按鈕主題色 */
  /* 邏輯例外處理 - 淺灰色按鈕 */
}
.cub-button-text.cub-neutral {
  color: var(--cub-sys-text-neutral-main);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-text.cub-neutral > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-button-text.cub-neutral > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-button-text.cub-neutral > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-text.cub-neutral:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-text.cub-neutral.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-text.cub-brand {
  color: var(--cub-sys-text-brand-main);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-text.cub-brand > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-brand-7);
}
.cub-button-text.cub-brand > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-brand-7);
}
.cub-button-text.cub-brand > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-text.cub-brand:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-text.cub-brand.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-brand-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-text.cub-success {
  color: var(--cub-sys-text-success-main);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-text.cub-success > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-success-7);
}
.cub-button-text.cub-success > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-success-7);
}
.cub-button-text.cub-success > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-text.cub-success:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-text.cub-success.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-success-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-text.cub-warning {
  color: var(--cub-sys-text-warning-main);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-text.cub-warning > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-warning-7);
}
.cub-button-text.cub-warning > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-warning-7);
}
.cub-button-text.cub-warning > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-text.cub-warning:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-text.cub-warning.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-warning-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-text.cub-error {
  color: var(--cub-sys-text-error-main);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-text.cub-error > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-error-7);
}
.cub-button-text.cub-error > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-error-7);
}
.cub-button-text.cub-error > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-text.cub-error:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-text.cub-error.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-error-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-text.cub-neutral-light {
  color: var(--cub-sys-text-neutral-main);
  background-color: transparent;
  border-color: transparent;
  color: var(--cub-sys-text-neutral-light);
}
.cub-button-text.cub-neutral-light > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-button-text.cub-neutral-light > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-button-text.cub-neutral-light > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-text.cub-neutral-light:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-text.cub-neutral-light.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: transparent;
  border-color: transparent;
}

.cub-button-plain {
  min-width: auto;
  padding: 0 !important;
  text-align: left;
  border-radius: 0 !important;
  /* 設定按鈕主題色 */
  /* 邏輯例外處理 - 淺灰色按鈕 */
}
.cub-button-plain.cub-neutral {
  color: var(--cub-sys-text-neutral-main);
  background-color: transparent;
  border: none;
}
@media screen and (hover: hover) {
  .cub-button-plain.cub-neutral:hover {
    color: var(--cub-sys-text-neutral-hover);
  }
}
.cub-button-plain.cub-neutral:active {
  color: var(--cub-sys-text-neutral-active);
}
.cub-button-plain.cub-neutral.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-plain.cub-brand {
  color: var(--cub-sys-text-brand-main);
  background-color: transparent;
  border: none;
}
@media screen and (hover: hover) {
  .cub-button-plain.cub-brand:hover {
    color: var(--cub-sys-text-brand-hover);
  }
}
.cub-button-plain.cub-brand:active {
  color: var(--cub-sys-text-brand-active);
}
.cub-button-plain.cub-brand.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-brand-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-plain.cub-success {
  color: var(--cub-sys-text-success-main);
  background-color: transparent;
  border: none;
}
@media screen and (hover: hover) {
  .cub-button-plain.cub-success:hover {
    color: var(--cub-sys-text-success-hover);
  }
}
.cub-button-plain.cub-success:active {
  color: var(--cub-sys-text-success-active);
}
.cub-button-plain.cub-success.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-success-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-plain.cub-warning {
  color: var(--cub-sys-text-warning-main);
  background-color: transparent;
  border: none;
}
@media screen and (hover: hover) {
  .cub-button-plain.cub-warning:hover {
    color: var(--cub-sys-text-warning-hover);
  }
}
.cub-button-plain.cub-warning:active {
  color: var(--cub-sys-text-warning-active);
}
.cub-button-plain.cub-warning.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-warning-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-plain.cub-error {
  color: var(--cub-sys-text-error-main);
  background-color: transparent;
  border: none;
}
@media screen and (hover: hover) {
  .cub-button-plain.cub-error:hover {
    color: var(--cub-sys-text-error-hover);
  }
}
.cub-button-plain.cub-error:active {
  color: var(--cub-sys-text-error-active);
}
.cub-button-plain.cub-error.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-error-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-button-plain.cub-neutral-light {
  color: var(--cub-sys-text-neutral-main);
  background-color: transparent;
  border: none;
  color: var(--cub-sys-text-neutral-light);
}
@media screen and (hover: hover) {
  .cub-button-plain.cub-neutral-light:hover {
    color: var(--cub-sys-text-neutral-hover);
  }
}
.cub-button-plain.cub-neutral-light:active {
  color: var(--cub-sys-text-neutral-active);
}
.cub-button-plain.cub-neutral-light.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: transparent;
  border-color: transparent;
}

.cub-button-filled {
  /* 設定按鈕主題色 */
  /* 邏輯例外處理 - 淺灰色按鈕 */
}
.cub-button-filled.cub-neutral {
  color: var(--cub-sys-text-neutral-contrast);
  background-color: var(--cub-sys-bg-neutral-main);
  border-color: var(--cub-sys-border-neutral-main);
}
.cub-button-filled.cub-neutral > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-white);
}
.cub-button-filled.cub-neutral > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-white);
}
.cub-button-filled.cub-neutral > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-filled.cub-neutral:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-filled.cub-neutral.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
}
.cub-button-filled.cub-brand {
  color: var(--cub-sys-text-brand-contrast);
  background-color: var(--cub-sys-bg-brand-main);
  border-color: var(--cub-sys-border-brand-main);
}
.cub-button-filled.cub-brand > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-white);
}
.cub-button-filled.cub-brand > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-white);
}
.cub-button-filled.cub-brand > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-filled.cub-brand:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-filled.cub-brand.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-brand-disabled);
  background-color: var(--cub-sys-bg-brand-disabled);
  border-color: var(--cub-sys-border-brand-disabled);
}
.cub-button-filled.cub-success {
  color: var(--cub-sys-text-success-contrast);
  background-color: var(--cub-sys-bg-success-main);
  border-color: var(--cub-sys-border-success-main);
}
.cub-button-filled.cub-success > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-white);
}
.cub-button-filled.cub-success > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-white);
}
.cub-button-filled.cub-success > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-filled.cub-success:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-filled.cub-success.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-success-disabled);
  background-color: var(--cub-sys-bg-success-disabled);
  border-color: var(--cub-sys-border-success-disabled);
}
.cub-button-filled.cub-warning {
  color: var(--cub-sys-text-warning-contrast);
  background-color: var(--cub-sys-bg-warning-main);
  border-color: var(--cub-sys-border-warning-main);
}
.cub-button-filled.cub-warning > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-white);
}
.cub-button-filled.cub-warning > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-white);
}
.cub-button-filled.cub-warning > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-filled.cub-warning:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-filled.cub-warning.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-warning-disabled);
  background-color: var(--cub-sys-bg-warning-disabled);
  border-color: var(--cub-sys-border-warning-disabled);
}
.cub-button-filled.cub-error {
  color: var(--cub-sys-text-error-contrast);
  background-color: var(--cub-sys-bg-error-main);
  border-color: var(--cub-sys-border-error-main);
}
.cub-button-filled.cub-error > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-white);
}
.cub-button-filled.cub-error > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-white);
}
.cub-button-filled.cub-error > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-filled.cub-error:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-filled.cub-error.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-error-disabled);
  background-color: var(--cub-sys-bg-error-disabled);
  border-color: var(--cub-sys-border-error-disabled);
}
.cub-button-filled.cub-neutral-light {
  color: var(--cub-sys-text-neutral-contrast);
  background-color: var(--cub-sys-bg-neutral-main);
  border-color: var(--cub-sys-border-neutral-main);
}
.cub-button-filled.cub-neutral-light > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-white);
}
.cub-button-filled.cub-neutral-light > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-white);
}
.cub-button-filled.cub-neutral-light > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-filled.cub-neutral-light:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-filled.cub-neutral-light.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
}

.cub-button-filled-outline {
  /* 設定按鈕主題色 */
  /* 邏輯例外處理 - 灰色按鈕 */
  /* 邏輯例外處理 - 淺灰色按鈕 */
}
.cub-button-filled-outline.cub-neutral {
  color: var(--cub-sys-text-neutral-main);
  background-color: var(--cub-sys-bg-neutral-base);
  border-color: var(--cub-sys-border-neutral-main);
}
.cub-button-filled-outline.cub-neutral > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-button-filled-outline.cub-neutral > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-button-filled-outline.cub-neutral > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-filled-outline.cub-neutral:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-filled-outline.cub-neutral.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
}
.cub-button-filled-outline.cub-brand {
  color: var(--cub-sys-text-brand-main);
  background-color: var(--cub-sys-bg-neutral-base);
  border-color: var(--cub-sys-border-brand-main);
}
.cub-button-filled-outline.cub-brand > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-brand-7);
}
.cub-button-filled-outline.cub-brand > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-brand-7);
}
.cub-button-filled-outline.cub-brand > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-filled-outline.cub-brand:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-filled-outline.cub-brand.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-brand-disabled);
  background-color: var(--cub-sys-bg-brand-disabled);
  border-color: var(--cub-sys-border-brand-disabled);
}
.cub-button-filled-outline.cub-success {
  color: var(--cub-sys-text-success-main);
  background-color: var(--cub-sys-bg-neutral-base);
  border-color: var(--cub-sys-border-success-main);
}
.cub-button-filled-outline.cub-success > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-success-7);
}
.cub-button-filled-outline.cub-success > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-success-7);
}
.cub-button-filled-outline.cub-success > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-filled-outline.cub-success:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-filled-outline.cub-success.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-success-disabled);
  background-color: var(--cub-sys-bg-success-disabled);
  border-color: var(--cub-sys-border-success-disabled);
}
.cub-button-filled-outline.cub-warning {
  color: var(--cub-sys-text-warning-main);
  background-color: var(--cub-sys-bg-neutral-base);
  border-color: var(--cub-sys-border-warning-main);
}
.cub-button-filled-outline.cub-warning > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-warning-7);
}
.cub-button-filled-outline.cub-warning > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-warning-7);
}
.cub-button-filled-outline.cub-warning > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-filled-outline.cub-warning:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-filled-outline.cub-warning.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-warning-disabled);
  background-color: var(--cub-sys-bg-warning-disabled);
  border-color: var(--cub-sys-border-warning-disabled);
}
.cub-button-filled-outline.cub-error {
  color: var(--cub-sys-text-error-main);
  background-color: var(--cub-sys-bg-neutral-base);
  border-color: var(--cub-sys-border-error-main);
}
.cub-button-filled-outline.cub-error > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-error-7);
}
.cub-button-filled-outline.cub-error > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-error-7);
}
.cub-button-filled-outline.cub-error > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-filled-outline.cub-error:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-filled-outline.cub-error.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-error-disabled);
  background-color: var(--cub-sys-bg-error-disabled);
  border-color: var(--cub-sys-border-error-disabled);
}
.cub-button-filled-outline.cub-neutral {
  border-color: var(--cub-sys-border-neutral-light);
}
.cub-button-filled-outline.cub-neutral-light {
  color: var(--cub-sys-text-neutral-main);
  background-color: var(--cub-sys-bg-neutral-base);
  border-color: var(--cub-sys-border-neutral-main);
  color: var(--cub-sys-text-neutral-light);
  border-color: var(--cub-sys-border-neutral-light);
}
.cub-button-filled-outline.cub-neutral-light > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-button-filled-outline.cub-neutral-light > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-button-filled-outline.cub-neutral-light > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-filled-outline.cub-neutral-light:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-filled-outline.cub-neutral-light.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
}

.cub-button-outline {
  /* 設定按鈕主題色 */
  /* 邏輯例外處理 - 灰色按鈕 */
  /* 邏輯例外處理 - 淺灰色按鈕 */
}
.cub-button-outline.cub-neutral {
  color: var(--cub-sys-text-neutral-main);
  background-color: transparent;
  border-color: var(--cub-sys-border-neutral-main);
}
.cub-button-outline.cub-neutral > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-button-outline.cub-neutral > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-button-outline.cub-neutral > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-outline.cub-neutral:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-outline.cub-neutral.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
}
.cub-button-outline.cub-brand {
  color: var(--cub-sys-text-brand-main);
  background-color: transparent;
  border-color: var(--cub-sys-border-brand-main);
}
.cub-button-outline.cub-brand > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-brand-7);
}
.cub-button-outline.cub-brand > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-brand-7);
}
.cub-button-outline.cub-brand > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-outline.cub-brand:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-outline.cub-brand.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-brand-disabled);
  background-color: var(--cub-sys-bg-brand-disabled);
  border-color: var(--cub-sys-border-brand-disabled);
}
.cub-button-outline.cub-success {
  color: var(--cub-sys-text-success-main);
  background-color: transparent;
  border-color: var(--cub-sys-border-success-main);
}
.cub-button-outline.cub-success > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-success-7);
}
.cub-button-outline.cub-success > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-success-7);
}
.cub-button-outline.cub-success > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-outline.cub-success:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-outline.cub-success.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-success-disabled);
  background-color: var(--cub-sys-bg-success-disabled);
  border-color: var(--cub-sys-border-success-disabled);
}
.cub-button-outline.cub-warning {
  color: var(--cub-sys-text-warning-main);
  background-color: transparent;
  border-color: var(--cub-sys-border-warning-main);
}
.cub-button-outline.cub-warning > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-warning-7);
}
.cub-button-outline.cub-warning > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-warning-7);
}
.cub-button-outline.cub-warning > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-outline.cub-warning:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-outline.cub-warning.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-warning-disabled);
  background-color: var(--cub-sys-bg-warning-disabled);
  border-color: var(--cub-sys-border-warning-disabled);
}
.cub-button-outline.cub-error {
  color: var(--cub-sys-text-error-main);
  background-color: transparent;
  border-color: var(--cub-sys-border-error-main);
}
.cub-button-outline.cub-error > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-error-7);
}
.cub-button-outline.cub-error > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-error-7);
}
.cub-button-outline.cub-error > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-outline.cub-error:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-outline.cub-error.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-error-disabled);
  background-color: var(--cub-sys-bg-error-disabled);
  border-color: var(--cub-sys-border-error-disabled);
}
.cub-button-outline.cub-neutral {
  border-color: var(--cub-sys-border-neutral-light);
}
.cub-button-outline.cub-neutral-light {
  color: var(--cub-sys-text-neutral-main);
  background-color: transparent;
  border-color: var(--cub-sys-border-neutral-main);
  color: var(--cub-sys-text-neutral-light);
  border-color: var(--cub-sys-border-neutral-light);
}
.cub-button-outline.cub-neutral-light > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-button-outline.cub-neutral-light > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-button-outline.cub-neutral-light > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-button-outline.cub-neutral-light:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-button-outline.cub-neutral-light.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
}

.cub-button-group {
  display: inline-block;
  max-width: 100%;
}
.cub-button-group .cub-button-group-container {
  display: flex;
}
.cub-button-group .cub-button-group-container > .cub-button-base {
  overflow: hidden;
}
.cub-button-group .cub-button-group-container > .cub-button-base:focus-visible {
  z-index: 1;
}
.cub-button-group .cub-button-group-container > .cub-button-base:not(:first-child) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.cub-button-group .cub-button-group-container > .cub-button-base:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cub-button-group .cub-button-group-container > .cub-button-base.cub-button-filled {
  border-color: transparent;
  /* 背景只延伸到內距區域，不包含邊框 */
  background-clip: padding-box;
}

.cub-button {
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
  text-align: center;
  vertical-align: middle;
}
.cub-button .cub-button-wrapper {
  display: flex;
  max-width: 100%;
  gap: var(--cub-sys-component-margin-3xs);
  visibility: visible;
}
.cub-button .cub-button-wrapper .cub-button-content {
  display: block;
  flex: 1 1 auto;
  font: var(--cub-sys-font-body-m);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-button .cub-button-content {
  font: var(--cub-sys-font-body-m);
}
.cub-button .cub-button-prefix,
.cub-button .cub-button-suffix {
  display: contents;
}
.cub-button .cub-button-prefix span[class*=cub-icon-],
.cub-button .cub-button-suffix span[class*=cub-icon-] {
  font: var(--cub-sys-icon-body-m);
}
.cub-button.cub-button-block {
  display: block;
  width: 100%;
}
.cub-button.cub-button-block .cub-button-wrapper {
  justify-content: center;
}
.cub-button.cub-button-block .cub-button-content {
  flex: 0 1 auto;
}
.cub-button.cub-button-with-min-width {
  min-width: 6.25rem;
}
.cub-button.cub-button-with-min-width:has(.cub-button-prefix) {
  min-width: 6.75rem;
}
.cub-button.cub-button-small {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-3xs);
}
.cub-button.cub-button-small.cub-button-with-min-width {
  min-width: 5rem;
}
.cub-button.cub-button-small.cub-button-with-min-width:has(.cub-button-prefix) {
  min-width: 5.5rem;
}
.cub-button.cub-button-small .cub-button-wrapper {
  gap: var(--cub-sys-component-margin-4xs);
}
.cub-button.cub-button-small .cub-button-content {
  font: var(--cub-sys-font-body-s);
}
.cub-button.cub-button-small .cub-button-prefix span[class*=cub-icon-],
.cub-button.cub-button-small .cub-button-suffix span[class*=cub-icon-] {
  font: var(--cub-sys-icon-body-s);
}

.cub-button-icon {
  flex-shrink: 0;
  min-width: 0;
  padding: var(--cub-sys-component-padding-3xs);
  border-radius: var(--cub-sys-radius-l);
}
.cub-button-icon .cub-button-wrapper {
  display: flex;
}
.cub-button-icon .cub-button-wrapper span[class*=cub-icon-] {
  font: var(--cub-sys-icon-body-m);
}
.cub-button-icon.cub-button-small {
  padding: var(--cub-sys-component-padding-4xs);
}
.cub-button-icon.cub-button-small .cub-button-wrapper span[class*=cub-icon-] {
  font: var(--cub-sys-icon-body-s);
}

.cub-floating-action-button {
  flex-shrink: 0;
  min-width: 0;
  padding: var(--cub-sys-component-padding-2xs);
  border: none !important;
  border-radius: var(--cub-sys-radius-circle);
  box-shadow: var(--cub-sys-shadow-layer-2);
}
.cub-floating-action-button .cub-button-wrapper {
  display: flex;
}
.cub-floating-action-button .cub-button-wrapper span[class*=cub-icon-] {
  font: var(--cub-sys-icon-body-m);
}
.cub-floating-action-button.cub-button-small {
  padding: var(--cub-sys-component-padding-4xs);
}
.cub-floating-action-button.cub-button-small .cub-button-wrapper span[class*=cub-icon-] {
  font: var(--cub-sys-icon-body-s);
}
.cub-floating-action-button.cub-button-dark {
  color: var(--cub-sys-text-neutral-contrast);
  background-color: var(--cub-sys-bg-neutral-dark);
}
.cub-floating-action-button.cub-button-dark > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-white);
}
.cub-floating-action-button.cub-button-dark > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-white);
}
.cub-floating-action-button.cub-button-dark > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-floating-action-button.cub-button-dark:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-floating-action-button.cub-button-dark.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
}
.cub-floating-action-button.cub-button-light {
  color: var(--cub-sys-text-neutral-main);
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-floating-action-button.cub-button-light > .cub-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-floating-action-button.cub-button-light > .cub-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-floating-action-button.cub-button-light > .cub-ripple-disabled + .cub-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-floating-action-button.cub-button-light:hover:not(:disabled, .cub-disabled) > .cub-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-floating-action-button.cub-button-light.cub-disabled:not(.cub-button-loading) {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
}

.cub-floating-action-button-group {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: fixed;
  right: var(--cub-sys-viewport-offset-desktop-x);
  bottom: var(--cub-sys-viewport-offset-desktop-y);
  z-index: 1800;
  gap: var(--cub-sys-component-margin-s);
}

@media (min-width: 1024px) and (max-width: 1439.98px) {
  .cub-floating-action-button-group {
    right: var(--cub-sys-viewport-offset-laptop-x);
    bottom: var(--cub-sys-viewport-offset-laptop-y);
  }
}
@media (max-width: 1023.98px) {
  .cub-floating-action-button-group {
    right: var(--cub-sys-viewport-offset-tablet-x);
    bottom: var(--cub-sys-viewport-offset-tablet-y);
  }
}
@media (max-width: 767.98px) {
  .cub-floating-action-button-group {
    right: var(--cub-sys-viewport-offset-mobile-x);
    bottom: var(--cub-sys-viewport-offset-mobile-y);
  }
}
.cub-hyperlink {
  display: inline-block;
  min-width: auto;
  padding: 0;
  text-align: left;
  text-decoration: none;
  color: inherit;
  /* 設定按鈕主題色 */
  /* 邏輯例外處理 - 淺灰色按鈕 */
}
.cub-hyperlink .cub-hyperlink-wrapper {
  display: flex;
}
.cub-hyperlink .cub-hyperlink-content {
  display: block;
  font: var(--cub-sys-font-body-m);
  text-decoration: underline;
}
.cub-hyperlink .cub-hyperlink-prefix,
.cub-hyperlink .cub-hyperlink-suffix {
  display: contents;
}
.cub-hyperlink .cub-hyperlink-prefix span[class*=cub-icon-],
.cub-hyperlink .cub-hyperlink-suffix span[class*=cub-icon-] {
  font: var(--cub-sys-icon-body-m);
}
.cub-hyperlink.cub-hyperlink-disabled {
  cursor: not-allowed;
}
.cub-hyperlink.cub-hyperlink-small .cub-hyperlink-content {
  font: var(--cub-sys-font-body-s);
}
.cub-hyperlink.cub-hyperlink-small .cub-hyperlink-prefix span[class*=cub-icon-],
.cub-hyperlink.cub-hyperlink-small .cub-hyperlink-suffix span[class*=cub-icon-] {
  font: var(--cub-sys-icon-body-s);
}
.cub-hyperlink.cub-hyperlink-sub .cub-hyperlink-content {
  font-size: smaller;
  line-height: 1;
  text-decoration: none;
  transform: translate(0, 0.25rem);
}
.cub-hyperlink.cub-hyperlink-sup .cub-hyperlink-content {
  font-size: smaller;
  line-height: 1;
  text-decoration: none;
  transform: translate(0, -0.25rem);
}
.cub-hyperlink.cub-neutral {
  color: var(--cub-sys-text-neutral-main);
}
@media screen and (hover: hover) {
  .cub-hyperlink.cub-neutral:hover {
    color: var(--cub-sys-text-neutral-hover);
  }
}
.cub-hyperlink.cub-neutral:active {
  color: var(--cub-sys-text-neutral-active);
}
.cub-hyperlink.cub-neutral.cub-hyperlink-disabled {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-hyperlink.cub-brand {
  color: var(--cub-sys-text-brand-main);
}
@media screen and (hover: hover) {
  .cub-hyperlink.cub-brand:hover {
    color: var(--cub-sys-text-brand-hover);
  }
}
.cub-hyperlink.cub-brand:active {
  color: var(--cub-sys-text-brand-active);
}
.cub-hyperlink.cub-brand.cub-hyperlink-disabled {
  color: var(--cub-sys-text-brand-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-hyperlink.cub-success {
  color: var(--cub-sys-text-success-main);
}
@media screen and (hover: hover) {
  .cub-hyperlink.cub-success:hover {
    color: var(--cub-sys-text-success-hover);
  }
}
.cub-hyperlink.cub-success:active {
  color: var(--cub-sys-text-success-active);
}
.cub-hyperlink.cub-success.cub-hyperlink-disabled {
  color: var(--cub-sys-text-success-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-hyperlink.cub-warning {
  color: var(--cub-sys-text-warning-main);
}
@media screen and (hover: hover) {
  .cub-hyperlink.cub-warning:hover {
    color: var(--cub-sys-text-warning-hover);
  }
}
.cub-hyperlink.cub-warning:active {
  color: var(--cub-sys-text-warning-active);
}
.cub-hyperlink.cub-warning.cub-hyperlink-disabled {
  color: var(--cub-sys-text-warning-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-hyperlink.cub-error {
  color: var(--cub-sys-text-error-main);
}
@media screen and (hover: hover) {
  .cub-hyperlink.cub-error:hover {
    color: var(--cub-sys-text-error-hover);
  }
}
.cub-hyperlink.cub-error:active {
  color: var(--cub-sys-text-error-active);
}
.cub-hyperlink.cub-error.cub-hyperlink-disabled {
  color: var(--cub-sys-text-error-disabled);
  background-color: transparent;
  border-color: transparent;
}
.cub-hyperlink.cub-neutral-light {
  color: var(--cub-sys-text-neutral-main);
  color: var(--cub-sys-text-neutral-light);
}
@media screen and (hover: hover) {
  .cub-hyperlink.cub-neutral-light:hover {
    color: var(--cub-sys-text-neutral-hover);
  }
}
.cub-hyperlink.cub-neutral-light:active {
  color: var(--cub-sys-text-neutral-active);
}
.cub-hyperlink.cub-neutral-light.cub-hyperlink-disabled {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: transparent;
  border-color: transparent;
}

.cub-card {
  display: block;
  position: relative;
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
  border-radius: var(--cub-sys-radius-l);
}
.cub-card.cub-interactive {
  cursor: pointer;
}
@media screen and (hover: hover) {
  .cub-card.cub-interactive:hover {
    box-shadow: var(--cub-sys-shadow-layer-1);
    transition: ease 0.2s;
  }
}
.cub-card .cub-card-header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--cub-sys-component-padding-xs) var(--cub-sys-component-padding-l);
}
.cub-card .cub-card-header-content.cub-card-header-dark {
  background-color: var(--cub-sys-bg-neutral-light);
}
.cub-card .cub-card-header-content:has(.cub-card-header-end) .cub-card-header-appended {
  max-width: calc(100% - var(--cub-sys-component-margin-3xs) - 6.625rem);
}
.cub-card .cub-card-header-content .cub-card-header-appended {
  display: flex;
  flex-shrink: 0;
  max-width: 100%;
}
.cub-card .cub-card-header-content .cub-card-header-title {
  font: var(--cub-sys-font-title-s);
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--cub-sys-text-neutral-title);
  overflow: hidden;
}
.cub-card .cub-card-header-content .cub-card-header-suffix {
  display: grid;
  align-items: center;
  grid-auto-flow: column;
  grid-gap: var(--cub-sys-component-margin-3xs);
  margin-left: var(--cub-sys-component-margin-3xs);
}
.cub-card .cub-card-header-content .cub-card-header-suffix .cub-tooltip-trigger {
  min-width: 1.5rem;
}
.cub-card .cub-card-header-content .cub-card-header-end {
  display: flex;
  flex-shrink: 1;
  justify-content: end;
  min-width: 6.625rem;
  margin-left: var(--cub-sys-component-margin-3xs);
}
.cub-card .cub-card-content {
  display: block;
  padding: var(--cub-sys-component-padding-l);
}
.cub-card .cub-card-content:has(> .cub-loading) {
  min-height: calc(3rem + var(--cub-sys-component-padding-l) * 2);
}
.cub-card .cub-card-content.cub-card-content-dark {
  background-color: var(--cub-sys-bg-neutral-light);
}

/* 定位類型 & 有標籤的設定 */
.cub-checkbox-base {
  display: inline-flex;
  position: relative;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
}
.cub-checkbox-base:has(.cub-checkbox-label-empty) {
  margin-top: var(--cub-sys-component-margin-4xs);
  margin-bottom: var(--cub-sys-component-margin-4xs);
}
.cub-checkbox-base.cub-checkbox-small {
  /* 沒有標籤的時候 margin 設定在元件最外面，避免 focus 樣式長高 */
}
.cub-checkbox-base.cub-checkbox-small:has(.cub-checkbox-label-empty) {
  margin-top: var(--cub-sys-component-margin-3xs);
  margin-bottom: var(--cub-sys-component-margin-3xs);
}
.cub-checkbox-base.cub-checkbox-small .cub-checkbox-label {
  /* 有標籤 文字區域 */
}
.cub-checkbox-base.cub-checkbox-small .cub-checkbox-label .cub-checkbox-label-content {
  padding-top: calc(var(--cub-sys-component-padding-4xs) + 1px);
  padding-bottom: calc(var(--cub-sys-component-padding-4xs) + 1px);
  padding-left: var(--cub-sys-component-padding-2xs);
  font: var(--cub-sys-font-body-s);
}
.cub-checkbox-base .cub-checkbox-label {
  display: inline-flex;
  align-items: flex-start;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  /* 有標籤 Checkbox 區域 */
  /* 有標籤 文字區域 */
  /* 沒有標籤 */
}
.cub-checkbox-base .cub-checkbox-label.cub-checkbox-label-before .cub-checkbox-container {
  order: 1;
}
.cub-checkbox-base .cub-checkbox-label .cub-checkbox-container {
  margin: calc(var(--cub-sys-component-margin-2xs) + 1px) 0;
}
.cub-checkbox-base .cub-checkbox-label .cub-checkbox-label-content {
  padding-top: calc(var(--cub-sys-component-padding-3xs) + 1px);
  padding-right: var(--cub-sys-component-padding-5xs);
  padding-bottom: calc(var(--cub-sys-component-padding-3xs) + 1px);
  padding-left: var(--cub-sys-component-padding-xs);
  font: var(--cub-sys-font-body-m);
  color: var(--cub-sys-text-neutral-primary);
  -webkit-user-select: auto;
  user-select: auto;
}
.cub-checkbox-base .cub-checkbox-label.cub-checkbox-label-empty .cub-checkbox-container {
  margin-top: 0;
  margin-bottom: 0;
}
.cub-checkbox-base .cub-checkbox-label.cub-checkbox-label-empty .cub-checkbox-label-content {
  padding-right: var(--cub-sys-component-padding-5xs);
  padding-left: var(--cub-sys-component-padding-5xs);
}
.cub-checkbox-base .cub-checkbox-container {
  display: inline-block;
  flex-shrink: 0;
  order: 0;
  position: relative;
  vertical-align: middle;
}
.cub-checkbox-base.cub-checkbox-indeterminate .cub-checkbox-background, .cub-checkbox-base.cub-checked .cub-checkbox-background, .cub-checkbox-base.cub-disabled .cub-checkbox-background {
  opacity: 1;
}
.cub-checkbox-base.cub-disabled .cub-checkbox-label {
  cursor: not-allowed;
}
.cub-checkbox-base .cub-checkbox-background,
.cub-checkbox-base .cub-checkbox-frame {
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  pointer-events: none;
}
.cub-checkbox-base .cub-checkbox-background {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.cub-checkbox-base .cub-checkbox-input {
  bottom: 0;
  left: 50%;
}
.cub-checkbox-base .cub-checkbox-input:focus ~ .cub-focus-indicator::before {
  content: "";
}

/* 設定 Checkbox Group 相關間距 */
.cub-checkbox-group-vertical,
.cub-checkbox-group-horizontal {
  display: flex;
}
.cub-checkbox-group-vertical .cub-custom-checkbox,
.cub-checkbox-group-horizontal .cub-custom-checkbox {
  display: inline-flex;
  flex-wrap: wrap;
}
.cub-checkbox-group-vertical .cub-custom-checkbox .cub-checkbox,
.cub-checkbox-group-horizontal .cub-custom-checkbox .cub-checkbox {
  width: auto;
  margin-right: var(--cub-sys-component-margin-m);
}
.cub-checkbox-group-vertical .cub-custom-checkbox .cub-form-field,
.cub-checkbox-group-vertical .cub-custom-checkbox .cub-form-field-outline,
.cub-checkbox-group-horizontal .cub-custom-checkbox .cub-form-field,
.cub-checkbox-group-horizontal .cub-custom-checkbox .cub-form-field-outline {
  min-width: auto;
}
.cub-checkbox-group-vertical .cub-custom-checkbox > *,
.cub-checkbox-group-horizontal .cub-custom-checkbox > * {
  width: auto;
}

.cub-checkbox-group-horizontal {
  flex-wrap: wrap;
  gap: var(--cub-sys-component-margin-4xs) var(--cub-sys-component-margin-m);
}
.cub-checkbox-group-horizontal:has(.cub-checkbox-small) {
  gap: var(--cub-sys-component-margin-4xs) var(--cub-sys-component-margin-s);
}

.cub-checkbox-group-vertical {
  flex-direction: column;
  width: 100%;
  gap: var(--cub-sys-component-margin-4xs) var(--cub-sys-component-margin-m);
}
.cub-checkbox-group-vertical:has(.cub-checkbox-small) {
  gap: var(--cub-sys-component-margin-4xs) var(--cub-sys-component-margin-s);
}
.cub-checkbox-group-vertical .cub-checkbox {
  width: 100%;
}

.cub-checkbox {
  /*
  * 設定 勾勾（Checkmark）& 正方形（Mixedmark） 樣式及位置
  * 因使用 Icon Font 定位及 display 排版，受瀏覽器 font-size 計算差異，皆會產生偏移無法置中，故中間選取標記直接使用 CSS 繪製。
  */
  /* Disabled 狀態設定 */
  /* Checked 狀態相關設定 */
  /* 設定 checkbox 點擊時 ripple */
  /* S 尺寸 */
}
.cub-checkbox .cub-checkbox-container {
  width: var(--cub-sys-component-size-l);
  height: var(--cub-sys-component-size-l);
}
.cub-checkbox .cub-checkbox-label-content {
  white-space: normal;
}
.cub-checkbox .cub-checkbox-background,
.cub-checkbox .cub-checkbox-frame {
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-light);
  border-radius: var(--cub-sys-radius-m);
}
.cub-checkbox .cub-checkbox-background {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cub-checkbox .cub-checkbox-background .cub-checkbox-mixedmark,
.cub-checkbox .cub-checkbox-background .cub-checkbox-checkmark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cub-checkbox .cub-checkbox-background .cub-checkbox-mixedmark {
  /* 例外特殊使用，同父層大小 Token */
  width: calc(var(--cub-sys-component-size-l) * 0.5);
  height: calc(var(--cub-sys-component-size-l) * 0.5);
  background-color: var(--cub-sys-text-brand-main);
  border-radius: var(--cub-sys-radius-m);
}
.cub-checkbox .cub-checkbox-background .cub-checkbox-checkmark {
  width: 6px;
  height: 13px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: var(--cub-sys-text-brand-contrast);
  transform: translate(-50%, -65%) rotate(45deg);
}
.cub-checkbox.cub-disabled .cub-checkbox-background {
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
}
.cub-checkbox.cub-disabled .cub-checkbox-mixedmark {
  background-color: var(--cub-sys-text-brand-disabled);
}
.cub-checkbox.cub-disabled .cub-checkbox-checkmark {
  border-color: var(--cub-sys-text-brand-disabled);
}
.cub-checkbox.cub-disabled.cub-checked .cub-checkbox-background {
  background-color: var(--cub-sys-bg-brand-disabled);
  border-color: var(--cub-sys-border-brand-disabled);
}
.cub-checkbox:not(.cub-disabled) .cub-checkbox-container > .cub-checkbox-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-checkbox:not(.cub-disabled) .cub-checkbox-container > .cub-checkbox-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-checkbox:not(.cub-disabled) .cub-checkbox-container > .cub-ripple-disabled + .cub-checkbox-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-checkbox:not(.cub-disabled) .cub-checkbox-container:hover:not(:disabled, .cub-disabled) > .cub-checkbox-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-checkbox:not(.cub-disabled).cub-checkbox-indeterminate .cub-checkbox-container > .cub-checkbox-ripple > .cub-ripple-element, .cub-checkbox:not(.cub-disabled).cub-checked .cub-checkbox-container > .cub-checkbox-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-brand-7);
}
.cub-checkbox:not(.cub-disabled).cub-checkbox-indeterminate .cub-checkbox-container > .cub-checkbox-persistent-ripple, .cub-checkbox:not(.cub-disabled).cub-checked .cub-checkbox-container > .cub-checkbox-persistent-ripple {
  background-color: var(--cub-ref-brand-7);
}
.cub-checkbox:not(.cub-disabled).cub-checkbox-indeterminate .cub-checkbox-container > .cub-ripple-disabled + .cub-checkbox-persistent-ripple, .cub-checkbox:not(.cub-disabled).cub-checked .cub-checkbox-container > .cub-ripple-disabled + .cub-checkbox-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-checkbox:not(.cub-disabled).cub-checkbox-indeterminate .cub-checkbox-container:hover:not(:disabled, .cub-disabled) > .cub-checkbox-persistent-ripple, .cub-checkbox:not(.cub-disabled).cub-checked .cub-checkbox-container:hover:not(:disabled, .cub-disabled) > .cub-checkbox-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-checkbox:not(.cub-disabled).cub-checked .cub-checkbox-container .cub-checkbox-background {
  background-color: var(--cub-sys-bg-brand-main);
  border-color: var(--cub-sys-border-brand-main);
}
.cub-checkbox .cub-checkbox-ripple,
.cub-checkbox .cub-checkbox-persistent-ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(var(--cub-sys-component-size-l) * 1.6);
  height: calc(var(--cub-sys-component-size-l) * 1.6);
  border-radius: var(--cub-sys-radius-circle);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.cub-checkbox.cub-checkbox-small {
  /* 設定 勾勾（Checkmark）& 正方形（Mixedmark） 樣式 */
}
.cub-checkbox.cub-checkbox-small .cub-checkbox-container {
  width: var(--cub-sys-component-size-s);
  height: var(--cub-sys-component-size-s);
}
.cub-checkbox.cub-checkbox-small .cub-checkbox-background .cub-checkbox-mixedmark {
  width: calc(var(--cub-sys-component-size-s) * 0.5);
  height: calc(var(--cub-sys-component-size-s) * 0.5);
}
.cub-checkbox.cub-checkbox-small .cub-checkbox-background .cub-checkbox-checkmark {
  width: 4px;
  height: 8.5px;
  border-width: 0 1px 1px 0;
}
.cub-checkbox.cub-checkbox-small .cub-checkbox-ripple,
.cub-checkbox.cub-checkbox-small .cub-checkbox-persistent-ripple {
  width: calc(var(--cub-sys-component-size-s) * 1.6);
  height: calc(var(--cub-sys-component-size-s) * 1.6);
}

/**
  * 設定錯誤紅色框框
  * 原生寫法驗證會一開始錯誤就觸發。
  * 配合一直以來的驗證習慣，第一次載入即使錯也不會出現驗證錯誤。要觸發其他事件後才會。
*/
.cub-form-field-invalid .cub-checkbox-background,
.cub-form-field-invalid .cub-checkbox-frame {
  border-color: var(--cub-sys-border-error-main) !important;
}

.cub-selectable-chip-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--cub-sys-component-margin-xs) var(--cub-sys-component-margin-s);
}

.cub-selectable-chip {
  display: block;
  position: relative;
  border-radius: var(--cub-sys-radius-m);
  overflow: hidden;
  cursor: pointer;
}
.cub-selectable-chip > .cub-selectable-chip-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-selectable-chip > .cub-selectable-chip-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-selectable-chip > .cub-ripple-disabled + .cub-selectable-chip-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-selectable-chip:hover:not(:disabled, .cub-disabled) > .cub-selectable-chip-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-selectable-chip > .cub-selectable-chip-ripple,
.cub-selectable-chip > .cub-selectable-chip-persistent-ripple {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
.cub-selectable-chip .cub-selectable-chip-button {
  display: flex;
  align-items: center;
  max-width: 18.75rem;
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-2xs);
  color: var(--cub-sys-text-neutral-secondary);
  background-color: var(--cub-sys-bg-neutral-light);
  border: 0;
  border-radius: var(--cub-sys-radius-m);
}
.cub-selectable-chip .cub-selectable-chip-button .cub-chip-prefix-icon {
  width: 0;
  font: var(--cub-sys-icon-body-m);
  overflow: hidden;
  visibility: hidden;
}
.cub-selectable-chip .cub-selectable-chip-button .cub-selectable-chip-label {
  flex: 1 1 auto;
  width: 100%;
  font: var(--cub-sys-font-body-m);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.cub-selectable-chip.cub-disabled .cub-selectable-chip-container {
  background-color: var(--cub-sys-bg-neutral-disabled);
  cursor: not-allowed;
}
.cub-selectable-chip.cub-disabled .cub-selectable-chip-container .cub-selectable-chip-button {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-selectable-chip.cub-disabled .cub-selectable-chip-container .cub-selectable-chip-label {
  cursor: not-allowed;
}
.cub-selectable-chip.cub-selected .cub-selectable-chip-button {
  color: var(--cub-sys-text-brand-selected);
  background-color: var(--cub-sys-bg-neutral-selected);
}
.cub-selectable-chip.cub-selected .cub-selectable-chip-button .cub-chip-prefix-icon {
  width: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common));
  font: var(--cub-sys-icon-body-m);
  visibility: unset;
}
.cub-selectable-chip.cub-selected .cub-selectable-chip-button .cub-selectable-chip-label {
  width: calc(100% - (var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common)));
}
.cub-selectable-chip.cub-cdk-keyboard-focused .cub-selectable-chip-container {
  outline: 2px solid var(--cub-sys-border-neutral-focused);
  outline-offset: -2px;
}

.cub-chip-group-base.cub-chip-small .cub-selectable-chip-group .cub-selectable-chip .cub-selectable-chip-button {
  padding: var(--cub-sys-component-padding-5xs) var(--cub-sys-component-padding-3xs);
}
.cub-chip-group-base.cub-chip-small .cub-selectable-chip-group .cub-selectable-chip .cub-selectable-chip-button .cub-chip-prefix-icon {
  font: var(--cub-sys-icon-body-s);
}
.cub-chip-group-base.cub-chip-small .cub-selectable-chip-group .cub-selectable-chip .cub-selectable-chip-button .cub-selectable-chip-label {
  font: var(--cub-sys-font-body-s);
}
.cub-chip-group-base.cub-chip-small .cub-selectable-chip-group .cub-selectable-chip.cub-selected .cub-selectable-chip-button .cub-chip-prefix-icon {
  width: calc(var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common));
}
.cub-chip-group-base.cub-chip-small .cub-selectable-chip-group .cub-selectable-chip.cub-selected .cub-selectable-chip-button .cub-selectable-chip-label {
  width: calc(100% - (var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common)));
  color: var(--cub-sys-text-brand-selected);
}

/* 搭配 Form Field 時，新增 Chip Group 上下方內間距，S、M 尺寸相同，來讓高度與表單元件一致。 */
.cub-form-field .cub-selectable-chip-group {
  padding: calc(var(--cub-sys-component-padding-4xs) + 1px) 0;
}

.cub-input-chip-group .cub-input-chip-group-container {
  border-color: var(--cub-sys-border-neutral-light);
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cub-sys-radius-m);
  outline: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--cub-sys-component-margin-3xs) var(--cub-sys-component-padding-xs);
  padding: var(--cub-sys-component-margin-3xs) var(--cub-sys-component-padding-xs);
}
@media screen and (hover: hover) {
  .cub-input-chip-group .cub-input-chip-group-container:hover {
    border-color: var(--cub-sys-border-neutral-hover);
  }
}
.cub-input-chip-group .cub-input-chip-group-container:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-neutral-hover);
  /* 客製 Focus 樣式 */
  outline: 2px solid var(--cub-sys-border-neutral-focused);
}
.cub-input-chip-group .cub-input-chip-group-container:disabled, .cub-input-chip-group .cub-input-chip-group-container.cub-disabled {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-input-chip-group .cub-input-chip-group-container:disabled, .cub-input-chip-group .cub-input-chip-group-container.cub-disabled {
  border-color: var(--cub-sys-border-neutral-disabled);
}
.cub-input-chip-group .cub-input-chip-group-container .cub-input-chip {
  outline: 0 !important;
}
.cub-input-chip-group .cub-input-chip-group-container .cub-input-chip .cub-input-chip-outter .cub-input-chip-container {
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 18.75rem;
  padding: var(--cub-sys-component-padding-5xs) var(--cub-sys-component-padding-2xs);
  color: var(--cub-sys-text-neutral-secondary);
  background-color: var(--cub-sys-bg-neutral-light);
  border-radius: var(--cub-sys-radius-m);
  cursor: pointer;
}
.cub-input-chip-group .cub-input-chip-group-container .cub-input-chip .cub-input-chip-outter .cub-input-chip-container.cub-disabled {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-disabled);
  cursor: not-allowed;
}
.cub-input-chip-group .cub-input-chip-group-container .cub-input-chip .cub-input-chip-outter .cub-input-chip-container .cub-input-chip-tag-label {
  display: block;
  width: 100%;
  font: var(--cub-sys-font-body-m);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-input-chip-group .cub-input-chip-group-container .cub-input-chip .cub-input-chip-outter .cub-input-chip-container .cub-input-chip-remove {
  /* 客製 Focus 樣式（改為往內縮） */
  outline-offset: -2px;
  cursor: pointer;
}
.cub-input-chip-group .cub-input-chip-group-container .cub-input-chip-control {
  flex: 1;
  font: var(--cub-sys-font-body-m);
  border: 0;
  outline: 0;
}
.cub-input-chip-group .cub-input-chip-group-container .cub-input-chip-control.cub-disabled {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-disabled);
  cursor: not-allowed;
}
.cub-input-chip-group.cub-disabled .cub-input-chip-group-container {
  color: var(--cub-sys-text-neutral-disabled);
  cursor: not-allowed;
}

.cub-input-chip-group.cub-chip-small .cub-input-chip-group-container {
  gap: var(--cub-sys-component-margin-4xs) var(--cub-sys-component-margin-xs);
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-xs);
}
.cub-input-chip-group.cub-chip-small .cub-input-chip-group-container .cub-input-chip .cub-input-chip-container {
  padding: var(--cub-sys-component-padding-5xs) var(--cub-sys-component-padding-3xs);
}
.cub-input-chip-group.cub-chip-small .cub-input-chip-group-container .cub-input-chip .cub-input-chip-container .cub-input-chip-tag-label {
  font: var(--cub-sys-font-body-s);
}
.cub-input-chip-group.cub-chip-small .cub-input-chip-group-container .cub-input-chip-control {
  font: var(--cub-sys-font-body-s);
}

.cub-datetimepicker {
  display: none;
}

.cub-datetimepicker-toggle {
  display: flex;
  align-items: center;
  height: 100%;
}

.cub-cdk-overlay-pane.cub-datetimepicker-popup, .cub-cdk-overlay-pane.cub-datetimepicker-dialog {
  z-index: 2300;
}

.cub-datetimepicker-content {
  display: block;
}
.cub-datetimepicker-content .cub-datetimepicker-content-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cub-datetimepicker-content .cub-datetimepicker-content-container .cub-calendar {
  width: 17.5rem;
  height: 24.5rem;
}

.cub-datetimepicker-content-small .cub-datetimepicker-content-container .cub-calendar {
  width: 13.625rem;
  height: 20.625rem;
}

.cub-datetimepicker-content-touch .cub-datetimepicker-content-container .cub-calendar {
  width: 60vh;
  width: calc(var(--vh) * 60);
  height: 75vh;
  height: calc(var(--vh) * 75);
}

.cub-datetimepicker-content-touch-small .cub-datetimepicker-content-container .cub-calendar {
  width: 55vh;
  width: calc(var(--vh) * 55);
  height: 70vh;
  height: calc(var(--vh) * 70);
}

@media (max-width: 1023.98px) {
  .cub-datetimepicker-content-touch .cub-datetimepicker-content-container .cub-calendar {
    width: 60vw;
    height: 75vw;
  }
  .cub-datetimepicker-content-touch-small .cub-datetimepicker-content-container .cub-calendar {
    width: 65vw;
    height: 70vw;
  }
}
@media (max-width: 767.98px) {
  .cub-datetimepicker-content-touch .cub-datetimepicker-content-container .cub-calendar {
    width: 80vw;
    height: 119vw;
    min-height: 24.5rem;
  }
  .cub-datetimepicker-content-touch-small .cub-datetimepicker-content-container .cub-calendar {
    width: 75vw;
    height: 114vw;
    min-height: 20.625rem;
  }
}
:root {
  --cub-comp-datetimepicker-header-font-l: normal var(--cub-ref-font-size-6)/calc(var(--cub-ref-font-size-6) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-comp-datetimepicker-header-font-m: normal var(--cub-ref-font-size-5)/calc(var(--cub-ref-font-size-5) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-comp-datetimepicker-header-font-s: normal var(--cub-ref-font-size-2)/calc(var(--cub-ref-font-size-2) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-comp-datetimepicker-header-icon-s: normal calc(var(--cub-ref-font-size-2) + var(--cub-ref-line-height-common))/1 var(--cub-ref-font-family);
  --cub-comp-datetimepicker-body-font-m: normal var(--cub-ref-font-size-2)/calc(var(--cub-ref-font-size-2) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-comp-datetimepicker-body-font-s: normal var(--cub-ref-font-size-1)/calc(var(--cub-ref-font-size-1) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
}

.cub-calendar {
  display: flex;
  flex-direction: column;
  padding: var(--cub-sys-component-padding-m);
  background-color: var(--cub-sys-bg-neutral-base);
  border-radius: var(--cub-sys-radius-m);
  box-shadow: var(--cub-sys-shadow-layer-2);
  outline: none;
}
.cub-calendar .cub-calendar-header {
  margin-bottom: var(--cub-sys-component-margin-s);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-year,
.cub-calendar .cub-calendar-header .cub-calendar-header-month,
.cub-calendar .cub-calendar-header .cub-calendar-header-date,
.cub-calendar .cub-calendar-header .cub-calendar-header-hours,
.cub-calendar .cub-calendar-header .cub-calendar-header-minutes {
  position: relative;
  cursor: pointer;
}
.cub-calendar .cub-calendar-header .cub-calendar-header-year,
.cub-calendar .cub-calendar-header .cub-calendar-header-month,
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time {
  width: fit-content;
  white-space: nowrap;
}
.cub-calendar .cub-calendar-header .cub-calendar-header-year,
.cub-calendar .cub-calendar-header .cub-calendar-header-month {
  display: flex;
  align-items: center;
  padding: var(--cub-sys-component-padding-4xs);
  font: var(--cub-comp-datetimepicker-header-font-s);
  color: var(--cub-sys-text-neutral-primary);
  border-radius: var(--cub-sys-radius-l);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-year.cub-active,
.cub-calendar .cub-calendar-header .cub-calendar-header-month.cub-active {
  color: var(--cub-sys-text-neutral-selected);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-year > *,
.cub-calendar .cub-calendar-header .cub-calendar-header-month > * {
  vertical-align: middle;
}
.cub-calendar .cub-calendar-header .cub-calendar-header-year .cub-calendar-header-year-dropdown,
.cub-calendar .cub-calendar-header .cub-calendar-header-year .cub-calendar-header-month-dropdown,
.cub-calendar .cub-calendar-header .cub-calendar-header-month .cub-calendar-header-year-dropdown,
.cub-calendar .cub-calendar-header .cub-calendar-header-month .cub-calendar-header-month-dropdown {
  margin-left: var(--cub-sys-component-margin-4xs);
  font: var(--cub-comp-datetimepicker-header-icon-s);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-year.cub-calendar-header-year-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-year.cub-calendar-header-year-ripple > .cub-calendar-header-year-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-year.cub-ripple-disabled > .cub-calendar-header-year-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-calendar .cub-calendar-header .cub-calendar-header-year:hover:not(:disabled, .cub-disabled) > .cub-calendar-header-year-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-calendar .cub-calendar-header .cub-calendar-header-month.cub-calendar-header-month-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-month.cub-calendar-header-month-ripple > .cub-calendar-header-month-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-month.cub-ripple-disabled > .cub-calendar-header-month-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-calendar .cub-calendar-header .cub-calendar-header-month:hover:not(:disabled, .cub-disabled) > .cub-calendar-header-month-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time {
  display: inline-flex;
  align-items: center;
  gap: var(--cub-sys-component-margin-3xs);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-date {
  padding: var(--cub-sys-component-padding-4xs);
  font: var(--cub-comp-datetimepicker-header-font-l);
  vertical-align: middle;
  color: var(--cub-sys-text-neutral-primary);
  border-radius: var(--cub-sys-radius-l);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-date.cub-calendar-header-date-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-date.cub-calendar-header-date-ripple > .cub-calendar-header-date-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-date.cub-ripple-disabled > .cub-calendar-header-date-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-date:hover:not(:disabled, .cub-disabled) > .cub-calendar-header-date-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-date.cub-active {
  color: var(--cub-sys-text-neutral-selected);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time {
  display: inline-flex;
  align-items: center;
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time .cub-calendar-header-hour-minute-container {
  display: inline-flex;
  align-items: center;
  gap: var(--cub-sys-component-margin-3xs);
  font: var(--cub-comp-datetimepicker-header-font-l);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time .cub-calendar-header-hour-minute-container .cub-calendar-header-hour-minute-separator {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time .cub-calendar-header-hour-minute-container .cub-calendar-header-hours,
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time .cub-calendar-header-hour-minute-container .cub-calendar-header-minutes {
  display: inline-block;
  padding: var(--cub-sys-component-padding-4xs);
  vertical-align: middle;
  border-radius: var(--cub-sys-radius-l);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time .cub-calendar-header-hour-minute-container .cub-calendar-header-hours.cub-calendar-header-hours-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time .cub-calendar-header-hour-minute-container .cub-calendar-header-hours.cub-calendar-header-hours-ripple > .cub-calendar-header-hours-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time .cub-calendar-header-hour-minute-container .cub-calendar-header-hours.cub-ripple-disabled > .cub-calendar-header-hours-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time .cub-calendar-header-hour-minute-container .cub-calendar-header-hours:hover:not(:disabled, .cub-disabled) > .cub-calendar-header-hours-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time .cub-calendar-header-hour-minute-container .cub-calendar-header-minutes.cub-calendar-header-minutes-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time .cub-calendar-header-hour-minute-container .cub-calendar-header-minutes.cub-calendar-header-minutes-ripple > .cub-calendar-header-minutes-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time .cub-calendar-header-hour-minute-container .cub-calendar-header-minutes.cub-ripple-disabled > .cub-calendar-header-minutes-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time .cub-calendar-header-hour-minute-container .cub-calendar-header-minutes:hover:not(:disabled, .cub-disabled) > .cub-calendar-header-minutes-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time.cub-active .cub-calendar-header-hour-minute-container .cub-calendar-header-hours.cub-active,
.cub-calendar .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time.cub-active .cub-calendar-header-hour-minute-container .cub-calendar-header-minutes.cub-active {
  color: var(--cub-sys-text-neutral-selected);
}
.cub-calendar .cub-calendar-content {
  flex: 1 1 auto;
  width: 100%;
  margin-top: var(--cub-sys-component-margin-xs);
  outline: none;
  overflow: hidden;
}
.cub-calendar .cub-calendar-content .cub-month-content {
  margin-bottom: var(--cub-sys-component-margin-3xs);
}
.cub-calendar .cub-calendar-content .cub-month-content .cub-calendar-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cub-calendar .cub-calendar-content .cub-month-content .cub-calendar-controls .cub-calendar-period-button {
  font: var(--cub-comp-datetimepicker-body-font-m);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-calendar .cub-calendar-content .cub-month-content .cub-calendar-controls .cub-calendar-previous-button,
.cub-calendar .cub-calendar-content .cub-month-content .cub-calendar-controls .cub-calendar-next-button {
  /* 客製 Focus 樣式（改為往內縮） */
  outline-offset: -2px;
}
.cub-calendar .cub-calendar-content .cub-calendar-table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.cub-calendar .cub-calendar-content .cub-calendar-table .cub-calendar-table-header th {
  padding-bottom: var(--cub-sys-component-padding-3xs);
  font: var(--cub-comp-datetimepicker-body-font-s);
  text-align: center;
  color: var(--cub-sys-text-neutral-third);
}

.cub-calendar-small .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-date {
  font: var(--cub-comp-datetimepicker-header-font-m);
}
.cub-calendar-small .cub-calendar-header .cub-calendar-header-date-time .cub-calendar-header-time .cub-calendar-header-hour-minute-container {
  font: var(--cub-comp-datetimepicker-header-font-m);
}

.cub-calendar-inline {
  width: 19.25rem;
  height: 22.9375rem;
  box-shadow: none;
}
.cub-calendar-inline .cub-calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cub-calendar-inline .cub-calendar-header .cub-calendar-header-year-month-container {
  display: flex;
  align-items: center;
  gap: var(--cub-sys-component-margin-3xs);
}
.cub-calendar-inline .cub-calendar-header .cub-calendar-controls {
  display: flex;
  align-items: center;
  gap: var(--cub-sys-component-margin-xs);
}
.cub-calendar-inline .cub-calendar-content {
  margin-top: var(--cub-sys-component-margin-s);
}
.cub-calendar-inline .cub-calendar-content .cub-calendar-table .cub-calendar-table-header th {
  font: var(--cub-sys-font-label-s);
  color: var(--cub-sys-text-neutral-primary);
}

.cub-calendar-body.cub-calendar-body-month .cub-calendar-body-cell {
  padding: 7.1428571429% 0;
}
.cub-calendar-body.cub-calendar-body-month .cub-calendar-body-cell .cub-calendar-body-cell-content {
  font: var(--cub-comp-datetimepicker-body-font-s);
  border-radius: var(--cub-sys-radius-circle);
}
.cub-calendar-body.cub-calendar-body-year .cub-calendar-body-cell, .cub-calendar-body.cub-calendar-body-multi-year .cub-calendar-body-cell {
  padding: calc(7.1428571429% + 0.125rem) 0;
}
.cub-calendar-body.cub-calendar-body-year .cub-calendar-body-cell .cub-calendar-body-cell-content, .cub-calendar-body.cub-calendar-body-multi-year .cub-calendar-body-cell .cub-calendar-body-cell-content {
  font: var(--cub-comp-datetimepicker-body-font-m);
  border-radius: var(--cub-sys-radius-round);
}
.cub-calendar-body .cub-calendar-body-cell {
  position: relative;
  width: 14.2857142857%;
  height: 0;
  line-height: 0;
  text-align: center;
  outline: none;
  cursor: pointer;
}
.cub-calendar-body .cub-calendar-body-cell .cub-calendar-body-cell-content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  height: 90%;
  color: var(--cub-sys-text-neutral-primary);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transform: translate(-50%, -50%);
}
.cub-calendar-body .cub-calendar-body-cell .cub-calendar-body-cell-content.cub-calendar-body-cell-content-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-calendar-body .cub-calendar-body-cell .cub-calendar-body-cell-content.cub-calendar-body-cell-content-ripple > .cub-calendar-body-cell-content-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-calendar-body .cub-calendar-body-cell .cub-calendar-body-cell-content.cub-ripple-disabled > .cub-calendar-body-cell-content-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-calendar-body .cub-calendar-body-cell .cub-calendar-body-cell-content:hover:not(:disabled, .cub-disabled) > .cub-calendar-body-cell-content-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-calendar-body .cub-calendar-body-cell .cub-calendar-body-cell-content.cub-calendar-body-event::after {
  content: "";
  position: absolute;
  bottom: var(--cub-sys-component-margin-3xs);
  left: 50%;
  width: 0.25rem;
  height: 0.25rem;
  background-color: var(--cub-sys-bg-brand-main);
  border-radius: var(--cub-sys-radius-circle);
  transform: translate(-50%, 0);
}
.cub-calendar-body .cub-calendar-body-cell .cub-calendar-body-cell-content.cub-calendar-body-other {
  color: var(--cub-sys-text-neutral-placeholder);
}
.cub-calendar-body .cub-calendar-body-cell .cub-calendar-body-cell-content.cub-selected {
  color: var(--cub-sys-text-neutral-selected);
  background-color: var(--cub-sys-bg-neutral-selected);
}
.cub-calendar-body .cub-calendar-body-cell .cub-calendar-body-cell-content.cub-selected.cub-calendar-body-today {
  border-color: var(--cub-sys-border-brand-main);
}
.cub-calendar-body .cub-calendar-body-cell .cub-calendar-body-cell-content:not(.cub-selected).cub-calendar-body-today {
  border-color: var(--cub-sys-border-neutral-main);
}
.cub-calendar-body .cub-calendar-body-cell.cub-disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.cub-calendar-body .cub-calendar-body-cell.cub-disabled::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: not-allowed;
  pointer-events: auto;
}
.cub-calendar-body .cub-calendar-body-cell.cub-disabled .cub-calendar-body-cell-content {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-calendar-body .cub-calendar-body-cell.cub-disabled .cub-calendar-body-cell-content.cub-selected {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-calendar-body .cub-calendar-body-cell.cub-disabled .cub-calendar-body-cell-content.cub-selected.cub-calendar-body-today {
  border-color: var(--cub-sys-border-neutral-disabled);
}

.cub-calendar-body-small.cub-calendar-body-year .cub-calendar-body-cell .cub-calendar-body-cell-content, .cub-calendar-body-small.cub-calendar-body-multi-year .cub-calendar-body-cell .cub-calendar-body-cell-content {
  font: var(--cub-comp-datetimepicker-body-font-s);
}
.cub-calendar-body-small .cub-calendar-body-cell .cub-calendar-body-cell-content.cub-calendar-body-event::after {
  bottom: var(--cub-sys-component-margin-4xs);
}

.cub-clock {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
          user-select: none;
}
.cub-clock .cub-clock-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-color: var(--cub-sys-bg-neutral-lighter);
  border-radius: var(--cub-sys-radius-circle);
}
.cub-clock .cub-clock-wrapper .cub-clock-center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2%;
  height: 2%;
  margin: -1%;
  background-color: var(--cub-sys-bg-brand-main);
  border-radius: var(--cub-sys-radius-circle);
}
.cub-clock .cub-clock-wrapper .cub-clock-hand {
  position: absolute;
  inset: 0;
  width: 1px;
  margin: 0 auto;
  background-color: var(--cub-sys-bg-brand-main);
  transform-origin: bottom;
}
.cub-clock .cub-clock-wrapper .cub-clock-hand::before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--cub-sys-component-margin-3xs));
  left: calc(-1 * var(--cub-sys-component-margin-3xs));
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--cub-sys-bg-brand-main);
  border-radius: var(--cub-sys-radius-circle);
}
.cub-clock .cub-clock-wrapper .cub-clock-hand.cub-clock-hand-on-level::before {
  display: none;
}
.cub-clock .cub-clock-wrapper .cub-clock-hours,
.cub-clock .cub-clock-wrapper .cub-clock-minutes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 350ms;
  transform: scale(1.2);
}
.cub-clock .cub-clock-wrapper .cub-clock-hours.cub-active,
.cub-clock .cub-clock-wrapper .cub-clock-minutes.cub-active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.cub-clock .cub-clock-wrapper .cub-clock-hours .cub-clock-cell,
.cub-clock .cub-clock-wrapper .cub-clock-minutes .cub-clock-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 14.1666%;
  height: 14.1666%;
  font: var(--cub-comp-datetimepicker-body-font-m);
  color: var(--cub-sys-text-neutral-primary);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--cub-sys-radius-circle);
  cursor: pointer;
}
.cub-clock .cub-clock-wrapper .cub-clock-hours .cub-clock-cell.cub-clock-cell-ripple > .cub-ripple-element,
.cub-clock .cub-clock-wrapper .cub-clock-minutes .cub-clock-cell.cub-clock-cell-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-clock .cub-clock-wrapper .cub-clock-hours .cub-clock-cell.cub-clock-cell-ripple > .cub-clock-cell-persistent-ripple,
.cub-clock .cub-clock-wrapper .cub-clock-minutes .cub-clock-cell.cub-clock-cell-ripple > .cub-clock-cell-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-clock .cub-clock-wrapper .cub-clock-hours .cub-clock-cell.cub-ripple-disabled > .cub-clock-cell-persistent-ripple,
.cub-clock .cub-clock-wrapper .cub-clock-minutes .cub-clock-cell.cub-ripple-disabled > .cub-clock-cell-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-clock .cub-clock-wrapper .cub-clock-hours .cub-clock-cell:hover:not(:disabled, .cub-disabled) > .cub-clock-cell-persistent-ripple,
  .cub-clock .cub-clock-wrapper .cub-clock-minutes .cub-clock-cell:hover:not(:disabled, .cub-disabled) > .cub-clock-cell-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-clock .cub-clock-wrapper .cub-clock-hours .cub-clock-cell.cub-selected,
.cub-clock .cub-clock-wrapper .cub-clock-minutes .cub-clock-cell.cub-selected {
  color: var(--cub-sys-text-neutral-selected);
  background-color: var(--cub-sys-bg-neutral-selected);
  border-color: var(--cub-sys-border-brand-main);
}
.cub-clock .cub-clock-wrapper .cub-clock-hours .cub-clock-cell.cub-disabled,
.cub-clock .cub-clock-wrapper .cub-clock-minutes .cub-clock-cell.cub-disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.cub-clock .cub-clock-wrapper .cub-clock-hours .cub-clock-cell.cub-disabled.cub-selected,
.cub-clock .cub-clock-wrapper .cub-clock-minutes .cub-clock-cell.cub-disabled.cub-selected {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
}
.cub-clock .cub-clock-wrapper .cub-clock-hours .cub-clock-cell.cub-disabled:not(.cub-selected),
.cub-clock .cub-clock-wrapper .cub-clock-minutes .cub-clock-cell.cub-disabled:not(.cub-selected) {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-clock .cub-clock-wrapper .cub-clock-hours .cub-clock-cell.cub-disabled::after,
.cub-clock .cub-clock-wrapper .cub-clock-minutes .cub-clock-cell.cub-disabled::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: not-allowed;
  pointer-events: auto;
}
.cub-clock .cub-clock-wrapper .cub-clock-minutes {
  transform: scale(1);
}

.cub-clock-small .cub-clock-wrapper .cub-clock-hours .cub-clock-cell,
.cub-clock-small .cub-clock-wrapper .cub-clock-minutes .cub-clock-cell {
  font: var(--cub-comp-datetimepicker-body-font-s);
}

.cub-popover-overlay > .cub-popover-panel .cub-popover-content:has(.cub-overlay-calendar-event) {
  display: flex;
  flex-direction: column;
  max-width: 17.5625rem;
  max-height: 15rem;
}
.cub-popover-overlay > .cub-popover-panel .cub-popover-content .cub-overlay-calendar-event {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.cub-popover-overlay > .cub-popover-panel .cub-popover-content .cub-overlay-calendar-event .cub-overlay-calendar-event-label {
  font: var(--cub-sys-font-body-s);
  color: var(--cub-sys-text-neutral-secondary);
}
.cub-popover-overlay > .cub-popover-panel .cub-popover-content .cub-overlay-calendar-event .cub-overlay-calendar-event-list {
  margin-top: var(--cub-sys-component-margin-3xs);
  overflow: auto;
}
.cub-popover-overlay > .cub-popover-panel .cub-popover-content .cub-overlay-calendar-event .cub-overlay-calendar-event-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.cub-popover-overlay > .cub-popover-panel .cub-popover-content .cub-overlay-calendar-event .cub-overlay-calendar-event-list::-webkit-scrollbar-track {
  background-color: var(--cub-sys-bg-neutral-light);
  border-radius: 8px;
}
.cub-popover-overlay > .cub-popover-panel .cub-popover-content .cub-overlay-calendar-event .cub-overlay-calendar-event-list::-webkit-scrollbar-thumb {
  background-color: var(--cub-ref-neutral-4);
  background-clip: content-box;
  border-radius: 8px;
  border-width: 0 2px;
  border-style: solid;
  border-color: transparent;
}
.cub-popover-overlay > .cub-popover-panel .cub-popover-content .cub-overlay-calendar-event .cub-overlay-calendar-event-list::-webkit-scrollbar-thumb:hover {
  background-color: var(--cub-ref-neutral-6);
}
.cub-popover-overlay > .cub-popover-panel .cub-popover-content .cub-overlay-calendar-event .cub-overlay-calendar-event-list::-webkit-scrollbar-thumb:active {
  background-color: var(--cub-ref-neutral-8);
}
.cub-popover-overlay > .cub-popover-panel .cub-popover-content .cub-overlay-calendar-event .cub-overlay-calendar-event-list::-webkit-scrollbar-thumb:horizontal {
  border-width: 2px 0;
}

.cub-cdk-overlay-pane.cub-dialog {
  z-index: 2300;
}

.cub-dialog {
  display: block;
  width: 100%;
  max-width: 48rem;
  margin: 10vh var(--cub-sys-component-margin-m) 10vh var(--cub-sys-component-margin-m);
}
.cub-dialog.cub-dialog-small {
  max-width: 30rem;
}
.cub-dialog.cub-dialog-large {
  max-width: 63rem;
}
.cub-dialog.cub-dialog-neutral .cub-dialog-container .cub-dialog-header .cub-dialog-title {
  color: var(--cub-sys-text-neutral-title);
}
.cub-dialog.cub-dialog-neutral .cub-dialog-container .cub-dialog-content-container .cub-dialog-content .cub-dialog-code {
  color: var(--cub-sys-text-neutral-secondary);
}
.cub-dialog.cub-dialog-error .cub-dialog-container .cub-dialog-header .cub-dialog-title {
  color: var(--cub-sys-text-error-main);
}
.cub-dialog.cub-dialog-error .cub-dialog-container .cub-dialog-content-container .cub-dialog-content .cub-dialog-code {
  color: var(--cub-sys-text-neutral-secondary);
}
.cub-dialog .cub-dialog-container {
  display: block;
  width: 100%;
  max-height: 80vh;
  background-color: var(--cub-sys-bg-neutral-base);
  border-radius: var(--cub-sys-radius-xl);
}
.cub-dialog .cub-dialog-container > * {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: inherit;
}
.cub-dialog .cub-dialog-container .cub-default-dialog {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.cub-dialog .cub-dialog-container .cub-dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: var(--cub-sys-component-margin-3xs);
  padding: var(--cub-sys-component-padding-s) var(--cub-sys-component-padding-l);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--cub-sys-border-neutral-lighter);
}
.cub-dialog .cub-dialog-container .cub-dialog-header .cub-dialog-title {
  font: var(--cub-sys-font-title-l);
  color: var(--cub-sys-text-neutral-title);
}
.cub-dialog .cub-dialog-container .cub-dialog-header .cub-dialog-title .cub-dialog-code {
  font: var(--cub-sys-font-body-s);
  color: var(--cub-sys-text-neutral-secondary);
  display: inline;
  margin-left: var(--cub-sys-component-margin-3xs);
}
.cub-dialog .cub-dialog-container .cub-dialog-content-container {
  margin: var(--cub-sys-component-margin-l) 0 0;
  overflow: auto;
}
.cub-dialog .cub-dialog-container .cub-dialog-content-container .cub-dialog-content {
  display: block;
  padding: 0 var(--cub-sys-component-padding-l);
}
.cub-dialog .cub-dialog-container .cub-dialog-content-container .cub-dialog-content .cub-dialog-code {
  font: var(--cub-sys-font-body-s);
  color: var(--cub-sys-text-neutral-secondary);
  margin-top: var(--cub-sys-component-margin-xs);
}
.cub-dialog .cub-dialog-container .cub-dialog-content-container .cub-dialog-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: sticky;
  bottom: 0;
  gap: var(--cub-sys-component-margin-m);
  padding: var(--cub-sys-component-padding-s) var(--cub-sys-component-padding-l);
  background-color: rgb(from var(--cub-sys-bg-neutral-lighter) r g b/88%);
  border-bottom-right-radius: var(--cub-sys-radius-xl);
  border-bottom-left-radius: var(--cub-sys-radius-xl);
}

.cub-divider {
  display: block;
  margin: 0;
  border-top-width: 1px;
  border-top-style: solid;
}
.cub-divider.cub-divider-vertical {
  align-self: stretch;
  border-top: 0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--cub-sys-border-neutral-lighter);
}
.cub-divider.cub-divider-horizontal {
  border-top-color: var(--cub-sys-border-neutral-lighter);
}

.cub-mask {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh) * 100);
  pointer-events: none;
}
.cub-mask .cub-mask-backdrop {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  touch-action: none;
  background-color: var(--cub-sys-backdrop-dark);
  pointer-events: auto;
}
.cub-mask .cub-mask-panel {
  display: flex;
  position: relative;
  z-index: 1;
  width: 80vw;
  height: 72vh;
  height: calc(var(--vh) * 72);
  background-color: var(--cub-sys-bg-neutral-base);
  overflow: auto;
  pointer-events: auto;
}
.cub-mask .cub-mask-panel .cub-mask-container {
  display: flex;
  flex: 1 1 auto;
  margin: auto 0;
}
.cub-mask .cub-mask-panel .cub-mask-container .cub-mask-image {
  display: flex;
  justify-content: end;
  width: 40%;
}
.cub-mask .cub-mask-panel .cub-mask-container .cub-mask-image .cub-img-notice-horizontal {
  width: 450px;
  height: 450px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 450px 450px;
}
.cub-mask .cub-mask-panel .cub-mask-container .cub-mask-content {
  width: 60%;
  padding-right: 32px;
}
.cub-mask .cub-mask-panel .cub-mask-container .cub-mask-content .cub-mask-title {
  margin-top: 80px;
  font: var(--cub-sys-font-headline-l);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-mask .cub-mask-panel .cub-mask-container .cub-mask-content .cub-mask-description {
  margin-top: 24px;
  font: var(--cub-sys-font-body-l);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-mask .cub-mask-panel .cub-mask-container .cub-mask-content .cub-mask-button {
  margin-top: 40px;
}

@media (max-width: 1439.98px) {
  .cub-mask .cub-mask-panel {
    width: 90vw;
    height: 72vh;
    height: calc(var(--vh) * 72);
  }
  .cub-mask .cub-mask-panel .cub-mask-container .cub-mask-image .cub-img-notice-horizontal {
    width: 360px;
    height: 360px;
    background-size: 360px 360px;
  }
  .cub-mask .cub-mask-panel .cub-mask-container .cub-mask-content .cub-mask-title {
    margin-top: 60px;
  }
}
@media (max-width: 1023.98px) {
  .cub-mask .cub-mask-panel {
    width: calc(100vw - 100px);
    height: calc(100vh - 128px);
    height: calc(var(--vh) * 100 - 128px);
    padding: 50px 12% 20px;
  }
  .cub-mask .cub-mask-panel .cub-mask-container {
    flex-direction: column;
  }
  .cub-mask .cub-mask-panel .cub-mask-container .cub-mask-image {
    justify-content: center;
    width: 100%;
  }
  .cub-mask .cub-mask-panel .cub-mask-container .cub-mask-content {
    width: 100%;
    padding-right: 0;
  }
  .cub-mask .cub-mask-panel .cub-mask-container .cub-mask-content .cub-mask-title {
    margin-top: 32px;
    text-align: center;
  }
  .cub-mask .cub-mask-panel .cub-mask-container .cub-mask-content .cub-mask-button {
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .cub-mask .cub-mask-panel {
    width: calc(100vw - 32px);
    height: calc(100vh - 128px);
    height: calc(var(--vh) * 100 - 128px);
    padding: 32px 6% 20px;
  }
  .cub-mask .cub-mask-panel .cub-mask-container .cub-mask-image .cub-img-notice-horizontal {
    width: 200px;
    height: 200px;
    background-size: 200px 200px;
  }
  .cub-mask .cub-mask-panel .cub-mask-container .cub-mask-content .cub-mask-title {
    font: var(--cub-sys-font-headline-m);
  }
  .cub-mask .cub-mask-panel .cub-mask-container .cub-mask-content .cub-mask-description {
    margin-top: 16px;
    font: var(--cub-sys-font-body-m);
  }
  .cub-mask .cub-mask-panel .cub-mask-container .cub-mask-content .cub-mask-button {
    margin-top: 24px;
  }
}
.cub-upload {
  /* UploadArea 樣式 */
  /* UploadButton 樣式 */
}
.cub-upload .cub-upload-area {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 5rem;
  padding: var(--cub-sys-component-padding-m);
  text-align: center;
  background-color: var(--cub-sys-bg-neutral-light);
  border-width: 1px;
  border-style: dashed;
  border-color: var(--cub-sys-border-neutral-lighter);
}
.cub-upload .cub-upload-area:not(.cub-disabled, .loading) {
  cursor: pointer;
}
.cub-upload .cub-upload-area:hover, .cub-upload .cub-upload-area.dragging {
  border-color: var(--cub-sys-border-neutral-hover);
}
.cub-upload .cub-upload-area.cub-upload-area-error {
  border-color: var(--cub-sys-border-error-main);
}
.cub-upload .cub-upload-area.cub-disabled {
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
  cursor: not-allowed;
}
.cub-upload .cub-upload-area.cub-disabled .cub-upload-area-icon {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-upload .cub-upload-area.cub-disabled .cub-upload-area-label {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-upload .cub-upload-area.cub-disabled .cub-upload-area-description {
  color: var(--cub-sys-text-warning-disabled);
}
.cub-upload .cub-upload-area.loading {
  background-color: var(--cub-sys-bg-neutral-light);
  border-color: var(--cub-sys-border-neutral-lighter);
}
.cub-upload .cub-upload-area .cub-upload-area-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cub-upload .cub-upload-area .cub-upload-area-prompt {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: var(--cub-sys-component-margin-3xs);
}
.cub-upload .cub-upload-area .cub-upload-area-icon {
  font: var(--cub-sys-icon-body-m);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-upload .cub-upload-area .cub-upload-area-label {
  font: var(--cub-sys-font-body-m);
  text-align: left;
  color: var(--cub-sys-text-neutral-primary);
}
.cub-upload .cub-upload-area .cub-upload-area-description {
  margin-top: var(--cub-sys-component-margin-3xs);
  font: var(--cub-sys-font-body-s);
  color: var(--cub-sys-text-warning-main);
}
.cub-upload .cub-upload-button {
  margin-top: var(--cub-sys-component-margin-xs);
}
.cub-upload .cub-upload-button-description {
  font: var(--cub-sys-font-body-m);
  color: var(--cub-sys-text-neutral-secondary);
}
.cub-upload .cub-upload-button-description.cub-upload-button-description-small {
  font: var(--cub-sys-font-body-s);
}

.cub-form-field {
  display: inline-block;
  width: 100%;
}
.cub-form-field .cub-form-field-container {
  display: flex;
  flex-direction: column;
}
.cub-form-field .cub-form-field-subscript-container {
  margin-top: var(--cub-sys-component-margin-4xs);
}
.cub-form-field .cub-form-field-error-container,
.cub-form-field .cub-form-field-success-container {
  display: none;
  flex-direction: column;
}
.cub-form-field .cub-hint-container,
.cub-form-field .cub-error-container,
.cub-form-field .cub-success-container {
  display: flex;
  align-items: flex-start;
  gap: var(--cub-sys-component-margin-3xs);
}
.cub-form-field .cub-hint-container .cub-form-field-hint,
.cub-form-field .cub-hint-container .cub-message-icon span {
  color: var(--cub-sys-text-neutral-secondary);
}
.cub-form-field .cub-error-container .cub-form-field-error,
.cub-form-field .cub-error-container .cub-message-icon span {
  color: var(--cub-sys-text-error-main);
}
.cub-form-field .cub-success-container .cub-form-field-success,
.cub-form-field .cub-success-container .cub-message-icon span {
  color: var(--cub-sys-text-success-main);
}
.cub-form-field .cub-form-field-hint,
.cub-form-field .cub-form-field-error,
.cub-form-field .cub-form-field-success {
  font: var(--cub-sys-font-body-s);
}
.cub-form-field .cub-message-icon {
  display: flex;
}
.cub-form-field .cub-message-icon span {
  font: var(--cub-sys-icon-body-s);
}

.cub-form-field-invalid .cub-form-field-container .cub-form-field-error-container {
  display: flex;
}
.cub-form-field-invalid .cub-form-field-container .cub-input-outline,
.cub-form-field-invalid .cub-form-field-container .cub-select-outline {
  border-color: var(--cub-sys-border-error-main);
}
@media screen and (hover: hover) {
  .cub-form-field-invalid .cub-form-field-container .cub-input-outline:hover,
  .cub-form-field-invalid .cub-form-field-container .cub-select-outline:hover {
    border-color: var(--cub-sys-border-error-main);
  }
}
.cub-form-field-invalid .cub-form-field-container .cub-input-outline:focus:not(:disabled, .cub-disabled),
.cub-form-field-invalid .cub-form-field-container .cub-select-outline:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-error-main);
}
.cub-form-field-invalid .cub-form-field-container .cub-input-borderless,
.cub-form-field-invalid .cub-form-field-container .cub-select-borderless {
  border-color: var(--cub-sys-border-error-main);
}
@media screen and (hover: hover) {
  .cub-form-field-invalid .cub-form-field-container .cub-input-borderless:hover,
  .cub-form-field-invalid .cub-form-field-container .cub-select-borderless:hover {
    border-color: var(--cub-sys-border-error-main);
  }
}
.cub-form-field-invalid .cub-form-field-container .cub-input-borderless:focus:not(:disabled, .cub-disabled),
.cub-form-field-invalid .cub-form-field-container .cub-select-borderless:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-error-main);
}
.cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-input-outline) .cub-input-group-container,
.cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-input-outline) .cub-button-filled-outline, .cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-select-outline) .cub-input-group-container,
.cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-select-outline) .cub-button-filled-outline {
  border-color: var(--cub-sys-border-error-main);
}
@media screen and (hover: hover) {
  .cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-input-outline) .cub-input-group-container:hover,
  .cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-input-outline) .cub-button-filled-outline:hover, .cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-select-outline) .cub-input-group-container:hover,
  .cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-select-outline) .cub-button-filled-outline:hover {
    border-color: var(--cub-sys-border-error-main);
  }
}
.cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-input-outline) .cub-input-group-container:focus:not(:disabled, .cub-disabled),
.cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-input-outline) .cub-button-filled-outline:focus:not(:disabled, .cub-disabled), .cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-select-outline) .cub-input-group-container:focus:not(:disabled, .cub-disabled),
.cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-select-outline) .cub-button-filled-outline:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-error-main);
}
.cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-input-borderless) .cub-input-group-container,
.cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-input-borderless) .cub-button-filled-outline, .cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-select-borderless) .cub-input-group-container,
.cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-select-borderless) .cub-button-filled-outline {
  border-color: var(--cub-sys-border-error-main);
}
@media screen and (hover: hover) {
  .cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-input-borderless) .cub-input-group-container:hover,
  .cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-input-borderless) .cub-button-filled-outline:hover, .cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-select-borderless) .cub-input-group-container:hover,
  .cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-select-borderless) .cub-button-filled-outline:hover {
    border-color: var(--cub-sys-border-error-main);
  }
}
.cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-input-borderless) .cub-input-group-container:focus:not(:disabled, .cub-disabled),
.cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-input-borderless) .cub-button-filled-outline:focus:not(:disabled, .cub-disabled), .cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-select-borderless) .cub-input-group-container:focus:not(:disabled, .cub-disabled),
.cub-form-field-invalid .cub-form-field-container .cub-input-group:has(.cub-select-borderless) .cub-button-filled-outline:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-error-main);
}
.cub-form-field-invalid .cub-form-field-container .cub-input-group .cub-input-group-suffix .cub-button-plain {
  color: var(--cub-sys-text-error-main);
}

.cub-form-field-valid .cub-form-field-success-container {
  display: flex;
}

.cub-form-field-horizontal {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: var(--cub-sys-component-margin-m);
}
.cub-form-field-horizontal .cub-label-container {
  flex-shrink: 0;
  height: fit-content;
}
.cub-form-field-horizontal .cub-label-container .cub-label-appended {
  display: inline-flex;
  flex-wrap: nowrap;
  width: 100%;
  height: fit-content;
}
.cub-form-field-horizontal .cub-label-container .cub-label-appended .cub-label {
  display: inline-flex;
  flex-wrap: nowrap;
  height: fit-content;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-form-field-horizontal .cub-label-container .cub-label-appended .cub-label > span {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-form-field-horizontal .cub-label-container .cub-label-appended .cub-label-suffix {
  height: fit-content;
}
.cub-form-field-horizontal .cub-label-container {
  margin: calc(var(--cub-sys-component-margin-3xs) + 1px) 0;
}
.cub-form-field-horizontal .cub-form-field-container {
  flex: 1 1 auto;
}

.cub-form-field-small.cub-form-field-horizontal {
  gap: var(--cub-sys-component-margin-s);
}
.cub-form-field-small.cub-form-field-horizontal .cub-label-container {
  margin: calc(var(--cub-sys-component-margin-4xs) + 1px) 0;
}

.cub-form-field-interval {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: var(--cub-sys-component-margin-3xs);
  line-height: calc(var(--cub-sys-component-padding-3xs) + var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) + 2px);
}
.cub-form-field-interval .cub-form-field-interval-from,
.cub-form-field-interval .cub-form-field-interval-to {
  display: inline-flex;
  flex: 1 1 auto;
  width: 50%;
  line-height: 1.5;
}
.cub-form-field-interval .cub-form-field-interval-from > *,
.cub-form-field-interval .cub-form-field-interval-to > * {
  flex: 1 1 auto;
}

.cub-form-field-interval-small {
  line-height: calc(var(--cub-sys-component-padding-4xs) + var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs) + 2px);
}

.cub-content-field {
  --cub-comp-content-field-text-neutral: var(--cub-ref-neutral-black);
  display: inline-block;
  width: 100%;
}
.cub-content-field .cub-content-field-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--cub-comp-content-field-text-neutral);
}

.cub-content-field-horizontal {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: var(--cub-sys-component-margin-m);
}
.cub-content-field-horizontal .cub-label-container {
  flex-shrink: 0;
  height: fit-content;
}
.cub-content-field-horizontal .cub-label-container .cub-label-appended {
  display: inline-flex;
  flex-wrap: nowrap;
  width: 100%;
  height: fit-content;
}
.cub-content-field-horizontal .cub-label-container .cub-label-appended .cub-label {
  display: inline-flex;
  flex-wrap: nowrap;
  height: fit-content;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-content-field-horizontal .cub-label-container .cub-label-appended .cub-label > span {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-content-field-horizontal .cub-label-container .cub-label-appended .cub-label-suffix {
  height: fit-content;
}
.cub-content-field-horizontal .cub-label-container {
  margin: calc(1px + var(--cub-sys-component-padding-3xs)) 0;
}
.cub-content-field-horizontal .cub-content-field-content {
  flex: 1 1 auto;
  margin: calc(1px + var(--cub-sys-component-padding-3xs)) 0;
}

.cub-content-field-small.cub-content-field-horizontal {
  gap: var(--cub-sys-component-margin-s);
}

/* 純標題樣式 + * 必填 */
.cub-label-required::before {
  content: "*";
  margin-right: var(--cub-sys-component-margin-3xs);
  /* 無論搭配的文字粗細，必填的字重固定一般粗細 */
  font-weight: normal;
  color: var(--cub-sys-text-error-main);
}

.cub-label-container {
  --cub-comp-label-font-m: normal var(--cub-ref-font-size-3)/calc(var(--cub-ref-font-size-3) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-comp-label-text-neutral: var(--cub-ref-neutral-8);
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--cub-sys-component-margin-4xs);
  gap: var(--cub-sys-component-margin-3xs);
}
.cub-label-container.cub-label-container-left .cub-label-appended {
  justify-content: flex-start;
}
.cub-label-container.cub-label-container-right .cub-label-appended {
  justify-content: flex-end;
}
.cub-label-container.cub-label-container-fill {
  width: 100%;
}
.cub-label-container.cub-label-container-auto {
  width: auto;
  /* 元件寬度固定用 px */
  max-width: 96px;
}
.cub-label-container.cub-label-container-fixed {
  /* 元件寬度固定用 px */
  width: 96px;
  max-width: 96px;
}
.cub-label-container .cub-label-appended .cub-label > span {
  font: var(--cub-comp-label-font-m);
  color: var(--cub-comp-label-text-neutral);
}
.cub-label-container .cub-label-appended .cub-label > span.cub-hidden {
  display: none;
}
.cub-label-container .cub-label-appended .cub-label-suffix > * {
  margin-left: var(--cub-sys-component-margin-3xs);
  vertical-align: top;
}
.cub-label-container .cub-label-end {
  display: inline-flex;
  align-self: flex-end;
}

.cub-label-container-small {
  --cub-comp-label-font-s: normal var(--cub-ref-font-size-2)/calc(var(--cub-ref-font-size-2) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
}
.cub-label-container-small.cub-label-container-auto {
  /* 元件寬度固定用 px */
  max-width: 84px;
}
.cub-label-container-small.cub-label-container-fixed {
  /* 元件寬度固定用 px */
  width: 84px;
  max-width: 84px;
}
.cub-label-container-small .cub-label-appended .cub-label > span {
  font: var(--cub-comp-label-font-s);
}

/* M 尺寸 - 最小寬度三個字 + Input padding + border */
/* M 尺寸 - 最小寬度三個字 + Input padding 左 + Clear 區域 + Input padding 右 + border */
/* S 尺寸 - 最小寬度三個字 + Input padding + border */
/* S 尺寸 - 最小寬度三個字 + Input padding 左 + Clear 區域 + Input padding 右 + border */
.cub-input-container {
  position: relative;
  min-width: calc(3 * var(--cub-sys-font-size-body-m) + 2 * var(--cub-sys-component-padding-xs) + 2px);
}
.cub-input-container:has(> .cub-input-with-clear) {
  min-width: calc(3 * var(--cub-sys-font-size-body-m) + var(--cub-sys-component-padding-xs) + var(--cub-sys-component-padding-3xs) + var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-xs) + 2px);
}
.cub-input-container:has(> .cub-input-small) {
  min-width: calc(3 * var(--cub-sys-font-size-body-s) + 2 * var(--cub-sys-component-padding-xs) + 2px);
}
.cub-input-container:has(> .cub-input-small):has(> .cub-input-with-clear) {
  min-width: calc(3 * var(--cub-sys-font-size-body-s) + var(--cub-sys-component-padding-xs) + var(--cub-sys-component-padding-3xs) + var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-xs) + 2px);
}
.cub-input-container input {
  width: 100% !important;
  margin: 0 !important;
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
  font: var(--cub-sys-font-body-m);
  color: var(--cub-sys-text-neutral-primary);
  /* 定位 input clear 區域垂直置中 */
  /* 替換瀏覽器選擇預設輸入值時的藍色背景 */
}
.cub-input-container input::placeholder, .cub-input-container input::-moz-placeholder, .cub-input-container input::-webkit-input-placeholder {
  color: var(--cub-sys-text-neutral-placeholder);
}
.cub-input-container input.cub-input-outline {
  border-color: var(--cub-sys-border-neutral-light);
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cub-sys-radius-m);
  outline: none;
}
@media screen and (hover: hover) {
  .cub-input-container input.cub-input-outline:hover {
    border-color: var(--cub-sys-border-neutral-hover);
  }
}
.cub-input-container input.cub-input-outline:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-neutral-hover);
  /* 客製 Focus 樣式 */
  outline: 2px solid var(--cub-sys-border-neutral-focused);
}
.cub-input-container input.cub-input-outline:disabled, .cub-input-container input.cub-input-outline.cub-disabled {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-input-container input.cub-input-outline:disabled, .cub-input-container input.cub-input-outline.cub-disabled {
  border-color: var(--cub-sys-border-neutral-disabled);
}
.cub-input-container input.cub-input-outline.cub-input-invalid {
  border-color: var(--cub-sys-border-error-main);
}
@media screen and (hover: hover) {
  .cub-input-container input.cub-input-outline.cub-input-invalid:hover {
    border-color: var(--cub-sys-border-error-main);
  }
}
.cub-input-container input.cub-input-outline.cub-input-invalid:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-error-main);
}
.cub-input-container input.cub-input-borderless {
  border-color: transparent;
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cub-sys-radius-m);
  outline: none;
}
@media screen and (hover: hover) {
  .cub-input-container input.cub-input-borderless:hover {
    border-color: var(--cub-sys-border-neutral-hover);
  }
}
.cub-input-container input.cub-input-borderless:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-neutral-hover);
  /* 客製 Focus 樣式 */
  outline: 2px solid var(--cub-sys-border-neutral-focused);
}
.cub-input-container input.cub-input-borderless:disabled, .cub-input-container input.cub-input-borderless.cub-disabled {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-input-container input.cub-input-borderless:disabled, .cub-input-container input.cub-input-borderless.cub-disabled {
  border-color: transparent;
}
.cub-input-container input.cub-input-borderless.cub-input-invalid {
  border-color: var(--cub-sys-border-error-main);
}
@media screen and (hover: hover) {
  .cub-input-container input.cub-input-borderless.cub-input-invalid:hover {
    border-color: var(--cub-sys-border-error-main);
  }
}
.cub-input-container input.cub-input-borderless.cub-input-invalid:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-error-main);
}
.cub-input-container input.cub-input-with-clear {
  padding-right: calc(var(--cub-sys-component-padding-3xs) + var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-xs));
}
.cub-input-container input.cub-input-small {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-xs);
  font: var(--cub-sys-font-body-s);
}
.cub-input-container input.cub-input-small.cub-input-with-clear {
  padding-right: calc(var(--cub-sys-component-padding-3xs) + var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-xs));
}
.cub-input-container input + .cub-input-clear-button {
  display: flex;
  position: absolute;
  top: 50%;
  right: var(--cub-sys-component-padding-xs);
  transform: translateY(-50%);
}
.cub-input-container input:-webkit-autofill, .cub-input-container input:-webkit-autofill:hover, .cub-input-container input:-webkit-autofill:focus, .cub-input-container input:-webkit-autofill:active, .cub-input-container input:-internal-autofill-selected {
  box-shadow: 0 0 0 calc(2 * var(--cub-sys-component-padding-3xs) + var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common)) var(--cub-sys-bg-neutral-base) inset !important;
}
.cub-input-container input.cub-input-small:-webkit-autofill, .cub-input-container input.cub-input-small:-webkit-autofill:hover, .cub-input-container input.cub-input-small:-webkit-autofill:focus, .cub-input-container input.cub-input-small:-webkit-autofill:active, .cub-input-container input.cub-input-small:-internal-autofill-selected {
  box-shadow: 0 0 0 calc(2 * var(--cub-sys-component-padding-4xs) + var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common)) var(--cub-sys-bg-neutral-base) inset !important;
}
.cub-input-container textarea {
  width: 100% !important;
  margin: 0 !important;
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
  font: var(--cub-sys-font-body-m);
  color: var(--cub-sys-text-neutral-primary);
  /* 上下 padding + 文字大小 + 行高 */
  min-height: calc(var(--cub-sys-component-padding-3xs) * 2 + var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common));
  overflow: auto;
  resize: vertical;
  /* 定位 textarea clear 區域，定位 "上方" 與 "右方" 距離 */
}
.cub-input-container textarea::placeholder, .cub-input-container textarea::-moz-placeholder, .cub-input-container textarea::-webkit-input-placeholder {
  color: var(--cub-sys-text-neutral-placeholder);
}
.cub-input-container textarea.cub-input-outline {
  border-color: var(--cub-sys-border-neutral-light);
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cub-sys-radius-m);
  outline: none;
}
@media screen and (hover: hover) {
  .cub-input-container textarea.cub-input-outline:hover {
    border-color: var(--cub-sys-border-neutral-hover);
  }
}
.cub-input-container textarea.cub-input-outline:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-neutral-hover);
  /* 客製 Focus 樣式 */
  outline: 2px solid var(--cub-sys-border-neutral-focused);
}
.cub-input-container textarea.cub-input-outline:disabled, .cub-input-container textarea.cub-input-outline.cub-disabled {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-input-container textarea.cub-input-outline:disabled, .cub-input-container textarea.cub-input-outline.cub-disabled {
  border-color: var(--cub-sys-border-neutral-disabled);
}
.cub-input-container textarea.cub-input-outline.cub-input-invalid {
  border-color: var(--cub-sys-border-error-main);
}
@media screen and (hover: hover) {
  .cub-input-container textarea.cub-input-outline.cub-input-invalid:hover {
    border-color: var(--cub-sys-border-error-main);
  }
}
.cub-input-container textarea.cub-input-outline.cub-input-invalid:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-error-main);
}
.cub-input-container textarea.cub-input-borderless {
  border-color: transparent;
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cub-sys-radius-m);
  outline: none;
}
@media screen and (hover: hover) {
  .cub-input-container textarea.cub-input-borderless:hover {
    border-color: var(--cub-sys-border-neutral-hover);
  }
}
.cub-input-container textarea.cub-input-borderless:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-neutral-hover);
  /* 客製 Focus 樣式 */
  outline: 2px solid var(--cub-sys-border-neutral-focused);
}
.cub-input-container textarea.cub-input-borderless:disabled, .cub-input-container textarea.cub-input-borderless.cub-disabled {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-input-container textarea.cub-input-borderless:disabled, .cub-input-container textarea.cub-input-borderless.cub-disabled {
  border-color: transparent;
}
.cub-input-container textarea.cub-input-borderless.cub-input-invalid {
  border-color: var(--cub-sys-border-error-main);
}
@media screen and (hover: hover) {
  .cub-input-container textarea.cub-input-borderless.cub-input-invalid:hover {
    border-color: var(--cub-sys-border-error-main);
  }
}
.cub-input-container textarea.cub-input-borderless.cub-input-invalid:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-error-main);
}
.cub-input-container textarea.cub-input-with-clear {
  padding-right: calc(var(--cub-sys-component-padding-3xs) + var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-xs));
}
.cub-input-container textarea.cub-input-small {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-xs);
  font: var(--cub-sys-font-body-s);
}
.cub-input-container textarea.cub-input-small.cub-input-with-clear {
  padding-right: calc(var(--cub-sys-component-padding-3xs) + var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-xs));
}
.cub-input-container textarea.cub-cdk-textarea-autosize.cub-cdk-textarea-autosize-disabled-handle-resizing {
  resize: none;
}
.cub-input-container textarea + .cub-input-clear-button {
  display: flex;
  position: absolute;
  top: var(--cub-sys-component-padding-3xs);
  right: var(--cub-sys-component-padding-xs);
}
.cub-input-container textarea.cub-input-small {
  /* 上下 padding + 文字大小 + 行高 */
  min-height: calc(var(--cub-sys-component-padding-4xs) * 2 + var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common));
}
.cub-input-container textarea.cub-input-small + .cub-input-clear-button {
  top: var(--cub-sys-component-padding-4xs);
  right: var(--cub-sys-component-padding-xs);
}

.cub-input-group {
  display: flex;
  align-items: center;
  min-width: min-content;
}
.cub-input-group.cub-input-group-with-field-suffix .cub-input-group-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cub-input-group.cub-input-group-with-field-suffix .cub-input-group-container .cub-input-group-suffix {
  padding-right: var(--cub-sys-component-padding-xs);
}
.cub-input-group.cub-input-group-invalid:has(.cub-input-outline) .cub-input-group-container,
.cub-input-group.cub-input-group-invalid:has(.cub-input-outline) .cub-button-filled-outline, .cub-input-group.cub-input-group-invalid:has(.cub-select-outline) .cub-input-group-container,
.cub-input-group.cub-input-group-invalid:has(.cub-select-outline) .cub-button-filled-outline {
  border-color: var(--cub-sys-border-error-main);
}
@media screen and (hover: hover) {
  .cub-input-group.cub-input-group-invalid:has(.cub-input-outline) .cub-input-group-container:hover,
  .cub-input-group.cub-input-group-invalid:has(.cub-input-outline) .cub-button-filled-outline:hover, .cub-input-group.cub-input-group-invalid:has(.cub-select-outline) .cub-input-group-container:hover,
  .cub-input-group.cub-input-group-invalid:has(.cub-select-outline) .cub-button-filled-outline:hover {
    border-color: var(--cub-sys-border-error-main);
  }
}
.cub-input-group.cub-input-group-invalid:has(.cub-input-outline) .cub-input-group-container:focus:not(:disabled, .cub-disabled),
.cub-input-group.cub-input-group-invalid:has(.cub-input-outline) .cub-button-filled-outline:focus:not(:disabled, .cub-disabled), .cub-input-group.cub-input-group-invalid:has(.cub-select-outline) .cub-input-group-container:focus:not(:disabled, .cub-disabled),
.cub-input-group.cub-input-group-invalid:has(.cub-select-outline) .cub-button-filled-outline:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-error-main);
}
.cub-input-group.cub-input-group-invalid:has(.cub-input-borderless) .cub-input-group-container,
.cub-input-group.cub-input-group-invalid:has(.cub-input-borderless) .cub-button-filled-outline, .cub-input-group.cub-input-group-invalid:has(.cub-select-borderless) .cub-input-group-container,
.cub-input-group.cub-input-group-invalid:has(.cub-select-borderless) .cub-button-filled-outline {
  border-color: var(--cub-sys-border-error-main);
}
@media screen and (hover: hover) {
  .cub-input-group.cub-input-group-invalid:has(.cub-input-borderless) .cub-input-group-container:hover,
  .cub-input-group.cub-input-group-invalid:has(.cub-input-borderless) .cub-button-filled-outline:hover, .cub-input-group.cub-input-group-invalid:has(.cub-select-borderless) .cub-input-group-container:hover,
  .cub-input-group.cub-input-group-invalid:has(.cub-select-borderless) .cub-button-filled-outline:hover {
    border-color: var(--cub-sys-border-error-main);
  }
}
.cub-input-group.cub-input-group-invalid:has(.cub-input-borderless) .cub-input-group-container:focus:not(:disabled, .cub-disabled),
.cub-input-group.cub-input-group-invalid:has(.cub-input-borderless) .cub-button-filled-outline:focus:not(:disabled, .cub-disabled), .cub-input-group.cub-input-group-invalid:has(.cub-select-borderless) .cub-input-group-container:focus:not(:disabled, .cub-disabled),
.cub-input-group.cub-input-group-invalid:has(.cub-select-borderless) .cub-button-filled-outline:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-error-main);
}
.cub-input-group.cub-input-group-invalid .cub-input-group-suffix .cub-button-plain {
  color: var(--cub-sys-text-error-main);
}
.cub-input-group:not(.cub-input-group-invalid) .cub-input-group-container:has(.cub-input-focused):has(.cub-input-outline), .cub-input-group:not(.cub-input-group-invalid) .cub-input-group-container:has(.cub-select-focused):has(.cub-select-outline) {
  border-color: var(--cub-sys-border-neutral-hover);
}
.cub-input-group:not(.cub-input-group-invalid) .cub-input-group-container:has(.cub-input-focused):has(.cub-input-borderless), .cub-input-group:not(.cub-input-group-invalid) .cub-input-group-container:has(.cub-select-focused):has(.cub-select-borderless) {
  border-color: var(--cub-sys-border-neutral-hover);
}
.cub-input-group .cub-input-group-container,
.cub-input-group .cub-input-group-field-suffix {
  display: flex;
  align-items: center;
}
.cub-input-group .cub-input-group-container {
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-input-group .cub-input-group-container:has(.cub-input-outline), .cub-input-group .cub-input-group-container:has(.cub-select-outline) {
  border-color: var(--cub-sys-border-neutral-light);
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cub-sys-radius-m);
  outline: none;
}
@media screen and (hover: hover) {
  .cub-input-group .cub-input-group-container:has(.cub-input-outline):hover, .cub-input-group .cub-input-group-container:has(.cub-select-outline):hover {
    border-color: var(--cub-sys-border-neutral-hover);
  }
}
.cub-input-group .cub-input-group-container:has(.cub-input-outline):focus:not(:disabled, .cub-disabled), .cub-input-group .cub-input-group-container:has(.cub-select-outline):focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-neutral-hover);
  /* 客製 Focus 樣式 */
  outline: 2px solid var(--cub-sys-border-neutral-focused);
}
.cub-input-group .cub-input-group-container:has(.cub-input-outline):disabled, .cub-input-group .cub-input-group-container:has(.cub-input-outline).cub-disabled, .cub-input-group .cub-input-group-container:has(.cub-select-outline):disabled, .cub-input-group .cub-input-group-container:has(.cub-select-outline).cub-disabled {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-input-group .cub-input-group-container:has(.cub-input-outline):disabled, .cub-input-group .cub-input-group-container:has(.cub-input-outline).cub-disabled, .cub-input-group .cub-input-group-container:has(.cub-select-outline):disabled, .cub-input-group .cub-input-group-container:has(.cub-select-outline).cub-disabled {
  border-color: var(--cub-sys-border-neutral-disabled);
}
.cub-input-group .cub-input-group-container:has(.cub-input-borderless), .cub-input-group .cub-input-group-container:has(.cub-select-borderless) {
  border-color: transparent;
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cub-sys-radius-m);
  outline: none;
}
@media screen and (hover: hover) {
  .cub-input-group .cub-input-group-container:has(.cub-input-borderless):hover, .cub-input-group .cub-input-group-container:has(.cub-select-borderless):hover {
    border-color: var(--cub-sys-border-neutral-hover);
  }
}
.cub-input-group .cub-input-group-container:has(.cub-input-borderless):focus:not(:disabled, .cub-disabled), .cub-input-group .cub-input-group-container:has(.cub-select-borderless):focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-neutral-hover);
  /* 客製 Focus 樣式 */
  outline: 2px solid var(--cub-sys-border-neutral-focused);
}
.cub-input-group .cub-input-group-container:has(.cub-input-borderless):disabled, .cub-input-group .cub-input-group-container:has(.cub-input-borderless).cub-disabled, .cub-input-group .cub-input-group-container:has(.cub-select-borderless):disabled, .cub-input-group .cub-input-group-container:has(.cub-select-borderless).cub-disabled {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-input-group .cub-input-group-container:has(.cub-input-borderless):disabled, .cub-input-group .cub-input-group-container:has(.cub-input-borderless).cub-disabled, .cub-input-group .cub-input-group-container:has(.cub-select-borderless):disabled, .cub-input-group .cub-input-group-container:has(.cub-select-borderless).cub-disabled {
  border-color: transparent;
}
@media screen and (hover: hover) {
  .cub-input-group .cub-input-group-container:hover:not(.cub-disabled) {
    position: relative;
    z-index: 1;
  }
}
.cub-input-group .cub-input-group-container:has(.cub-input-focused), .cub-input-group .cub-input-group-container:has(.cub-select-focused) {
  position: relative;
  z-index: 1;
  /* 客製 Focus 樣式 */
  outline: 2px solid var(--cub-sys-border-neutral-focused);
}
.cub-input-group .cub-input-group-container .cub-input-group-prefix,
.cub-input-group .cub-input-group-container .cub-input-group-suffix {
  display: flex;
  align-items: center;
  font: var(--cub-sys-font-body-m);
  white-space: nowrap;
  color: var(--cub-sys-text-neutral-third);
}
.cub-input-group .cub-input-group-container .cub-input-group-prefix {
  padding-top: var(--cub-sys-component-padding-3xs);
  padding-right: 0;
  padding-bottom: var(--cub-sys-component-padding-3xs);
  padding-left: var(--cub-sys-component-padding-xs);
}
.cub-input-group .cub-input-group-container .cub-input-group-prefix [class^=cub-icon-],
.cub-input-group .cub-input-group-container .cub-input-group-prefix [class*=" cub-icon-"] {
  font: var(--cub-sys-icon-body-m);
}
.cub-input-group .cub-input-group-container .cub-input-group-suffix {
  padding-top: var(--cub-sys-component-padding-3xs);
  padding-right: var(--cub-sys-component-padding-xs);
  padding-bottom: var(--cub-sys-component-padding-3xs);
  padding-left: 0;
}
.cub-input-group .cub-input-group-container .cub-input-group-infix {
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-input-group .cub-input-group-container .cub-input-group-infix .cub-input,
.cub-input-group .cub-input-group-container .cub-input-group-infix .cub-select {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
.cub-input-group .cub-input-group-field-suffix {
  max-width: 7.625rem;
  margin-left: -1px;
}
.cub-input-group .cub-input-group-field-suffix .cub-button-filled-outline {
  padding-right: var(--cub-sys-component-padding-s);
  padding-left: var(--cub-sys-component-padding-s);
  border-top-right-radius: var(--cub-sys-radius-m);
  border-top-left-radius: 0;
  border-bottom-right-radius: var(--cub-sys-radius-m);
  border-bottom-left-radius: 0;
}

.cub-input-group-small .cub-input-group-container .cub-input-group-prefix,
.cub-input-group-small .cub-input-group-container .cub-input-group-suffix {
  font: var(--cub-sys-font-body-s);
}
.cub-input-group-small .cub-input-group-container .cub-input-group-prefix {
  padding-top: var(--cub-sys-component-padding-4xs);
  padding-bottom: var(--cub-sys-component-padding-4xs);
}
.cub-input-group-small .cub-input-group-container .cub-input-group-prefix [class^=cub-icon-],
.cub-input-group-small .cub-input-group-container .cub-input-group-prefix [class*=" cub-icon-"] {
  font: var(--cub-sys-icon-body-s);
}
.cub-input-group-small .cub-input-group-container .cub-input-group-suffix {
  padding-top: var(--cub-sys-component-padding-4xs);
  padding-bottom: var(--cub-sys-component-padding-4xs);
}
.cub-input-group-small .cub-input-group-field-suffix .cub-button-filled-outline {
  padding-right: var(--cub-sys-component-padding-xs);
  padding-left: var(--cub-sys-component-padding-xs);
}

.cub-loading {
  --cub-comp-loading-text-white: var(--cub-ref-neutral-white);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.cub-loading.cub-loading-brand .cub-loading-spinner .cub-loading-spinner-icon {
  color: var(--cub-sys-text-brand-main);
}
.cub-loading.cub-loading-success .cub-loading-spinner .cub-loading-spinner-icon {
  color: var(--cub-sys-text-success-main);
}
.cub-loading.cub-loading-warning .cub-loading-spinner .cub-loading-spinner-icon {
  color: var(--cub-sys-text-warning-main);
}
.cub-loading.cub-loading-error .cub-loading-spinner .cub-loading-spinner-icon {
  color: var(--cub-sys-text-error-main);
}
.cub-loading.cub-loading-neutral .cub-loading-spinner .cub-loading-spinner-icon {
  color: var(--cub-sys-text-neutral-main);
}
.cub-loading.cub-loading-neutral-light .cub-loading-spinner .cub-loading-spinner-icon {
  color: var(--cub-sys-text-neutral-secondary);
}
.cub-loading.cub-loading-brand-contrast .cub-loading-spinner .cub-loading-spinner-icon {
  color: var(--cub-sys-text-brand-contrast);
}
.cub-loading.cub-loading-success-contrast .cub-loading-spinner .cub-loading-spinner-icon {
  color: var(--cub-sys-text-success-contrast);
}
.cub-loading.cub-loading-warning-contrast .cub-loading-spinner .cub-loading-spinner-icon {
  color: var(--cub-sys-text-warning-contrast);
}
.cub-loading.cub-loading-error-contrast .cub-loading-spinner .cub-loading-spinner-icon {
  color: var(--cub-sys-text-error-contrast);
}
.cub-loading.cub-loading-neutral-contrast .cub-loading-spinner .cub-loading-spinner-icon {
  color: var(--cub-sys-text-neutral-contrast);
}
.cub-loading.cub-loading-neutral-light-contrast .cub-loading-spinner .cub-loading-spinner-icon {
  color: var(--cub-sys-text-neutral-contrast);
}
.cub-loading.cub-loading-white .cub-loading-spinner .cub-loading-spinner-icon {
  color: var(--cub-comp-loading-text-white);
}
.cub-loading .cub-loading-backdrop {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  touch-action: none;
  pointer-events: none;
}
.cub-loading .cub-loading-backdrop.cub-loading-backdrop-dark {
  background-color: var(--cub-sys-backdrop-dark);
}
.cub-loading .cub-loading-backdrop.cub-loading-backdrop-light {
  background-color: var(--cub-sys-backdrop-light);
}
.cub-loading .cub-loading-spinner .cub-loading-spinner-icon {
  animation: rotate-loading 1s linear infinite;
  width: 100%;
  height: 100%;
  padding: var(--cub-sys-component-padding-3xs);
}

.cub-loading-fit-content {
  position: relative;
  width: fit-content;
  height: fit-content;
}

.cub-loading-small .cub-loading-spinner {
  width: 1.375rem;
  height: 1.375rem;
}

.cub-loading-medium .cub-loading-spinner {
  width: 1.5rem;
  height: 1.5rem;
}

.cub-loading-large .cub-loading-spinner {
  width: 3rem;
  height: 3rem;
}

.cub-loading-extra-large .cub-loading-spinner {
  width: 4rem;
  height: 4rem;
}

.cub-loading-full-screen {
  position: fixed;
  inset: 0;
  z-index: 9000;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh) * 100);
}

.cub-option {
  display: flex;
  align-items: center;
  height: auto;
  max-width: 100%;
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
  white-space: normal;
  background-color: transparent;
  position: relative;
  font: var(--cub-sys-font-body-m);
  color: var(--cub-sys-text-neutral-primary);
  border-radius: var(--cub-sys-radius-m);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.cub-option > .cub-option-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-option > .cub-option-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-option > .cub-ripple-disabled + .cub-option-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-option:hover:not(:disabled, .cub-disabled) > .cub-option-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-option.cub-selected:not(:disabled, .cub-disabled) {
  color: var(--cub-sys-text-neutral-selected);
  background-color: var(--cub-sys-bg-neutral-selected);
}
.cub-option.cub-disabled {
  position: relative;
  color: var(--cub-sys-text-neutral-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.cub-option.cub-disabled::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: not-allowed;
  pointer-events: auto;
}
.cub-option:hover:not(.cub-disabled), .cub-option:active:not(.cub-disabled), .cub-option.cub-active:not(.cub-disabled) {
  position: relative;
  z-index: 1;
}
.cub-option.cub-active:not(.cub-disabled) {
  /* 客製 Focus 樣式（改為往內縮） */
  outline: 2px solid var(--cub-sys-border-neutral-focused);
  outline-offset: -2px;
}
.cub-option.cub-option-multiple {
  align-items: flex-start;
}
.cub-option.cub-option-multiple .cub-checkbox {
  margin-right: var(--cub-sys-component-margin-xs);
}
.cub-option > .cub-option-ripple,
.cub-option > .cub-option-persistent-ripple {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
.cub-option .cub-option-text {
  display: inline-flex;
  align-items: center;
  word-wrap: break-word;
}

.cub-option-small {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-3xs);
  font: var(--cub-sys-font-body-s);
}
.cub-option-small.cub-option-multiple .cub-checkbox {
  margin-right: var(--cub-sys-component-margin-2xs);
}

.cub-option-group {
  display: block;
}
.cub-option-group + .cub-option-group {
  margin-top: var(--cub-sys-component-margin-3xs);
}
.cub-option-group .cub-option-group-divider {
  padding: 0 var(--cub-sys-component-padding-xs);
}
.cub-option-group .cub-option-group-label {
  display: flex;
  align-items: center;
  height: auto;
  max-width: 100%;
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
  white-space: normal;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin-top: var(--cub-sys-component-margin-3xs);
  font: var(--cub-sys-font-body-s);
  word-wrap: break-word;
  color: var(--cub-sys-text-neutral-secondary);
}

.cub-option-group-small .cub-option-group-divider {
  padding: 0 var(--cub-sys-component-padding-3xs);
}
.cub-option-group-small .cub-option-group-label {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-3xs);
}

.cub-paginator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -1px;
  gap: var(--cub-sys-component-margin-xs);
  padding: var(--cub-sys-component-padding-xs);
  font: var(--cub-sys-font-body-s);
  color: var(--cub-sys-text-neutral-primary);
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
  /* 輸入框 */
  /* 下拉選單 */
}
.cub-paginator .cub-paginator-input {
  width: auto;
  /* 特例：最大寬度 2.5 個字 */
}
.cub-paginator .cub-paginator-input .cub-input-container {
  min-width: calc(2.5 * var(--cub-sys-font-size-body-m)) !important;
  max-width: calc(2.5 * var(--cub-sys-font-size-body-m)) !important;
}
.cub-paginator .cub-paginator-input .cub-input-container .cub-input {
  text-align: center;
}
.cub-paginator .cub-paginator-select {
  width: auto;
  /* 避免數字過長溢出顯示 ... */
}
.cub-paginator .cub-paginator-select .cub-select {
  /* 特例：最小寬度三個字 */
  min-width: calc(3 * var(--cub-sys-font-size-body-m)) !important;
}
.cub-paginator .cub-paginator-select .cub-select .cub-select-value {
  overflow: visible;
}
.cub-paginator .cub-paginator-quick-jumper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--cub-sys-component-margin-xs);
}

/* 每頁筆數下拉選單 + 筆數資訊 */
.cub-paginator-left-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  gap: var(--cub-sys-component-margin-xs);
}
.cub-paginator-left-container .cub-paginator-range {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: default;
}

/* 跳頁按鈕 */
.cub-paginator-pages-container {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  max-width: 50%;
}
.cub-paginator-pages-container ul.cub-paginator-pages {
  display: inline-flex;
  gap: var(--cub-sys-component-margin-xs);
  list-style: none;
}
.cub-paginator-pages-container ul.cub-paginator-pages > li > a,
.cub-paginator-pages-container ul.cub-paginator-pages > li > button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.cub-paginator-pages-container ul.cub-paginator-pages > li.cub-paginator-page {
  position: relative;
  width: var(--cub-sys-component-size-3xl);
  height: var(--cub-sys-component-size-3xl);
  border-radius: var(--cub-sys-radius-m);
}
.cub-paginator-pages-container ul.cub-paginator-pages > li.cub-paginator-page > .cub-paginator-page-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-paginator-pages-container ul.cub-paginator-pages > li.cub-paginator-page > .cub-paginator-page-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-paginator-pages-container ul.cub-paginator-pages > li.cub-paginator-page > .cub-ripple-disabled + .cub-paginator-page-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-paginator-pages-container ul.cub-paginator-pages > li.cub-paginator-page:hover:not(:disabled, .cub-disabled) > .cub-paginator-page-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-paginator-pages-container ul.cub-paginator-pages > li.cub-paginator-page.cub-selected:not(:disabled, .cub-disabled) > a {
  font: var(--cub-sys-font-label-s);
  color: var(--cub-sys-text-neutral-selected);
  background-color: var(--cub-sys-bg-neutral-selected);
}
.cub-paginator-pages-container ul.cub-paginator-pages > li.cub-paginator-page > a {
  background-color: var(--cub-sys-bg-neutral-base);
  border-radius: inherit;
  cursor: pointer;
}
.cub-paginator-pages-container ul.cub-paginator-pages > li.cub-paginator-link > button {
  display: flex;
  width: var(--cub-sys-component-size-3xl);
  height: var(--cub-sys-component-size-3xl);
  margin: 0;
  padding: 0;
  color: var(--cub-sys-text-neutral-main);
  background-color: transparent;
  border: none;
  cursor: pointer;
}
@media screen and (hover: hover) {
  .cub-paginator-pages-container ul.cub-paginator-pages > li.cub-paginator-link > button:hover {
    color: var(--cub-sys-text-neutral-hover);
  }
}
.cub-paginator-pages-container ul.cub-paginator-pages > li.cub-paginator-link > button:active {
  color: var(--cub-sys-text-neutral-active);
}
.cub-paginator-pages-container ul.cub-paginator-pages > li.cub-paginator-link > button:disabled {
  color: var(--cub-sys-text-neutral-disabled);
  cursor: not-allowed;
}
.cub-paginator-pages-container ul.cub-paginator-pages > li.cub-paginator-link > button > span {
  font: var(--cub-sys-icon-body-s);
}
.cub-paginator-pages-container ul.cub-paginator-pages .cub-paginator-page-persistent-ripple {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}

/* 快速跳頁（輸入框 + 總頁數） */
.cub-paginator-right-container {
  display: flex;
  justify-content: flex-end;
  width: 25%;
}

/* 下拉選單 */
.cub-select-panel-container:has(.cub-select-panel-wrap > .cub-paginator-select-panel) {
  min-width: 0;
}

@media (max-width: 767.98px) {
  .cub-paginator-pages-container {
    max-width: 100%;
  }
}
.cub-picklist {
  display: flex;
  align-items: flex-end;
}
.cub-picklist:has(.cub-cdk-drop-list-dragging) {
  cursor: grabbing;
}
.cub-picklist.cub-picklist-has-filter .cub-picklist-buttons {
  height: calc(2px + var(--cub-sys-component-padding-xs) * 2 + var(--cub-sys-component-padding-3xs) * 2 + var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-margin-3xs) * 2 + 2px + var(--cub-sys-component-padding-3xs) * 2 + var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + 16rem);
}
.cub-picklist .cub-picklist-source-scope,
.cub-picklist .cub-picklist-target-scope {
  display: flex;
  flex: 1 1 50%;
  align-items: flex-end;
}
.cub-picklist .cub-picklist-source-scope .cub-picklist-list-wrapper,
.cub-picklist .cub-picklist-target-scope .cub-picklist-list-wrapper {
  flex: 1 1 100%;
}
.cub-picklist .cub-picklist-source-scope .cub-picklist-list-wrapper .cub-picklist-header,
.cub-picklist .cub-picklist-target-scope .cub-picklist-list-wrapper .cub-picklist-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--cub-sys-component-margin-s);
  font: var(--cub-sys-font-label-m);
  text-align: center;
  color: var(--cub-sys-text-neutral-primary);
}
.cub-picklist .cub-picklist-source-scope .cub-picklist-list-wrapper .cub-picklist-operate-area,
.cub-picklist .cub-picklist-target-scope .cub-picklist-list-wrapper .cub-picklist-operate-area {
  padding: var(--cub-sys-component-padding-xs) 0;
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-light);
  border-radius: var(--cub-sys-radius-m);
  overflow: hidden;
}
.cub-picklist .cub-picklist-source-scope .cub-picklist-list-wrapper .cub-picklist-operate-area.cub-disabled,
.cub-picklist .cub-picklist-target-scope .cub-picklist-list-wrapper .cub-picklist-operate-area.cub-disabled {
  background-color: var(--cub-sys-bg-neutral-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.cub-picklist .cub-picklist-source-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-select-all,
.cub-picklist .cub-picklist-source-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-filter,
.cub-picklist .cub-picklist-target-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-select-all,
.cub-picklist .cub-picklist-target-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-filter {
  display: flex;
  padding: 0 var(--cub-sys-component-padding-s);
}
.cub-picklist .cub-picklist-source-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-filter,
.cub-picklist .cub-picklist-target-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-filter {
  margin: var(--cub-sys-component-margin-3xs) 0;
}
.cub-picklist .cub-picklist-source-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-list,
.cub-picklist .cub-picklist-target-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-list {
  position: relative;
  height: 16rem;
  padding: 0 var(--cub-sys-component-padding-3xs);
  overflow: auto;
}
.cub-picklist .cub-picklist-source-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-list.cub-cdk-drop-list-dragging .cub-picklist-item:not(.cub-cdk-drag-placeholder),
.cub-picklist .cub-picklist-target-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-list.cub-cdk-drop-list-dragging .cub-picklist-item:not(.cub-cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cub-picklist .cub-picklist-source-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-list .cub-picklist-empty-message,
.cub-picklist .cub-picklist-target-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-list .cub-picklist-empty-message {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 0 var(--cub-sys-component-padding-s);
  font: var(--cub-sys-font-body-m);
  text-align: center;
  color: var(--cub-sys-text-neutral-disabled);
  transform: translate(-50%, -50%);
}
.cub-picklist .cub-picklist-source-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-list .cub-picklist-empty-message.cub-disabled,
.cub-picklist .cub-picklist-target-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-list .cub-picklist-empty-message.cub-disabled {
  background-color: var(--cub-sys-bg-neutral-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.cub-picklist .cub-picklist-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(2px + var(--cub-sys-component-padding-xs) * 2 + var(--cub-sys-component-padding-3xs) * 2 + var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + 16rem);
  margin: 0 var(--cub-sys-component-margin-l);
  gap: var(--cub-sys-component-margin-s);
}

.cub-picklist-small.cub-picklist-has-filter .cub-picklist-buttons {
  height: calc(2px + var(--cub-sys-component-padding-xs) * 2 + var(--cub-sys-component-padding-4xs) * 2 + var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-margin-3xs) * 2 + 2px + var(--cub-sys-component-padding-4xs) * 2 + var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + 16rem);
}
.cub-picklist-small .cub-picklist-source-scope .cub-picklist-list-wrapper .cub-picklist-header,
.cub-picklist-small .cub-picklist-target-scope .cub-picklist-list-wrapper .cub-picklist-header {
  font: var(--cub-sys-font-label-s);
}
.cub-picklist-small .cub-picklist-source-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-select-all,
.cub-picklist-small .cub-picklist-source-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-filter,
.cub-picklist-small .cub-picklist-target-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-select-all,
.cub-picklist-small .cub-picklist-target-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-filter {
  padding: 0 var(--cub-sys-component-padding-xs);
}
.cub-picklist-small .cub-picklist-source-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-list .cub-picklist-empty-message,
.cub-picklist-small .cub-picklist-target-scope .cub-picklist-list-wrapper .cub-picklist-operate-area .cub-picklist-list .cub-picklist-empty-message {
  padding: 0 var(--cub-sys-component-padding-xs);
  font: var(--cub-sys-font-body-s);
}
.cub-picklist-small .cub-picklist-buttons {
  height: calc(2px + var(--cub-sys-component-padding-xs) * 2 + var(--cub-sys-component-padding-4xs) * 2 + var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + 16rem);
}

.cub-picklist-item:not(.cub-cdk-drag-disabled) {
  cursor: grab;
}
.cub-picklist-item.cub-cdk-drag-placeholder {
  opacity: 0;
}
.cub-picklist-item.cub-cdk-drag-preview {
  z-index: 3000 !important;
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-picklist-item.cub-cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

@media (max-width: 767.98px) {
  .cub-picklist {
    flex-direction: column;
    align-items: initial;
  }
  .cub-picklist.cub-picklist-has-filter .cub-picklist-buttons {
    height: auto;
  }
  .cub-picklist .cub-picklist-buttons {
    flex-direction: row-reverse;
    height: auto;
    margin: var(--cub-sys-component-margin-l) 0;
  }
  .cub-picklist .cub-picklist-buttons .cub-button-icon {
    transform: rotate(90deg);
  }
}
/* Marker 小圓點 size */
.cub-timeline {
  --cub-comp-timeline-text-neutral-light: var(--cub-ref-neutral-4);
  --cub-comp-timeline-text-neutral-dark: var(--cub-ref-neutral-10);
}
.cub-timeline .cub-timeline-step {
  display: flex;
  position: relative;
}
.cub-timeline .cub-timeline-step .cub-timeline-content {
  flex: 1;
}
.cub-timeline .cub-timeline-step:not(:last-of-type) .cub-timeline-content {
  padding-bottom: var(--cub-sys-component-padding-m);
}
.cub-timeline .cub-timeline-connector-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: var(--cub-sys-component-margin-xs);
  margin-right: var(--cub-sys-component-margin-l);
}
.cub-timeline .cub-timeline-connector-container:has(.cub-timeline-icon) {
  margin-top: var(--cub-sys-component-margin-4xs);
}
.cub-timeline .cub-timeline-connector {
  position: absolute;
  width: 0.0625rem;
  height: 100%;
  margin-top: var(--cub-sys-component-size-2xs);
  background-color: var(--cub-sys-border-neutral-light);
}
.cub-timeline .cub-timeline-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font: var(--cub-sys-icon-body-s);
  color: var(--cub-comp-timeline-text-neutral-light);
}
.cub-timeline .cub-timeline-icon + .cub-timeline-connector {
  position: relative;
  height: 100%;
  margin-top: var(--cub-sys-component-margin-4xs);
}
.cub-timeline .cub-timeline-marker {
  display: inline-block;
  position: relative;
  width: var(--cub-sys-component-size-2xs);
  height: var(--cub-sys-component-size-2xs);
  background-color: transparent;
  border: 1px solid var(--cub-sys-border-neutral-light);
  border-radius: var(--cub-sys-radius-circle);
}
.cub-timeline.cub-neutral .cub-timeline-step.cub-active .cub-timeline-icon {
  color: var(--cub-comp-timeline-text-neutral-dark);
}
.cub-timeline.cub-neutral .cub-timeline-step.cub-active .cub-timeline-marker {
  border-color: var(--cub-sys-border-neutral-dark);
}
.cub-timeline.cub-neutral .cub-timeline-step:has(+ .cub-timeline-step.cub-active) .cub-timeline-connector {
  background-color: var(--cub-sys-border-neutral-dark);
}
.cub-timeline.cub-brand .cub-timeline-step.cub-active .cub-timeline-icon {
  color: var(--cub-sys-text-brand-main);
}
.cub-timeline.cub-brand .cub-timeline-step.cub-active .cub-timeline-marker {
  border-color: var(--cub-sys-border-brand-main);
}
.cub-timeline.cub-brand .cub-timeline-step:has(+ .cub-timeline-step.cub-active) .cub-timeline-connector {
  background-color: var(--cub-sys-border-brand-main);
}

.cub-radio {
  display: inline-flex;
  outline: 0;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  /* 沒有標籤的時候 margin 設定在元件最外面，避免 focus 樣式長高 */
  /* S 尺寸 */
  /* Outline 樣式 */
  /* 設定選取 circle checked 的基礎樣式 */
  /* Radio 鍵盤操作行為 focus 若吃共用樣式，鍵盤操作整套需要全寫回來 */
  /* Disabled 狀態設定 */
  /* checked 相關狀態設定 */
  /* 設定 Radio 點擊時 ripple */
}
.cub-radio:has(.cub-radio-label-empty) {
  margin-top: var(--cub-sys-component-margin-4xs);
  margin-bottom: var(--cub-sys-component-margin-4xs);
}
.cub-radio.cub-radio-small.cub-radio-label-empty {
  /* 沒有標籤 */
}
.cub-radio.cub-radio-small.cub-radio-label-empty:has(.cub-checkbox-label-empty) {
  margin-top: var(--cub-sys-component-margin-3xs);
  margin-bottom: var(--cub-sys-component-margin-3xs);
}
.cub-radio.cub-radio-small .cub-radio-label {
  /* Small Size 有標籤 文字區域 間距設定 */
}
.cub-radio.cub-radio-small .cub-radio-label .cub-radio-label-content {
  padding-top: calc(var(--cub-sys-component-padding-4xs) + 1px);
  padding-bottom: calc(var(--cub-sys-component-padding-4xs) + 1px);
  padding-left: var(--cub-sys-component-padding-2xs);
  font: var(--cub-sys-font-body-s);
}
.cub-radio.cub-radio-small .cub-radio-container .cub-radio-circle-background {
  width: var(--cub-sys-component-size-s);
  height: var(--cub-sys-component-size-s);
}
.cub-radio.cub-radio-small .cub-radio-container .cub-radio-circle-checked {
  width: calc(var(--cub-sys-component-size-s) * 0.4);
  height: calc(var(--cub-sys-component-size-s) * 0.4);
}
.cub-radio.cub-radio-small .cub-radio-circle-ripple,
.cub-radio.cub-radio-small .cub-radio-circle-persistent-ripple {
  width: calc(var(--cub-sys-component-size-s) * 1.6);
  height: calc(var(--cub-sys-component-size-s) * 1.6);
}
.cub-radio.cub-radio-outline {
  min-width: 2.25rem;
  margin: 0;
  /* S 尺寸 */
}
.cub-radio.cub-radio-outline.cub-radio-small {
  min-width: 1.875rem;
}
.cub-radio.cub-radio-outline.cub-radio-small .cub-radio-label {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-s);
}
.cub-radio.cub-radio-outline:first-child .cub-radio-label {
  border-radius: var(--cub-sys-radius-l) 0 0 var(--cub-sys-radius-l);
}
.cub-radio.cub-radio-outline:last-child .cub-radio-label {
  border-radius: 0 var(--cub-sys-radius-l) var(--cub-sys-radius-l) 0;
}
.cub-radio.cub-radio-outline.cub-radio-disabled .cub-radio-label .cub-radio-label-content {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-radio.cub-radio-outline.cub-radio-checked:not(.cub-radio-disabled) {
  z-index: 1;
}
.cub-radio.cub-radio-outline.cub-radio-checked:not(.cub-radio-disabled) .cub-radio-label {
  border-color: var(--cub-sys-border-brand-main);
}
.cub-radio.cub-radio-outline.cub-radio-checked:not(.cub-radio-disabled) .cub-radio-label .cub-radio-label-content {
  color: var(--cub-sys-text-brand-main);
}
.cub-radio.cub-radio-outline + .cub-radio {
  margin-left: -1px;
}
.cub-radio.cub-radio-outline .cub-radio-label {
  justify-content: center;
  position: relative;
  width: 100%;
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-m);
  border-width: 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-light);
  overflow: hidden;
}
.cub-radio.cub-radio-outline .cub-radio-label > .cub-radio-label-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-radio.cub-radio-outline .cub-radio-label > .cub-radio-label-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-radio.cub-radio-outline .cub-radio-label > .cub-ripple-disabled + .cub-radio-label-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-radio.cub-radio-outline .cub-radio-label:hover:not(:disabled, .cub-disabled) > .cub-radio-label-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-radio.cub-radio-outline .cub-radio-label .cub-radio-label-content {
  padding: 0;
  text-align: center;
}
.cub-radio.cub-radio-outline .cub-radio-label > .cub-radio-label-ripple,
.cub-radio.cub-radio-outline .cub-radio-label > .cub-radio-label-persistent-ripple {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
.cub-radio .cub-radio-label {
  display: inline-flex;
  align-items: flex-start;
  width: auto;
  white-space: nowrap;
  vertical-align: middle;
  overflow: initial;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  /* 沒有標籤 */
  /* 有標籤 radio 區域 */
  /* 有標籤 文字區域 */
}
.cub-radio .cub-radio-label.cub-radio-label-before .cub-radio-container {
  order: 1;
}
.cub-radio .cub-radio-label.cub-radio-label-empty .cub-radio-container {
  margin-top: 0;
  margin-bottom: 0;
}
.cub-radio .cub-radio-label.cub-radio-label-empty .cub-radio-label-content {
  padding-right: var(--cub-sys-component-padding-5xs);
  padding-left: var(--cub-sys-component-padding-5xs);
}
.cub-radio .cub-radio-label .cub-radio-container {
  margin: calc(var(--cub-sys-component-margin-2xs) + 1px) 0;
}
.cub-radio .cub-radio-label .cub-radio-label-content {
  padding-top: calc(var(--cub-sys-component-padding-3xs) + 1px);
  padding-right: var(--cub-sys-component-padding-5xs);
  padding-bottom: calc(var(--cub-sys-component-padding-3xs) + 1px);
  padding-left: var(--cub-sys-component-padding-xs);
  font: var(--cub-sys-font-body-m);
  white-space: normal;
  color: var(--cub-sys-text-neutral-primary);
  -webkit-user-select: auto;
  user-select: auto;
}
.cub-radio .cub-radio-container {
  display: inline-block;
  flex-shrink: 0;
  order: 0;
  position: relative;
  vertical-align: middle;
  /* 隱藏原生 Radio */
}
.cub-radio .cub-radio-container .cub-radio-circle-background {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  width: var(--cub-sys-component-size-l);
  height: var(--cub-sys-component-size-l);
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-light);
  border-radius: var(--cub-sys-radius-circle);
}
.cub-radio .cub-radio-container .cub-radio-input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: inherit;
  pointer-events: none;
}
.cub-radio .cub-radio-circle-checked {
  position: absolute;
  top: 50%;
  left: 50%;
  /*
  * 例外特殊使用，同父層大小 Token 計算大小
  * 因使用 Icon Font 定位及 display 排版，受瀏覽器 font-size 計算差異，皆會產生偏移無法置中，故中間選取標記直接使用 CSS 繪製。
  */
  width: calc(var(--cub-sys-component-size-l) * 0.4);
  height: calc(var(--cub-sys-component-size-l) * 0.4);
  background-color: var(--cub-sys-text-brand-contrast);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.cub-radio.cub-cdk-keyboard-focused .cub-radio-label {
  outline: 2px solid var(--cub-sys-border-neutral-focused);
}
.cub-radio.cub-radio-disabled .cub-radio-label {
  cursor: not-allowed;
}
.cub-radio.cub-radio-disabled .cub-radio-circle-background {
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
}
.cub-radio.cub-radio-disabled .cub-radio-circle-checked {
  background-color: var(--cub-sys-text-brand-disabled);
}
.cub-radio.cub-radio-disabled.cub-radio-checked .cub-radio-circle-background {
  background-color: var(--cub-sys-bg-brand-disabled);
  border-color: var(--cub-sys-border-brand-disabled);
}
.cub-radio:not(.cub-radio-disabled) .cub-radio-container > .cub-radio-circle-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-radio:not(.cub-radio-disabled) .cub-radio-container > .cub-radio-circle-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-radio:not(.cub-radio-disabled) .cub-radio-container > .cub-ripple-disabled + .cub-radio-circle-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-radio:not(.cub-radio-disabled) .cub-radio-container:hover:not(:disabled, .cub-disabled) > .cub-radio-circle-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-radio:not(.cub-radio-disabled).cub-radio-checked .cub-radio-container > .cub-radio-circle-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-brand-7);
}
.cub-radio:not(.cub-radio-disabled).cub-radio-checked .cub-radio-container > .cub-radio-circle-persistent-ripple {
  background-color: var(--cub-ref-brand-7);
}
.cub-radio:not(.cub-radio-disabled).cub-radio-checked .cub-radio-container > .cub-ripple-disabled + .cub-radio-circle-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-radio:not(.cub-radio-disabled).cub-radio-checked .cub-radio-container:hover:not(:disabled, .cub-disabled) > .cub-radio-circle-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-radio:not(.cub-radio-disabled).cub-radio-checked .cub-radio-container .cub-radio-circle-background {
  background-color: var(--cub-sys-bg-brand-main);
  border-color: var(--cub-sys-border-brand-main);
}
.cub-radio .cub-radio-circle-ripple,
.cub-radio .cub-radio-circle-persistent-ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(var(--cub-sys-component-size-l) * 1.6);
  height: calc(var(--cub-sys-component-size-l) * 1.6);
  border-radius: var(--cub-sys-radius-circle);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

/* 設定 Radio Group 相關間距 */
.cub-radio-group-vertical,
.cub-radio-group-horizontal {
  display: flex;
}
.cub-radio-group-vertical .cub-custom-radio,
.cub-radio-group-horizontal .cub-custom-radio {
  display: inline-flex;
  flex-wrap: wrap;
}
.cub-radio-group-vertical .cub-custom-radio .cub-radio,
.cub-radio-group-horizontal .cub-custom-radio .cub-radio {
  width: auto;
  margin-right: var(--cub-sys-component-margin-m);
}
.cub-radio-group-vertical .cub-custom-radio .cub-radio.cub-radio-small,
.cub-radio-group-horizontal .cub-custom-radio .cub-radio.cub-radio-small {
  margin-right: var(--cub-sys-component-margin-s);
}
.cub-radio-group-vertical .cub-custom-radio .cub-form-field,
.cub-radio-group-vertical .cub-custom-radio .cub-form-field-outline,
.cub-radio-group-horizontal .cub-custom-radio .cub-form-field,
.cub-radio-group-horizontal .cub-custom-radio .cub-form-field-outline {
  min-width: auto;
}
.cub-radio-group-vertical .cub-custom-radio > *,
.cub-radio-group-horizontal .cub-custom-radio > * {
  width: auto;
}

.cub-radio-group-horizontal {
  flex-wrap: wrap;
  gap: var(--cub-sys-component-margin-4xs) var(--cub-sys-component-margin-m);
}
.cub-radio-group-horizontal:has(.cub-radio-small) {
  gap: var(--cub-sys-component-margin-4xs) var(--cub-sys-component-margin-s);
}

.cub-radio-group-vertical {
  flex-direction: column;
  width: 100%;
  gap: var(--cub-sys-component-margin-4xs) var(--cub-sys-component-margin-m);
}
.cub-radio-group-vertical:has(.cub-radio-small) {
  gap: var(--cub-sys-component-margin-4xs) var(--cub-sys-component-margin-s);
}
.cub-radio-group-vertical .cub-radio {
  width: 100%;
}

.cub-radio-outline-group {
  gap: 0 !important;
}
.cub-radio-outline-group.cub-radio-outline-group-auto {
  display: flex;
  flex-wrap: wrap;
  width: auto;
}
.cub-radio-outline-group.cub-radio-outline-group-auto .cub-radio {
  width: auto;
}
.cub-radio-outline-group.cub-radio-outline-group-fill {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.cub-radio-outline-group.cub-radio-outline-group-fixed {
  display: flex;
  flex-wrap: nowrap;
  width: auto;
  max-width: 100%;
}

/**
  * 設定錯誤紅色框框
  * 原生寫法驗證會一開始錯誤就觸發。
  * 配合一直以來的驗證習慣，第一次載入即使錯也不會出現驗證錯誤。要觸發其他事件後才會。
*/
.cub-form-field-invalid .cub-radio-container .cub-radio-circle-background {
  border-color: var(--cub-sys-border-error-main) !important;
}
.cub-form-field-invalid .cub-radio-outline-group .cub-radio-outline.cub-radio-disabled .cub-radio-label .cub-radio-label-content {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-form-field-invalid .cub-radio-outline-group .cub-radio-outline.cub-radio-checked:not(.cub-radio-disabled) .cub-radio-label {
  border-color: var(--cub-sys-border-error-main);
}
.cub-form-field-invalid .cub-radio-outline-group .cub-radio-outline.cub-radio-checked:not(.cub-radio-disabled) .cub-radio-label .cub-radio-label-content {
  color: var(--cub-sys-text-error-main);
}
.cub-form-field-invalid .cub-radio-outline-group .cub-radio-outline .cub-radio-label {
  border-color: var(--cub-sys-border-error-main);
}

.cub-resource-item {
  display: inline-flex;
  align-items: center;
  position: relative;
  width: fit-content;
  max-width: 100%;
  background-color: var(--cub-sys-bg-neutral-base);
  border: 1px solid var(--cub-sys-border-neutral-lighter);
  border-radius: var(--cub-sys-radius-l);
}
.cub-resource-item.cub-resource-item-error {
  background-color: var(--cub-sys-bg-neutral-base);
  border-color: var(--cub-sys-border-error-main);
}
.cub-resource-item.cub-disabled {
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
  cursor: not-allowed;
}
.cub-resource-item.cub-disabled .cub-hyperlink,
.cub-resource-item.cub-disabled .cub-resource-item-extra-info {
  color: var(--cub-sys-text-neutral-disabled) !important;
}
.cub-resource-item.cub-disabled .cub-hyperlink,
.cub-resource-item.cub-disabled [cub-icon-button] {
  pointer-events: none;
}
.cub-resource-item:not(.cub-disabled) .cub-hyperlink,
.cub-resource-item:not(.cub-disabled) [cub-icon-button] {
  cursor: pointer;
}
.cub-resource-item.cub-resource-item-medium {
  padding: var(--cub-sys-component-padding-xs);
}
.cub-resource-item.cub-resource-item-medium.cub-resource-item-hide-close .cub-resource-item-content .cub-resource-item-content-left:last-child {
  margin-right: var(--cub-sys-component-margin-xs);
}
.cub-resource-item.cub-resource-item-medium.cub-resource-item-hide-close .cub-resource-item-content .cub-resource-item-content-right:last-child {
  margin-right: var(--cub-sys-component-margin-xs);
}
.cub-resource-item.cub-resource-item-medium .cub-resource-item-content .cub-resource-item-content-left {
  flex: 1 1 auto;
  min-width: 0;
  margin-right: var(--cub-sys-component-margin-m);
}
.cub-resource-item.cub-resource-item-medium .cub-resource-item-content .cub-resource-item-content-right {
  flex: 0 1 auto;
  min-width: 0;
  margin-right: var(--cub-sys-component-margin-3xs);
}
.cub-resource-item.cub-resource-item-medium .cub-resource-item-content .cub-resource-item-content-right .cub-resource-item-extra-info {
  font: var(--cub-sys-font-body-m);
}
.cub-resource-item.cub-resource-item-small {
  padding: var(--cub-sys-component-padding-2xs);
}
.cub-resource-item.cub-resource-item-small.cub-resource-item-hide-close .cub-resource-item-content .cub-resource-item-content-left:last-child {
  margin-right: var(--cub-sys-component-margin-2xs);
}
.cub-resource-item.cub-resource-item-small.cub-resource-item-hide-close .cub-resource-item-content .cub-resource-item-content-right:last-child {
  margin-right: var(--cub-sys-component-margin-2xs);
}
.cub-resource-item.cub-resource-item-small .cub-resource-item-content .cub-resource-item-content-left {
  flex: 1 1 auto;
  min-width: 0;
  margin-right: var(--cub-sys-component-margin-s);
}
.cub-resource-item.cub-resource-item-small .cub-resource-item-content .cub-resource-item-content-right {
  flex: 0 1 auto;
  min-width: 0;
  margin-right: var(--cub-sys-component-margin-4xs);
}
.cub-resource-item.cub-resource-item-small .cub-resource-item-content .cub-resource-item-content-right .cub-resource-item-extra-info {
  font: var(--cub-sys-font-body-s);
}
.cub-resource-item > .cub-resource-item-content {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.cub-resource-item > .cub-resource-item-content .cub-resource-item-content-left {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.cub-resource-item > .cub-resource-item-content .cub-resource-item-content-left .cub-hyperlink {
  /* 客製 Focus 樣式（改為往內縮） */
  outline-offset: -2px;
  overflow: hidden;
}
.cub-resource-item > .cub-resource-item-content .cub-resource-item-content-left .cub-hyperlink .cub-hyperlink-wrapper {
  width: 100%;
}
.cub-resource-item > .cub-resource-item-content .cub-resource-item-content-left .cub-hyperlink .cub-hyperlink-wrapper .cub-hyperlink-content {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-resource-item > .cub-resource-item-content .cub-resource-item-content-right {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.cub-resource-item > .cub-resource-item-content .cub-resource-item-content-right .cub-resource-item-extra-info {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--cub-sys-text-neutral-secondary);
  overflow: hidden;
}
.cub-resource-item > .cub-resource-item-close {
  display: flex;
  align-items: center;
}

.cub-select {
  display: inline-block;
  width: 100%;
  /* 最小寬度三個字 + Margin + Arrow Icon + 左右 Padding + Border */
  min-width: calc(3 * var(--cub-sys-font-size-body-m) + (var(--cub-sys-component-margin-3xs)) + var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + 2 * var(--cub-sys-component-padding-xs) + 2px);
}
.cub-select.cub-select-outline {
  border-color: var(--cub-sys-border-neutral-light);
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cub-sys-radius-m);
  outline: none;
}
@media screen and (hover: hover) {
  .cub-select.cub-select-outline:hover {
    border-color: var(--cub-sys-border-neutral-hover);
  }
}
.cub-select.cub-select-outline:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-neutral-hover);
  /* 客製 Focus 樣式 */
  outline: 2px solid var(--cub-sys-border-neutral-focused);
}
.cub-select.cub-select-outline:disabled, .cub-select.cub-select-outline.cub-disabled {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-select.cub-select-outline:disabled, .cub-select.cub-select-outline.cub-disabled {
  border-color: var(--cub-sys-border-neutral-disabled);
}
.cub-select.cub-select-outline.cub-select-invalid {
  border-color: var(--cub-sys-border-error-main);
}
@media screen and (hover: hover) {
  .cub-select.cub-select-outline.cub-select-invalid:hover {
    border-color: var(--cub-sys-border-error-main);
  }
}
.cub-select.cub-select-outline.cub-select-invalid:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-error-main);
}
.cub-select.cub-select-borderless {
  border-color: transparent;
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cub-sys-radius-m);
  outline: none;
}
@media screen and (hover: hover) {
  .cub-select.cub-select-borderless:hover {
    border-color: var(--cub-sys-border-neutral-hover);
  }
}
.cub-select.cub-select-borderless:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-neutral-hover);
  /* 客製 Focus 樣式 */
  outline: 2px solid var(--cub-sys-border-neutral-focused);
}
.cub-select.cub-select-borderless:disabled, .cub-select.cub-select-borderless.cub-disabled {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-select.cub-select-borderless:disabled, .cub-select.cub-select-borderless.cub-disabled {
  border-color: transparent;
}
.cub-select.cub-select-borderless.cub-select-invalid {
  border-color: var(--cub-sys-border-error-main);
}
@media screen and (hover: hover) {
  .cub-select.cub-select-borderless.cub-select-invalid:hover {
    border-color: var(--cub-sys-border-error-main);
  }
}
.cub-select.cub-select-borderless.cub-select-invalid:focus:not(:disabled, .cub-disabled) {
  border-color: var(--cub-sys-border-error-main);
}
.cub-select.cub-select-expanded {
  border-color: var(--cub-sys-border-neutral-hover);
  /* 客製 Focus 樣式 */
  outline: 2px solid var(--cub-sys-border-neutral-focused);
}
.cub-select.cub-disabled .cub-select-trigger {
  cursor: not-allowed;
}
.cub-select .cub-select-trigger {
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
  cursor: pointer;
}
.cub-select .cub-select-trigger .cub-select-value {
  display: flex;
  width: 100%;
  margin-right: var(--cub-sys-component-margin-3xs);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-select .cub-select-trigger .cub-select-value .cub-select-placeholder {
  font: var(--cub-sys-font-body-m);
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--cub-sys-text-neutral-placeholder);
  overflow: hidden;
  transition: color 400ms 133.33ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.cub-select .cub-select-trigger .cub-select-value .cub-select-placeholder.cub-select-min-line:empty::before {
  content: " ";
  display: inline-block;
  width: 1px;
  white-space: pre;
  visibility: hidden;
}
.cub-select .cub-select-trigger .cub-select-value .cub-select-value-text {
  font: var(--cub-sys-font-body-m);
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--cub-sys-text-neutral-primary);
  overflow: hidden;
}
.cub-select .cub-select-trigger .cub-select-arrow {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
}
.cub-select .cub-select-trigger .cub-select-arrow span {
  font: var(--cub-sys-icon-body-m);
  color: var(--cub-sys-text-neutral-third);
}

.cub-select-small {
  /* 最小寬度三個字 + Margin + Arrow Icon + 左右 Padding + Border */
  min-width: calc(3 * var(--cub-sys-font-size-body-s) + (var(--cub-sys-component-margin-3xs)) + var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + 2 * var(--cub-sys-component-padding-xs) + 2px);
}
.cub-select-small .cub-select-trigger {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-xs);
}
.cub-select-small .cub-select-trigger .cub-select-value .cub-select-placeholder {
  font: var(--cub-sys-font-body-s);
}
.cub-select-small .cub-select-trigger .cub-select-value .cub-select-value-text {
  font: var(--cub-sys-font-body-s);
}
.cub-select-small .cub-select-trigger .cub-select-arrow span {
  font: var(--cub-sys-icon-body-s);
}

.cub-cdk-overlay-pane.cub-select-panel-container {
  z-index: 2300;
}

.cub-select-panel-container {
  min-width: min-content;
}
.cub-select-panel-container .cub-select-panel-wrap {
  flex-basis: 100%;
  width: 100%;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel {
  min-width: 100% !important;
  max-width: 100%;
  background-color: var(--cub-sys-bg-neutral-base);
  border-radius: var(--cub-sys-radius-m);
  box-shadow: var(--cub-sys-shadow-layer-2);
  outline: none !important;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-select-panel-header {
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-3xs) 0;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-select-panel-header + .cub-option-container {
  padding-top: 0;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-select-panel-header .cub-filter-input {
  width: 100%;
  padding: var(--cub-sys-component-padding-xs) var(--cub-sys-component-padding-xs) var(--cub-sys-component-padding-3xs);
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-select-panel-header .cub-option-select-all {
  width: 100%;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-select-panel-header .cub-option-select-all.cub-padding-scroll {
  /* Scrollbar Width：typography.scrollbar(small) */
  padding-right: 8px;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-select-panel-header .cub-option-select-all .cub-option-multiple .cub-checkbox {
  pointer-events: none;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-option-container {
  position: relative;
  max-height: 12.5rem;
  padding: var(--cub-sys-component-padding-3xs);
  overflow: auto;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-option-container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-option-container::-webkit-scrollbar-track {
  background-color: var(--cub-sys-bg-neutral-light);
  border-radius: 8px;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-option-container::-webkit-scrollbar-thumb {
  background-color: var(--cub-ref-neutral-4);
  background-clip: content-box;
  border-radius: 8px;
  border-width: 0 2px;
  border-style: solid;
  border-color: transparent;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-option-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--cub-ref-neutral-6);
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-option-container::-webkit-scrollbar-thumb:active {
  background-color: var(--cub-ref-neutral-8);
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-option-container::-webkit-scrollbar-thumb:horizontal {
  border-width: 2px 0;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-option-container::-webkit-scrollbar-track {
  margin: var(--cub-sys-component-margin-3xs) 0;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-option-container.cub-option-container-margin {
  margin-top: var(--cub-sys-component-margin-3xs);
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-option-container .cub-filter-empty-message {
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
  font: var(--cub-sys-font-body-m);
  text-align: center;
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-option-container .cub-option-group-placeholder .cub-option-group-divider,
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-option-container .cub-option-group-placeholder .cub-option-group-label {
  display: none;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-option-container .cub-option-placeholder:focus-visible {
  position: relative;
  z-index: 1;
  /* 客製 Focus 樣式（改為往內縮） */
  outline: 2px solid var(--cub-sys-border-neutral-focused);
  outline-offset: -2px;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel .cub-option-container .cub-option-multiple .cub-checkbox {
  pointer-events: none;
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel-small .cub-select-panel-header .cub-filter-input {
  padding: var(--cub-sys-component-padding-3xs);
}
.cub-select-panel-container .cub-select-panel-wrap .cub-select-panel-small .cub-option-container .cub-filter-empty-message {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-3xs);
  font: var(--cub-sys-font-body-s);
}

.cub-switch {
  --cub-comp-switch-bg-neutral: #efefef;
  display: inline-block;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  /* Switch 的橢圓區域 */
  /* Disabled 狀態設定 */
  /* S 尺寸 */
}
.cub-switch .cub-switch-label {
  display: inline-flex;
  flex: 1;
  flex-direction: row;
  align-items: start;
  height: inherit;
  cursor: pointer;
}
.cub-switch .cub-switch-label.cub-switch-label-before {
  order: 1;
}
.cub-switch .cub-switch-label.cub-switch-label-before .cub-switch-bar {
  order: 2;
}
.cub-switch .cub-switch-label.cub-switch-label-before .cub-switch-label-content {
  margin-right: var(--cub-sys-component-margin-2xs);
}
.cub-switch .cub-switch-label.cub-switch-label-after .cub-switch-label-content {
  margin-left: var(--cub-sys-component-margin-2xs);
}
.cub-switch .cub-switch-bar {
  display: flex;
  min-width: 3rem;
  margin: var(--cub-sys-component-margin-3xs) var(--cub-sys-component-margin-5xs);
  padding: var(--cub-sys-component-padding-4xs);
  background-color: var(--cub-comp-switch-bg-neutral);
  border-radius: var(--cub-sys-radius-round);
  transition: background-color 0.15s ease;
  /* Switch 的圓型 thumb */
}
.cub-switch .cub-switch-bar .cub-switch-thumb-container {
  position: relative;
  margin-right: auto;
  margin-left: var(--cub-sys-component-margin-5xs);
}
.cub-switch .cub-switch-bar .cub-switch-thumb-container > .cub-switch-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-switch .cub-switch-bar .cub-switch-thumb-container > .cub-switch-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-switch .cub-switch-bar .cub-switch-thumb-container > .cub-ripple-disabled + .cub-switch-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-switch .cub-switch-bar .cub-switch-thumb-container:hover:not(:disabled, .cub-disabled) > .cub-switch-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-switch .cub-switch-bar .cub-switch-thumb {
  display: block;
  position: relative;
  width: var(--cub-sys-component-size-l);
  height: var(--cub-sys-component-size-l);
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-light);
  border-radius: var(--cub-sys-radius-circle);
}
.cub-switch .cub-switch-bar .cub-switch-thumb .cub-switch-uncheckedmark,
.cub-switch .cub-switch-bar .cub-switch-thumb .cub-switch-checkedmark {
  position: absolute;
  top: 50%;
  left: 50%;
}
.cub-switch .cub-switch-bar .cub-switch-thumb .cub-switch-uncheckedmark {
  width: 10px;
  height: 1px;
  background-color: var(--cub-sys-text-neutral-third);
  transform: translate(-50%, -50%);
}
.cub-switch .cub-switch-bar .cub-switch-thumb .cub-switch-checkedmark {
  width: 6px;
  height: 10px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: var(--cub-sys-text-brand-main);
  transform: translate(-50%, -65%) rotate(45deg);
}
.cub-switch .cub-switch-label-content {
  margin: var(--cub-sys-component-margin-3xs) var(--cub-sys-component-margin-5xs);
  font: var(--cub-sys-font-body-m);
  white-space: normal;
  color: var(--cub-sys-text-neutral-primary);
  /* Mozilla */
  /* Chrome, Opera (older versions), IOS Safari */
  -webkit-user-select: none;
  user-select: none;
  /* Safari */
  -webkit-touch-callout: none;
}
.cub-switch .cub-switch-ripple,
.cub-switch .cub-switch-persistent-ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(var(--cub-sys-component-size-l) * 1.6);
  height: calc(var(--cub-sys-component-size-l) * 1.6);
  border-radius: var(--cub-sys-radius-circle);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.cub-switch.cub-checked .cub-switch-bar {
  background-color: var(--cub-sys-bg-brand-main);
}
.cub-switch.cub-checked .cub-switch-bar .cub-switch-thumb-container {
  margin-right: var(--cub-sys-component-margin-5xs);
  margin-left: auto;
}
.cub-switch.cub-checked .cub-switch-bar .cub-switch-thumb-container > .cub-switch-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-brand-7);
}
.cub-switch.cub-checked .cub-switch-bar .cub-switch-thumb-container > .cub-switch-persistent-ripple {
  background-color: var(--cub-ref-brand-7);
}
.cub-switch.cub-checked .cub-switch-bar .cub-switch-thumb-container > .cub-ripple-disabled + .cub-switch-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-switch.cub-checked .cub-switch-bar .cub-switch-thumb-container:hover:not(:disabled, .cub-disabled) > .cub-switch-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-switch.cub-checked .cub-switch-bar .cub-switch-thumb {
  border-color: var(--cub-sys-border-brand-main);
}
.cub-switch.cub-disabled .cub-switch-label {
  cursor: not-allowed;
}
.cub-switch.cub-disabled .cub-switch-bar {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-switch.cub-disabled .cub-switch-bar .cub-switch-thumb {
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
}
.cub-switch.cub-switch-small .cub-switch-bar {
  min-width: 2.5rem;
}
.cub-switch.cub-switch-small .cub-switch-bar .cub-switch-thumb {
  width: calc(var(--cub-sys-component-size-s));
  height: calc(var(--cub-sys-component-size-s));
}
.cub-switch.cub-switch-small .cub-switch-bar .cub-switch-thumb .cub-switch-uncheckedmark {
  width: 6px;
  height: 1px;
}
.cub-switch.cub-switch-small .cub-switch-bar .cub-switch-thumb .cub-switch-checkedmark {
  width: 4px;
  height: 7px;
  border-width: 0 1px 1px 0;
}
.cub-switch.cub-switch-small .cub-switch-label-content {
  margin: var(--cub-sys-component-margin-4xs) var(--cub-sys-component-margin-5xs);
  font: var(--cub-sys-font-body-s);
}
.cub-switch.cub-switch-small .cub-switch-ripple,
.cub-switch.cub-switch-small .cub-switch-persistent-ripple {
  width: calc(var(--cub-sys-component-size-s) * 1.6);
  height: calc(var(--cub-sys-component-size-s) * 1.6);
}

.cub-slider {
  --cub-comp-slider-bg-selected-disabled: var(--cub-ref-neutral-4);
  --cub-comp-slider-border-selected-disabled: var(--cub-ref-neutral-4);
  --cub-comp-slider-bg-neutral: #efefef;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: var(--cub-sys-component-size-l);
  min-width: 3.75rem;
  vertical-align: middle;
  outline: none;
  touch-action: pan-y;
  /* Ripple 特例：Hover 互動在元件父層觸發，而非 thumb 子元件 */
  /* Slider 的軸 Track 相關。 */
  /* Slider 的圓型 Thumb 區域。 */
  /* Slider 的隱藏原生 Input。 */
}
@media screen and (hover: hover) {
  .cub-slider:hover:not(:disabled, .cub-disabled) .cub-slider-thumb-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-slider .cub-slider-track,
.cub-slider .cub-slider-thumb {
  pointer-events: none;
}
.cub-slider .cub-slider-track {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 0.375rem;
  min-width: 3.75rem;
  transform: translateY(-50%);
}
.cub-slider .cub-slider-track .cub-slider-track-inactive,
.cub-slider .cub-slider-track .cub-slider-track-active {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: var(--cub-sys-radius-round);
}
.cub-slider .cub-slider-track .cub-slider-track-active {
  overflow: hidden;
}
.cub-slider .cub-slider-track .cub-slider-track-active .cub-slider-track-active-fill {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-color: var(--cub-sys-bg-brand-main);
}
.cub-slider .cub-slider-track .cub-slider-track-inactive {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--cub-comp-slider-bg-neutral);
}
.cub-slider .cub-slider-track .cub-slider-tick-mark-active,
.cub-slider .cub-slider-track .cub-slider-tick-mark-inactive {
  position: absolute;
  top: -1px;
  left: 1px;
  width: 0.125rem;
  height: 0.5rem;
  background-color: var(--cub-sys-border-neutral-lighter);
}
.cub-slider .cub-slider-track .cub-slider-tick-mark-active .cub-slider-tick-mark-value,
.cub-slider .cub-slider-track .cub-slider-tick-mark-inactive .cub-slider-tick-mark-value {
  position: absolute;
  left: 50%;
  font: var(--cub-sys-font-body-s);
  color: var(--cub-sys-text-neutral-light);
  transform: translate(-50%, 50%);
}
.cub-slider .cub-slider-thumb {
  display: flex;
  position: absolute;
  width: var(--cub-sys-component-size-l);
  height: var(--cub-sys-component-size-l);
  -webkit-user-select: none;
          user-select: none;
  outline: none;
}
.cub-slider .cub-slider-thumb > .cub-slider-thumb-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-slider .cub-slider-thumb > .cub-slider-thumb-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-slider .cub-slider-thumb > .cub-ripple-disabled + .cub-slider-thumb-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-slider .cub-slider-thumb:hover:not(:disabled, .cub-disabled) > .cub-slider-thumb-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-slider .cub-slider-thumb .cub-slider-thumb-knob {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: var(--cub-sys-component-size-l);
  height: var(--cub-sys-component-size-l);
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-light);
  border-radius: var(--cub-sys-radius-circle);
  transform: translate(-50%, -50%);
}
.cub-slider .cub-slider-thumb .cub-slider-thumb-ripple,
.cub-slider .cub-slider-thumb .cub-slider-thumb-persistent-ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(var(--cub-sys-component-size-l) * 1.6);
  height: calc(var(--cub-sys-component-size-l) * 1.6);
  border-radius: var(--cub-sys-radius-circle);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.cub-slider .cub-slider-thumb .cub-slider-value-indicator {
  opacity: 1;
}
.cub-slider .cub-slider-input {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  pointer-events: auto;
  /* Slider 是要 Focus 在 Input 上才可以控制左右。 */
}
.cub-slider .cub-slider-input::-webkit-slider-thumb {
  width: calc(var(--cub-sys-component-size-l) * 2);
  height: calc(var(--cub-sys-component-size-l) * 2);
}
.cub-slider .cub-slider-input.cub-slider-input-no-pointer-events {
  pointer-events: none;
}
.cub-slider .cub-slider-input:focus-visible ~ .cub-slider-thumb .cub-slider-thumb-knob {
  outline: 2px solid var(--cub-sys-border-neutral-focused);
}
.cub-slider .cub-slider-input.cub-slider-right-input {
  right: 0;
  left: auto;
}
.cub-slider.cub-slider-small {
  height: var(--cub-sys-component-size-s);
  /* Slider 的軸 Track 相關。 */
  /* Slider 的圓型 Thumb 區域。 */
}
.cub-slider.cub-slider-small .cub-slider-track {
  height: 0.25rem;
}
.cub-slider.cub-slider-small .cub-slider-track .cub-slider-tick-mark-active,
.cub-slider.cub-slider-small .cub-slider-track .cub-slider-tick-mark-inactive {
  height: 0.375rem;
}
.cub-slider.cub-slider-small .cub-slider-thumb {
  width: var(--cub-sys-component-size-s);
  height: var(--cub-sys-component-size-s);
}
.cub-slider.cub-slider-small .cub-slider-thumb .cub-slider-thumb-knob {
  width: var(--cub-sys-component-size-s);
  height: var(--cub-sys-component-size-s);
}
.cub-slider.cub-slider-small .cub-slider-thumb .cub-slider-thumb-ripple,
.cub-slider.cub-slider-small .cub-slider-thumb .cub-slider-thumb-persistent-ripple {
  width: calc(var(--cub-sys-component-size-s) * 1.6);
  height: calc(var(--cub-sys-component-size-s) * 1.6);
  border-radius: var(--cub-sys-radius-circle);
}
.cub-slider.cub-slider-active {
  /* Slider 的圓型 Thumb 區域。 */
}
.cub-slider.cub-slider-active .cub-slider-thumb > .cub-slider-thumb-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-brand-7);
}
.cub-slider.cub-slider-active .cub-slider-thumb > .cub-slider-thumb-persistent-ripple {
  background-color: var(--cub-ref-brand-7);
}
.cub-slider.cub-slider-active .cub-slider-thumb > .cub-ripple-disabled + .cub-slider-thumb-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-slider.cub-slider-active .cub-slider-thumb:hover:not(:disabled, .cub-disabled) > .cub-slider-thumb-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-slider.cub-slider-active .cub-slider-thumb .cub-slider-thumb-knob {
  background-color: var(--cub-sys-bg-brand-main);
  border-color: var(--cub-sys-border-brand-main);
}
.cub-slider.cub-disabled .cub-slider-input {
  pointer-events: none;
}
.cub-slider.cub-disabled .cub-slider-track-inactive {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-slider.cub-disabled .cub-slider-track-active .cub-slider-track-active-fill {
  background-color: var(--cub-comp-slider-bg-selected-disabled);
}
.cub-slider.cub-disabled .cub-slider-thumb .cub-slider-thumb-knob {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-slider.cub-disabled.cub-slider-active .cub-slider-thumb .cub-slider-thumb-knob {
  background-color: var(--cub-comp-slider-bg-selected-disabled);
  border-color: var(--cub-comp-slider-border-selected-disabled);
}

/* M 尺寸 - 圓圈大小 */
/* S 尺寸 - 圓圈大小 */
.cub-nav-stepper {
  width: 100%;
}
.cub-nav-stepper.cub-nav-stepper-vertical {
  width: auto;
}

.cub-stepper {
  /* S 尺寸 - 副標題使用 */
  --cub-comp-stepper-font-s: normal var(--cub-ref-font-size-1)/calc(var(--cub-ref-font-size-1) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-comp-stepper-bg-neutral-main: var(--cub-ref-neutral-3);
  --cub-comp-stepper-bg-neutral-disabled: var(--cub-ref-neutral-2);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  /* Default 連接線 */
  /* 內容區 */
  /* 垂直版本 */
  /* 收合版本 */
  /* S 尺寸 */
}
.cub-stepper .cub-stepper-header {
  display: flex;
  justify-content: space-between;
  z-index: 1;
  width: 100%;
  margin-bottom: var(--cub-sys-component-margin-s);
  overflow-x: auto;
}
.cub-stepper .cub-stepper-line {
  flex: 1;
  position: relative;
  z-index: -1;
  width: 100%;
}
.cub-stepper .cub-stepper-line .cub-stepper-line-bar {
  display: block;
  position: absolute;
  top: calc(var(--cub-sys-component-padding-s) + (var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2) / 2);
  right: calc(-1 * (var(--cub-sys-component-padding-xl) - var(--cub-sys-component-margin-m)));
  height: 0.0625rem;
  background-color: var(--cub-sys-border-neutral-lighter);
}
.cub-stepper .cub-stepper-content {
  width: 100%;
  overflow-x: visible;
}
.cub-stepper .cub-step-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  /* Default */
  /* 標題文字與圓圈垂直排列 */
}
.cub-stepper .cub-step-header > .cub-stepper-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-stepper .cub-step-header > .cub-stepper-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-stepper .cub-step-header > .cub-ripple-disabled + .cub-stepper-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-stepper .cub-step-header:hover:not(:disabled, .cub-disabled) > .cub-stepper-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-stepper .cub-step-header > .cub-stepper-ripple,
.cub-stepper .cub-step-header > .cub-stepper-persistent-ripple {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
.cub-stepper .cub-step-header:focus-visible {
  /* 外層 overflow auto 導致上下 outline 消失，改成內暈 */
  outline-offset: -2px;
}
.cub-stepper .cub-step-header .cub-stepper-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding: var(--cub-sys-component-padding-s) var(--cub-sys-component-padding-xl);
  cursor: pointer;
}
.cub-stepper .cub-step-header .cub-stepper-link .cub-step-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2);
  height: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2);
  min-width: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2);
  color: var(--cub-sys-text-neutral-main);
  background-color: var(--cub-comp-stepper-bg-neutral-main);
  border-radius: var(--cub-sys-radius-circle);
}
.cub-stepper .cub-step-header .cub-stepper-link .cub-step-icon-wrapper {
  font: var(--cub-sys-font-body-m);
  /* M 尺寸 icon * 0.9 */
}
.cub-stepper .cub-step-header .cub-stepper-link .cub-step-icon-wrapper[class*=cub-icon-] {
  font: var(--cub-sys-icon-body-m);
  transform: scale(0.9);
}
.cub-stepper .cub-step-header .cub-stepper-link .cub-stepper-label-container {
  display: flex;
  flex-direction: row;
  position: relative;
  min-width: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2 + var(--cub-sys-component-margin-xs) + 5 * var(--cub-sys-font-size-body-m));
}
.cub-stepper .cub-step-header .cub-stepper-link .cub-stepper-label {
  display: -webkit-box;
  margin-top: var(--cub-sys-component-margin-3xs);
  margin-bottom: var(--cub-sys-component-margin-3xs);
  margin-left: var(--cub-sys-component-margin-xs);
  font: var(--cub-sys-font-body-m);
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.cub-stepper .cub-step-header .cub-stepper-link .cub-stepper-description {
  display: block;
  margin-left: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2 + var(--cub-sys-component-margin-xs));
  font: var(--cub-sys-font-body-s);
  color: var(--cub-sys-text-neutral-third);
}
.cub-stepper .cub-step-header.cub-stepper-link-vertical {
  flex-grow: 1;
  justify-content: center;
  padding: var(--cub-sys-component-padding-s) var(--cub-sys-component-padding-xl);
  /* 連接線 */
}
.cub-stepper .cub-step-header.cub-stepper-link-vertical .cub-stepper-link {
  flex-direction: column;
  align-items: center;
  /* 結構上不同此處 padding 設為固定 0 覆寫 Default */
  padding: 0;
}
.cub-stepper .cub-step-header.cub-stepper-link-vertical .cub-stepper-link .cub-stepper-label-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: auto;
  margin-left: 0;
}
.cub-stepper .cub-step-header.cub-stepper-link-vertical .cub-stepper-link .cub-stepper-label {
  width: 100%;
  min-width: calc(5 * var(--cub-sys-font-size-body-m));
  margin-top: var(--cub-sys-component-margin-xs);
  margin-bottom: 0;
  margin-left: 0;
  text-align: center;
}
.cub-stepper .cub-step-header.cub-stepper-link-vertical .cub-stepper-link .cub-stepper-description {
  margin-top: var(--cub-sys-component-margin-4xs);
  margin-left: 0;
  text-align: center;
}
.cub-stepper .cub-step-header.cub-stepper-link-vertical::before, .cub-stepper .cub-step-header.cub-stepper-link-vertical::after {
  display: block;
  position: absolute;
  top: calc((var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2) / 2 + var(--cub-sys-component-padding-s));
  z-index: -1;
  width: calc(50% - (var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2) / 2 - var(--cub-sys-component-margin-m));
  background-color: var(--cub-sys-border-neutral-lighter);
  content: "";
}
.cub-stepper .cub-step-header.cub-stepper-link-vertical:not(:first-of-type)::before {
  left: 0;
  height: 0.0625rem;
}
.cub-stepper .cub-step-header.cub-stepper-link-vertical:not(:last-of-type)::after {
  right: 0;
  height: 0.0625rem;
}
.cub-stepper .cub-step-header.cub-stepper-link-vertical + .cub-stepper-line {
  display: none;
}
.cub-stepper .cub-step-header.cub-active .cub-stepper-link .cub-step-icon {
  color: var(--cub-sys-text-neutral-contrast);
  background-color: var(--cub-sys-bg-brand-main);
}
.cub-stepper .cub-step-header.cub-step-header-completed .cub-stepper-link .cub-step-icon {
  color: var(--cub-sys-text-neutral-selected);
  background-color: var(--cub-sys-bg-brand-light);
}
.cub-stepper .cub-step-header.cub-step-header-error .cub-stepper-link .cub-step-icon {
  color: var(--cub-sys-text-error-main);
  background-color: var(--cub-sys-bg-error-light);
}
.cub-stepper .cub-step-header.cub-disabled .cub-stepper-link {
  cursor: not-allowed;
}
.cub-stepper .cub-step-header.cub-disabled .cub-stepper-link .cub-step-icon {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-comp-stepper-bg-neutral-disabled);
}
.cub-stepper .cub-step-header.cub-disabled .cub-stepper-link .cub-stepper-label,
.cub-stepper .cub-step-header.cub-disabled .cub-stepper-link .cub-stepper-description {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-stepper.cub-stepper-vertical {
  display: grid;
  flex-direction: row;
  align-items: start;
  grid-template-columns: auto 1fr;
}
.cub-stepper.cub-stepper-vertical .cub-stepper-header {
  flex-direction: column;
  width: auto;
  min-width: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2 + var(--cub-sys-component-padding-s) * 2 + 5 * var(--cub-sys-font-size-body-m) + var(--cub-sys-component-margin-s) + var(--cub-sys-component-padding-xl));
  max-width: 20.4375rem;
  margin-right: var(--cub-sys-component-margin-m);
  margin-bottom: 0;
  padding-right: var(--cub-sys-component-padding-xl);
  border-right: 1px solid var(--cub-sys-border-neutral-lighter);
}
.cub-stepper.cub-stepper-vertical .cub-step-header {
  display: block;
  justify-content: flex-start;
  position: relative;
  height: auto;
  padding: var(--cub-sys-component-padding-s);
  /* 連接線 */
}
.cub-stepper.cub-stepper-vertical .cub-step-header:not(:last-of-type)::after {
  display: block;
  position: absolute;
  top: calc(var(--cub-sys-component-padding-s) + var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2 + var(--cub-sys-component-margin-xs));
  left: calc(var(--cub-sys-component-padding-s) + (var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2) / 2);
  z-index: -1;
  width: 0.0625rem;
  height: calc(100% - var(--cub-sys-component-padding-s) - var(--cub-sys-component-margin-3xs) - (var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2));
  background-color: var(--cub-sys-border-neutral-lighter);
  content: "";
}
.cub-stepper.cub-stepper-vertical .cub-step-header + .cub-stepper-line {
  display: none;
}
.cub-stepper.cub-stepper-vertical .cub-step-header .cub-stepper-link {
  display: block;
  /* 結構上不同此處 padding 設為固定 0 覆寫 Default */
  padding: 0;
}
.cub-stepper.cub-stepper-vertical .cub-step-header .cub-stepper-link .cub-stepper-label-container {
  min-width: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2 + var(--cub-sys-component-margin-s) + 5 * var(--cub-sys-font-size-body-m));
}
.cub-stepper.cub-stepper-vertical .cub-step-header .cub-stepper-link .cub-stepper-label {
  margin-left: var(--cub-sys-component-margin-s);
}
.cub-stepper.cub-stepper-vertical .cub-step-header .cub-stepper-link .cub-stepper-description {
  margin-left: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2 + var(--cub-sys-component-margin-s));
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-stepper.cub-stepper-vertical .cub-stepper-content {
  overflow-x: visible;
  overflow-wrap: anywhere;
}
.cub-stepper.cub-stepper-collapse {
  flex-direction: column;
  align-items: stretch;
}
.cub-stepper.cub-stepper-collapse .cub-stepper-collapse-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cub-stepper.cub-stepper-collapse .cub-stepper-collapse-step {
  position: relative;
  z-index: 1;
  /* 連接線 */
}
.cub-stepper.cub-stepper-collapse .cub-stepper-collapse-step:not(:last-of-type)::after {
  display: block;
  position: absolute;
  top: calc(var(--cub-sys-component-padding-s) + var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2 + var(--cub-sys-component-margin-xs));
  left: calc(var(--cub-sys-component-padding-s) + (var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2) / 2);
  z-index: -1;
  width: 0.0625rem;
  height: calc(100% - var(--cub-sys-component-padding-s) - var(--cub-sys-component-margin-3xs) - (var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2));
  background-color: var(--cub-sys-border-neutral-lighter);
  content: "";
}
.cub-stepper.cub-stepper-collapse .cub-stepper-collapse-step .cub-step-header {
  width: 100%;
  padding: var(--cub-sys-component-padding-s);
}
.cub-stepper.cub-stepper-collapse .cub-stepper-collapse-step .cub-stepper-link {
  justify-content: start;
  width: 100%;
  min-width: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2 + var(--cub-sys-component-margin-s) + 5 * var(--cub-sys-font-size-body-m));
  /* 結構上不同此處 padding 設為固定 0 覆寫 Default */
  padding: 0;
}
.cub-stepper.cub-stepper-collapse .cub-stepper-collapse-step .cub-stepper-link .cub-stepper-label {
  margin-left: var(--cub-sys-component-margin-s);
  font: var(--cub-sys-font-label-m);
}
.cub-stepper.cub-stepper-collapse .cub-stepper-collapse-step .cub-stepper-link .cub-stepper-description {
  max-width: calc(100% - (var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2) - var(--cub-sys-component-margin-s));
  margin-left: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2 + var(--cub-sys-component-margin-s));
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-stepper.cub-stepper-collapse .cub-stepper-collapse-step-content-inner {
  padding-top: var(--cub-sys-component-padding-l);
  padding-bottom: var(--cub-sys-component-padding-l);
  padding-left: calc(var(--cub-sys-component-padding-s) + var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-3xs) * 2 + var(--cub-sys-component-margin-s));
}
.cub-stepper.cub-stepper-small {
  /* Default 連接線 */
  /* 垂直版本 */
  /* 收合版本 */
}
.cub-stepper.cub-stepper-small .cub-stepper-line .cub-stepper-line-bar {
  top: calc(var(--cub-sys-component-padding-s) + (var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs)) / 2);
}
.cub-stepper.cub-stepper-small .cub-step-header {
  /* 標題文字與圓圈垂直排列 */
}
.cub-stepper.cub-stepper-small .cub-step-header .cub-stepper-link .cub-step-icon {
  width: calc(var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs));
  height: calc(var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs));
  min-width: calc(var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs));
}
.cub-stepper.cub-stepper-small .cub-step-header .cub-stepper-link .cub-step-icon-wrapper {
  font: var(--cub-sys-font-body-s);
  /* S 尺寸 icon * 0.8 */
}
.cub-stepper.cub-stepper-small .cub-step-header .cub-stepper-link .cub-step-icon-wrapper[class*=cub-icon-] {
  font: var(--cub-sys-icon-body-s);
  transform: scale(0.8);
}
.cub-stepper.cub-stepper-small .cub-step-header .cub-stepper-link .cub-stepper-label-container {
  min-width: calc(var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs) + var(--cub-sys-component-margin-xs) + 5 * var(--cub-sys-font-size-body-s));
}
.cub-stepper.cub-stepper-small .cub-step-header .cub-stepper-link .cub-stepper-label {
  margin-top: 0.0625rem;
  margin-bottom: 0.0625rem;
  font: var(--cub-sys-font-body-s);
}
.cub-stepper.cub-stepper-small .cub-step-header .cub-stepper-link .cub-stepper-description {
  margin-left: calc(var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs) + var(--cub-sys-component-margin-xs));
  font: var(--cub-comp-stepper-font-s);
}
.cub-stepper.cub-stepper-small .cub-step-header.cub-stepper-link-vertical {
  /* 連接線 */
}
.cub-stepper.cub-stepper-small .cub-step-header.cub-stepper-link-vertical::before, .cub-stepper.cub-stepper-small .cub-step-header.cub-stepper-link-vertical::after {
  top: calc((var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs)) / 2 + var(--cub-sys-component-padding-s));
  width: calc(50% - (var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs)) / 2 - var(--cub-sys-component-margin-m));
}
.cub-stepper.cub-stepper-small .cub-step-header.cub-stepper-link-vertical .cub-stepper-label-container {
  min-width: auto;
}
.cub-stepper.cub-stepper-small .cub-step-header.cub-stepper-link-vertical .cub-stepper-label {
  min-width: calc(5 * var(--cub-sys-font-size-body-s));
  margin-top: var(--cub-sys-component-margin-xs);
  margin-bottom: 0;
}
.cub-stepper.cub-stepper-small .cub-step-header.cub-stepper-link-vertical .cub-stepper-description {
  margin-left: 0;
}
.cub-stepper.cub-stepper-small.cub-stepper-vertical .cub-stepper-header {
  min-width: calc(var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs) + var(--cub-sys-component-padding-s) * 2 + 5 * var(--cub-sys-font-size-body-s) + var(--cub-sys-component-margin-s) + var(--cub-sys-component-padding-xl));
}
.cub-stepper.cub-stepper-small.cub-stepper-vertical .cub-step-header {
  /* 連接線 */
}
.cub-stepper.cub-stepper-small.cub-stepper-vertical .cub-step-header:not(:last-of-type)::after {
  top: calc(var(--cub-sys-component-padding-s) + var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs) + var(--cub-sys-component-margin-xs));
  left: calc(var(--cub-sys-component-padding-s) + (var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs)) / 2);
  height: calc(100% - var(--cub-sys-component-padding-s) - var(--cub-sys-component-margin-3xs) - (var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs)));
}
.cub-stepper.cub-stepper-small.cub-stepper-vertical .cub-step-header .cub-stepper-link .cub-stepper-label-container {
  min-width: calc(var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs) + var(--cub-sys-component-margin-s) + 5 * var(--cub-sys-font-size-body-s));
}
.cub-stepper.cub-stepper-small.cub-stepper-vertical .cub-step-header .cub-stepper-link .cub-stepper-description {
  margin-left: calc(var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs) + var(--cub-sys-component-margin-s));
}
.cub-stepper.cub-stepper-small.cub-stepper-collapse .cub-stepper-collapse-step {
  /* 連接線 */
}
.cub-stepper.cub-stepper-small.cub-stepper-collapse .cub-stepper-collapse-step:not(:last-of-type)::after {
  top: calc(var(--cub-sys-component-padding-s) + var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs) + var(--cub-sys-component-margin-xs));
  left: calc(var(--cub-sys-component-padding-s) + (var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs)) / 2);
  height: calc(100% - var(--cub-sys-component-padding-s) - var(--cub-sys-component-margin-3xs) - (var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs)));
}
.cub-stepper.cub-stepper-small.cub-stepper-collapse .cub-stepper-collapse-step .cub-stepper-link {
  min-width: calc(var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs) + var(--cub-sys-component-margin-s) + 5 * var(--cub-sys-font-size-body-s));
}
.cub-stepper.cub-stepper-small.cub-stepper-collapse .cub-stepper-collapse-step .cub-stepper-link .cub-stepper-label {
  font: var(--cub-sys-font-label-s);
}
.cub-stepper.cub-stepper-small.cub-stepper-collapse .cub-stepper-collapse-step .cub-stepper-link .cub-stepper-description {
  margin-left: calc(var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs) + var(--cub-sys-component-margin-s));
}
.cub-stepper.cub-stepper-small.cub-stepper-collapse .cub-stepper-collapse-step-content-inner {
  padding-left: calc(var(--cub-sys-component-padding-s) + var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common) + var(--cub-sys-component-padding-4xs) + var(--cub-sys-component-margin-s));
}

.cub-tab-group {
  /* small 尺寸設定 */
  /* 垂直樣式設定 */
  /* small 尺寸設定 */
}
.cub-tab-group > .cub-tab-header {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--cub-sys-border-neutral-lighter);
}
.cub-tab-group > .cub-tab-header .cub-tab-count {
  margin-left: var(--cub-sys-component-margin-s);
}
.cub-tab-group > .cub-tab-header .cub-tab-header-pagination {
  padding: var(--cub-sys-component-padding-xs);
}
.cub-tab-group > .cub-tab-header .cub-tab-item {
  padding: var(--cub-sys-component-padding-xs) var(--cub-sys-component-padding-m);
  /* 外層 overflow hidden 導致上下 outline 消失，改成內暈 */
}
.cub-tab-group > .cub-tab-header .cub-tab-item:focus-visible {
  outline-offset: -2px;
}
.cub-tab-group > .cub-tab-header .cub-tab-item.cub-tab-item-active .cub-tab-item-content {
  /* 特例 */
  color: var(--cub-sys-text-brand-selected);
}
.cub-tab-group.cub-tab-small > .cub-tab-header .cub-ink-bar {
  height: 2px;
}
.cub-tab-group.cub-tab-small > .cub-tab-header .cub-tab-count {
  margin-left: var(--cub-sys-component-margin-2xs);
}
.cub-tab-group.cub-tab-small > .cub-tab-header .cub-tab-header-pagination {
  padding: var(--cub-sys-component-padding-3xs);
}
.cub-tab-group.cub-tab-small > .cub-tab-header .cub-tab-item {
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
}
.cub-tab-group.cub-tab-group-vertical {
  display: flex;
  /* small 尺寸設定 */
}
.cub-tab-group.cub-tab-group-vertical > .cub-tab-header {
  flex-shrink: 0;
  flex-direction: column;
  max-height: 25rem;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--cub-sys-border-neutral-lighter);
  border-bottom-width: 0;
}
.cub-tab-group.cub-tab-group-vertical > .cub-tab-header .cub-ink-bar {
  right: 0;
  width: 0.25rem;
  min-height: 1.75rem;
}
.cub-tab-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-items {
  display: flex;
  flex-direction: column;
}
.cub-tab-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-header-pagination {
  padding: var(--cub-sys-component-padding-xs) var(--cub-sys-component-padding-5xs);
}
.cub-tab-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-header-pagination.cub-tab-header-pagination-before {
  box-shadow: var(--cub-sys-shadow-direction-top);
}
.cub-tab-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-header-pagination.cub-tab-header-pagination-after {
  box-shadow: var(--cub-sys-shadow-direction-bottom);
}
.cub-tab-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-header-pagination:disabled {
  box-shadow: unset;
}
.cub-tab-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-item-container {
  max-height: 25rem;
}
.cub-tab-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-item {
  display: block;
  margin-bottom: var(--cub-sys-component-margin-2xs);
  padding: var(--cub-sys-component-padding-5xs);
}
.cub-tab-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-item .cub-tab-item-content {
  display: inline-flex;
  justify-content: flex-start;
  align-items: start;
  min-width: 9.375rem;
  max-width: 14.375rem;
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-s);
}
.cub-tab-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-item .cub-tab-item-content .cub-tab-item-text {
  display: -webkit-box;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cub-tab-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-item .cub-tab-item-content .cub-tab-count {
  display: block;
}
.cub-tab-group.cub-tab-group-vertical > .cub-tab-body-wrapper {
  width: 100%;
  margin-left: var(--cub-sys-component-margin-l);
  overflow: hidden;
}
.cub-tab-group.cub-tab-group-vertical.cub-tab-small > .cub-tab-header .cub-ink-bar {
  width: 0.125rem;
  min-height: 1.625rem;
}
.cub-tab-group.cub-tab-group-vertical.cub-tab-small > .cub-tab-header .cub-tab-header-pagination {
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-5xs);
}
.cub-tab-group.cub-tab-group-vertical.cub-tab-small > .cub-tab-header .cub-tab-item {
  margin-bottom: var(--cub-sys-component-margin-4xs);
}
.cub-tab-group.cub-tab-group-vertical.cub-tab-small > .cub-tab-header .cub-tab-item .cub-tab-item-content {
  max-width: 12.375rem;
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-2xs);
}
.cub-tab-group .cub-tab-header-pagination {
  display: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  z-index: 2;
  color: var(--cub-sys-text-neutral-light);
  background-color: var(--cub-sys-bg-neutral-base);
  border: none;
  cursor: pointer;
}
.cub-tab-group .cub-tab-header-pagination.cub-tab-button-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-tab-group .cub-tab-header-pagination.cub-tab-button-ripple > .cub-tab-button-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-tab-group .cub-tab-header-pagination.cub-ripple-disabled > .cub-tab-button-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-tab-group .cub-tab-header-pagination:hover:not(:disabled, .cub-disabled) > .cub-tab-button-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-tab-group .cub-tab-header-pagination .cub-tab-header-pagination-icon {
  font: var(--cub-sys-icon-body-m);
}
.cub-tab-group .cub-tab-header-pagination.cub-tab-header-pagination-before {
  box-shadow: var(--cub-sys-shadow-direction-right);
}
.cub-tab-group .cub-tab-header-pagination.cub-tab-header-pagination-after {
  box-shadow: var(--cub-sys-shadow-direction-left);
}
.cub-tab-group .cub-tab-header-pagination:disabled {
  color: var(--cub-sys-text-neutral-disabled);
  box-shadow: unset;
  pointer-events: none;
}
.cub-tab-group .cub-tab-header {
  display: flex;
  overflow: hidden;
  /* 控制左右箭頭顯示 */
  /* Count 樣式 */
  /* Ink Bar 樣式初始載入 */
}
.cub-tab-group .cub-tab-header.cub-tab-header-pagination-controls-enabled .cub-tab-header-pagination {
  display: flex;
}
.cub-tab-group .cub-tab-header .cub-tab-count {
  font: var(--cub-sys-font-body-m);
  color: var(--cub-sys-text-brand-main);
}
.cub-tab-group .cub-tab-header .cub-ink-bar {
  position: absolute;
  bottom: 0;
  height: 0.25rem;
  background-color: var(--cub-sys-bg-brand-main);
  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.cub-tab-group .cub-tab-item-container {
  display: flex;
  flex-grow: 1;
  z-index: 1;
  overflow: hidden;
}
.cub-tab-group .cub-tab-item-container .cub-tab-list {
  position: relative;
  transition: transform 500ms cubic-bezier(0.35, 0, 0.25, 1);
}
.cub-tab-group .cub-tab-items {
  display: flex;
  position: relative;
}
.cub-tab-group .cub-tab-items .cub-tab-item-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font: var(--cub-sys-font-body-m);
  white-space: nowrap;
  color: var(--cub-sys-text-neutral-primary);
}
.cub-tab-group .cub-tab-items .cub-tab-item {
  display: flex;
  justify-content: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.cub-tab-group .cub-tab-items .cub-tab-item.cub-tab-item-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-tab-group .cub-tab-items .cub-tab-item.cub-tab-item-ripple > .cub-tab-item-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-tab-group .cub-tab-items .cub-tab-item.cub-ripple-disabled > .cub-tab-item-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-tab-group .cub-tab-items .cub-tab-item:hover:not(:disabled, .cub-disabled) > .cub-tab-item-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-tab-group .cub-tab-items .cub-tab-item.cub-disabled {
  cursor: not-allowed;
}
.cub-tab-group .cub-tab-items .cub-tab-item.cub-disabled .cub-tab-item-text {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-tab-group .cub-tab-items .cub-tab-item.cub-disabled .cub-tab-count {
  color: var(--cub-sys-text-brand-disabled);
}
.cub-tab-group > .cub-tab-body-wrapper,
.cub-tab-group > .cub-tab-nav-panel {
  display: block;
  padding-top: var(--cub-sys-component-margin-m);
  overflow: visible;
}
.cub-tab-group > .cub-tab-body-wrapper > .cub-tab-body.cub-tab-body-active {
  overflow: visible;
}
.cub-tab-group > .cub-tab-body-wrapper > .cub-tab-body.cub-tab-body-active > .cub-tab-body-content {
  overflow: visible;
}
.cub-tab-group > .cub-tab-body-wrapper > .cub-tab-body.cub-tab-body-inactive {
  display: none;
}
.cub-tab-group.cub-tab-small .cub-tab-header .cub-tab-count {
  font: var(--cub-sys-font-body-s);
}
.cub-tab-group.cub-tab-small .cub-tab-header-pagination .cub-tab-header-pagination-icon {
  font: var(--cub-sys-icon-body-s);
}
.cub-tab-group.cub-tab-small .cub-tab-items {
  font: var(--cub-sys-font-body-s);
}
.cub-tab-group.cub-tab-small .cub-tab-items .cub-tab-item-content {
  font: var(--cub-sys-font-body-s);
}

.cub-tab-nav-group {
  /* small 尺寸設定 */
  /* 垂直樣式設定 */
  /* small 尺寸設定 */
}
.cub-tab-nav-group > .cub-tab-header {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--cub-sys-border-neutral-lighter);
}
.cub-tab-nav-group > .cub-tab-header .cub-tab-count {
  margin-left: var(--cub-sys-component-margin-s);
}
.cub-tab-nav-group > .cub-tab-header .cub-tab-header-pagination {
  padding: var(--cub-sys-component-padding-xs);
}
.cub-tab-nav-group > .cub-tab-header .cub-tab-item {
  padding: var(--cub-sys-component-padding-xs) var(--cub-sys-component-padding-m);
  /* 外層 overflow hidden 導致上下 outline 消失，改成內暈 */
}
.cub-tab-nav-group > .cub-tab-header .cub-tab-item:focus-visible {
  outline-offset: -2px;
}
.cub-tab-nav-group > .cub-tab-header .cub-tab-item.cub-tab-item-active .cub-tab-item-content {
  /* 特例 */
  color: var(--cub-sys-text-brand-selected);
}
.cub-tab-nav-group.cub-tab-small > .cub-tab-header .cub-ink-bar {
  height: 2px;
}
.cub-tab-nav-group.cub-tab-small > .cub-tab-header .cub-tab-count {
  margin-left: var(--cub-sys-component-margin-2xs);
}
.cub-tab-nav-group.cub-tab-small > .cub-tab-header .cub-tab-header-pagination {
  padding: var(--cub-sys-component-padding-3xs);
}
.cub-tab-nav-group.cub-tab-small > .cub-tab-header .cub-tab-item {
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
}
.cub-tab-nav-group.cub-tab-group-vertical {
  display: flex;
  /* small 尺寸設定 */
}
.cub-tab-nav-group.cub-tab-group-vertical > .cub-tab-header {
  flex-shrink: 0;
  flex-direction: column;
  max-height: 25rem;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--cub-sys-border-neutral-lighter);
  border-bottom-width: 0;
}
.cub-tab-nav-group.cub-tab-group-vertical > .cub-tab-header .cub-ink-bar {
  right: 0;
  width: 0.25rem;
  min-height: 1.75rem;
}
.cub-tab-nav-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-items {
  display: flex;
  flex-direction: column;
}
.cub-tab-nav-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-header-pagination {
  padding: var(--cub-sys-component-padding-xs) var(--cub-sys-component-padding-5xs);
}
.cub-tab-nav-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-header-pagination.cub-tab-header-pagination-before {
  box-shadow: var(--cub-sys-shadow-direction-top);
}
.cub-tab-nav-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-header-pagination.cub-tab-header-pagination-after {
  box-shadow: var(--cub-sys-shadow-direction-bottom);
}
.cub-tab-nav-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-header-pagination:disabled {
  box-shadow: unset;
}
.cub-tab-nav-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-item-container {
  max-height: 25rem;
}
.cub-tab-nav-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-item {
  display: block;
  margin-bottom: var(--cub-sys-component-margin-2xs);
  padding: var(--cub-sys-component-padding-5xs);
}
.cub-tab-nav-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-item .cub-tab-item-content {
  display: inline-flex;
  justify-content: flex-start;
  align-items: start;
  min-width: 9.375rem;
  max-width: 14.375rem;
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-s);
}
.cub-tab-nav-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-item .cub-tab-item-content .cub-tab-item-text {
  display: -webkit-box;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cub-tab-nav-group.cub-tab-group-vertical > .cub-tab-header .cub-tab-item .cub-tab-item-content .cub-tab-count {
  display: block;
}
.cub-tab-nav-group.cub-tab-group-vertical > .cub-tab-body-wrapper {
  width: 100%;
  margin-left: var(--cub-sys-component-margin-l);
  overflow: hidden;
}
.cub-tab-nav-group.cub-tab-group-vertical.cub-tab-small > .cub-tab-header .cub-ink-bar {
  width: 0.125rem;
  min-height: 1.625rem;
}
.cub-tab-nav-group.cub-tab-group-vertical.cub-tab-small > .cub-tab-header .cub-tab-header-pagination {
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-5xs);
}
.cub-tab-nav-group.cub-tab-group-vertical.cub-tab-small > .cub-tab-header .cub-tab-item {
  margin-bottom: var(--cub-sys-component-margin-4xs);
}
.cub-tab-nav-group.cub-tab-group-vertical.cub-tab-small > .cub-tab-header .cub-tab-item .cub-tab-item-content {
  max-width: 12.375rem;
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-2xs);
}
.cub-tab-nav-group .cub-tab-item {
  font: var(--cub-sys-font-body-m);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-tab-nav-group .cub-tab-item.cub-disabled {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-tab-nav-group.cub-tab-small .cub-tab-item {
  font: var(--cub-sys-font-body-s);
}

/* 欄位間距 Token */
/* 背景色 Token */
/* Ripple 特例：因 Table 結構問題此處不使用 Ripple 互動 */
/* 框線色 Token */
.cub-datatable {
  position: relative;
  /* 排序 Icon */
  /* 排序欄位 */
  /* 篩選 Icon */
  /* S 尺寸 */
  /* Draggable Icon */
  /* Draggable Icon - S 尺寸 */
}
.cub-datatable .cub-table-sort-icon {
  display: inline-flex;
  margin-left: var(--cub-sys-component-margin-3xs);
  vertical-align: bottom;
}
.cub-datatable .cub-table-sort-icon .cub-sortable-column-icon {
  font: var(--cub-sys-icon-body-m);
  color: var(--cub-sys-text-neutral-secondary);
}
.cub-datatable .cub-sortable-column {
  /* 客製 Focus 樣式（改為往內縮） */
  outline-offset: -2px;
  cursor: pointer;
  /* 多選排序的數字 */
}
.cub-datatable .cub-sortable-column .cub-sortable-column-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media screen and (hover: hover) {
  .cub-datatable .cub-sortable-column:hover .cub-table-sort-icon .cub-sortable-column-icon {
    color: var(--cub-sys-text-neutral-hover);
  }
}
.cub-datatable .cub-sortable-column:active .cub-table-sort-icon .cub-sortable-column-icon {
  color: var(--cub-sys-text-neutral-active);
}
.cub-datatable .cub-table-filter-icon {
  display: inline-flex;
  margin-left: var(--cub-sys-component-margin-3xs);
  vertical-align: bottom;
  cursor: pointer;
}
.cub-datatable .cub-table-filter-icon .cub-filterable-column-icon {
  font: var(--cub-sys-icon-body-m);
  color: var(--cub-sys-text-neutral-secondary);
}
@media screen and (hover: hover) {
  .cub-datatable .cub-table-filter-icon .cub-filterable-column-icon:hover {
    color: var(--cub-sys-text-neutral-hover);
  }
}
.cub-datatable .cub-table-filter-icon .cub-filterable-column-icon:active {
  color: var(--cub-sys-text-neutral-active);
}
.cub-datatable.cub-datatable-small {
  /* 排序 Icon - S 尺寸 */
  /* 篩選 Icon - S 尺寸 */
}
.cub-datatable.cub-datatable-small .cub-table-sort-icon .cub-sortable-column-icon {
  font: var(--cub-sys-icon-body-s);
}
.cub-datatable.cub-datatable-small .cub-table-filter-icon .cub-filterable-column-icon {
  font: var(--cub-sys-icon-body-s);
}
.cub-datatable .cub-datatable-header {
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--cub-sys-component-margin-xs);
  gap: var(--cub-sys-component-margin-s);
  padding: var(--cub-sys-component-padding-s);
  font: var(--cub-sys-font-body-m);
  background-color: var(--cub-sys-bg-neutral-light);
  border-radius: var(--cub-sys-radius-m);
}
.cub-datatable .cub-datatable-header .cub-datatable-header-content {
  flex: 1 1 auto;
}
.cub-datatable .cub-datatable-header .cub-datatable-header-content .cub-datatable-header-content-checkbox {
  display: flex;
  gap: var(--cub-sys-component-margin-xs);
}
.cub-datatable .cub-datatable-header .cub-datatable-header-content .cub-datatable-header-content-filter {
  display: flex;
  gap: var(--cub-sys-component-margin-xs);
}
.cub-datatable .cub-datatable-small .cub-datatable-header {
  font: var(--cub-sys-font-body-s);
}
.cub-datatable .cub-row-toggler {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  vertical-align: middle;
  overflow: hidden;
}
.cub-datatable .cub-row-toggler > .cub-row-toggler-icon {
  font: var(--cub-sys-icon-body-m);
  color: var(--cub-sys-text-neutral-primary);
  transform: rotate(-90deg);
  cursor: pointer;
}
.cub-datatable.cub-datatable-small .cub-row-toggler > .cub-row-toggler-icon {
  font: var(--cub-sys-icon-body-s);
}
.cub-datatable .cub-row-toggler-expanded > .cub-row-toggler-icon {
  transform: rotate(0deg);
}
@media screen and (hover: hover) {
  .cub-datatable tr.cub-row-expanded:hover + tr.cub-row-expanded-content > th,
  .cub-datatable tr.cub-row-expanded:hover + tr.cub-row-expanded-content > td {
    background-color: rgb(from var(--cub-ref-neutral-7) r g b/var(--cub-ref-state-hover-opacity)) !important;
  }
}
@media screen and (hover: hover) {
  .cub-datatable tr.cub-row-expanded-content:hover > th,
  .cub-datatable tr.cub-row-expanded-content:hover > td {
    background-color: var(--cub-sys-bg-neutral-base) !important;
  }
}
.cub-datatable tr.cub-row-expanded-content > th,
.cub-datatable tr.cub-row-expanded-content > td {
  padding: var(--cub-sys-component-padding-m) !important;
}
.cub-datatable .cub-draggable-row-handle {
  font: var(--cub-sys-icon-body-m);
  vertical-align: middle;
  color: var(--cub-sys-text-neutral-primary);
  cursor: grab;
}
.cub-datatable.cub-datatable-small .cub-draggable-row-handle {
  font: var(--cub-sys-icon-body-s);
}
.cub-datatable cub-table-header-checkbox,
.cub-datatable cub-table-checkbox,
.cub-datatable cub-table-radio {
  display: inline-flex;
  vertical-align: middle;
}
.cub-datatable .cub-datatable-table > .cub-datatable-tbody {
  /* 有垂直合併欄位時，不支援 selected 效果 */
}
.cub-datatable .cub-datatable-table > .cub-datatable-tbody tr.cub-selected > th,
.cub-datatable .cub-datatable-table > .cub-datatable-tbody tr.cub-selected > td {
  background-color: var(--cub-sys-bg-neutral-selected);
}
.cub-datatable .cub-datatable-table > .cub-datatable-tbody:has(th[rowspan], td[rowspan]) > tr.cub-selected > th,
.cub-datatable .cub-datatable-table > .cub-datatable-tbody:has(th[rowspan], td[rowspan]) > tr.cub-selected > td {
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-datatable .cub-datatable-loading-overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
}
.cub-datatable > .cub-datatable-wrapper {
  overflow: auto;
}

.cub-datatable-table {
  width: 100%;
  border-spacing: 0;
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
}
.cub-datatable-table > .cub-datatable-thead > tr > th {
  font: var(--cub-sys-font-label-m);
  background-color: var(--cub-sys-bg-neutral-light);
}
.cub-datatable-table > .cub-datatable-thead > tr > td {
  font: var(--cub-sys-font-label-m);
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-datatable-table > .cub-datatable-thead > tr > th,
.cub-datatable-table > .cub-datatable-thead > tr > td {
  min-width: 6.25rem;
  padding: var(--cub-sys-component-padding-xs);
  text-align: left;
  word-wrap: break-word;
  word-break: normal;
  vertical-align: middle;
  color: var(--cub-sys-text-neutral-primary);
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
}
.cub-datatable-table > .cub-datatable-tbody {
  /* 有垂直合併欄位時，不支援 hover 效果 */
}
.cub-datatable-table > .cub-datatable-tbody > tr {
  /* 無資料 */
  /* 合計欄位 */
}
.cub-datatable-table > .cub-datatable-tbody > tr > th {
  font: var(--cub-sys-font-label-m);
  background-color: var(--cub-sys-bg-neutral-light);
}
.cub-datatable-table > .cub-datatable-tbody > tr > td {
  font: var(--cub-sys-font-body-m);
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-datatable-table > .cub-datatable-tbody > tr > th,
.cub-datatable-table > .cub-datatable-tbody > tr > td {
  min-width: 6.25rem;
  padding: var(--cub-sys-component-padding-xs);
  text-align: left;
  word-wrap: break-word;
  word-break: normal;
  vertical-align: middle;
  color: var(--cub-sys-text-neutral-primary);
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
}
@media screen and (hover: hover) {
  .cub-datatable-table > .cub-datatable-tbody > tr:hover > th,
  .cub-datatable-table > .cub-datatable-tbody > tr:hover > td {
    background-color: rgb(from var(--cub-ref-neutral-7) r g b/var(--cub-ref-state-hover-opacity));
  }
}
.cub-datatable-table > .cub-datatable-tbody > tr.cub-table-row-null > th,
.cub-datatable-table > .cub-datatable-tbody > tr.cub-table-row-null > td {
  height: 4.5rem;
  text-align: center;
  vertical-align: middle;
}
.cub-datatable-table > .cub-datatable-tbody > tr.cub-table-row-total > th,
.cub-datatable-table > .cub-datatable-tbody > tr.cub-table-row-total > td {
  white-space: nowrap;
  background-color: var(--cub-sys-bg-neutral-light);
}
.cub-datatable-table > .cub-datatable-tbody:has(th[rowspan], td[rowspan]) > tr:not(.cub-selected) > th,
.cub-datatable-table > .cub-datatable-tbody:has(th[rowspan], td[rowspan]) > tr:not(.cub-selected) > td {
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-datatable-table > .cub-datatable-tfoot {
  /* 有垂直合併欄位時，不支援 hover 效果 */
}
.cub-datatable-table > .cub-datatable-tfoot > tr {
  /* 合計欄位 */
}
.cub-datatable-table > .cub-datatable-tfoot > tr > th {
  font: var(--cub-sys-font-label-m);
  background-color: var(--cub-sys-bg-neutral-light);
}
.cub-datatable-table > .cub-datatable-tfoot > tr > td {
  font: var(--cub-sys-font-body-m);
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-datatable-table > .cub-datatable-tfoot > tr > th,
.cub-datatable-table > .cub-datatable-tfoot > tr > td {
  min-width: 6.25rem;
  padding: var(--cub-sys-component-padding-xs);
  text-align: left;
  word-wrap: break-word;
  word-break: normal;
  vertical-align: middle;
  color: var(--cub-sys-text-neutral-primary);
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
}
@media screen and (hover: hover) {
  .cub-datatable-table > .cub-datatable-tfoot > tr:hover > th,
  .cub-datatable-table > .cub-datatable-tfoot > tr:hover > td {
    background-color: rgb(from var(--cub-ref-neutral-7) r g b/var(--cub-ref-state-hover-opacity));
  }
}
.cub-datatable-table > .cub-datatable-tfoot > tr.cub-table-row-total > th,
.cub-datatable-table > .cub-datatable-tfoot > tr.cub-table-row-total > td {
  white-space: nowrap;
  background-color: var(--cub-sys-bg-neutral-light);
}
.cub-datatable-table > .cub-datatable-tfoot:has(th[rowspan], td[rowspan]) > tr:not(.cub-selected) > th,
.cub-datatable-table > .cub-datatable-tfoot:has(th[rowspan], td[rowspan]) > tr:not(.cub-selected) > td {
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-datatable-table > * > tr > th,
.cub-datatable-table > * > tr > td {
  /* 響應式的手機版標題 */
  /* 金額欄位 */
  /* 操作欄位（動作按鈕） */
  /* 收合欄位（Row Expansion） */
  /* 拖欄欄位（Row Draggable） */
  /* 選擇欄位（Checkbox、Radio） */
}
.cub-datatable-table > * > tr > th .cub-column-title,
.cub-datatable-table > * > tr > td .cub-column-title {
  display: none;
}
.cub-datatable-table > * > tr > th.cub-column-amount,
.cub-datatable-table > * > tr > td.cub-column-amount {
  text-align: right;
  white-space: nowrap;
}
.cub-datatable-table > * > tr > th.cub-column-actions,
.cub-datatable-table > * > tr > td.cub-column-actions {
  width: 1% !important;
  min-width: 1% !important;
  text-align: center;
  white-space: nowrap;
}
.cub-datatable-table > * > tr > th.cub-column-toggler,
.cub-datatable-table > * > tr > td.cub-column-toggler {
  width: 1% !important;
  min-width: 1% !important;
  text-align: center;
}
.cub-datatable-table > * > tr > th.cub-column-dragger,
.cub-datatable-table > * > tr > td.cub-column-dragger {
  width: 1% !important;
  min-width: 1% !important;
  text-align: center;
}
.cub-datatable-table > * > tr > th.cub-column-selector,
.cub-datatable-table > * > tr > td.cub-column-selector {
  width: 1% !important;
  min-width: 1% !important;
  text-align: center;
}

.cub-datatable-footer {
  margin: -1px 0;
  border-width: 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
}

/* S 尺寸 */
.cub-datatable-small .cub-datatable-table > .cub-datatable-thead > tr > th {
  font: var(--cub-sys-font-label-s);
}
.cub-datatable-small .cub-datatable-table > .cub-datatable-thead > tr > td {
  font: var(--cub-sys-font-label-s);
}
.cub-datatable-small .cub-datatable-table > .cub-datatable-tbody > tr > th {
  font: var(--cub-sys-font-label-s);
}
.cub-datatable-small .cub-datatable-table > .cub-datatable-tbody > tr > td {
  font: var(--cub-sys-font-body-s);
}
.cub-datatable-small .cub-datatable-table > .cub-datatable-tfoot > tr > th {
  font: var(--cub-sys-font-label-s);
}
.cub-datatable-small .cub-datatable-table > .cub-datatable-tfoot > tr > td {
  font: var(--cub-sys-font-body-s);
}

.cub-datatable-bordered-table > .cub-datatable-thead > tr > th,
.cub-datatable-bordered-table > .cub-datatable-thead > tr > td,
.cub-datatable-bordered-table > .cub-datatable-tbody > tr > th,
.cub-datatable-bordered-table > .cub-datatable-tbody > tr > td,
.cub-datatable-bordered-table > .cub-datatable-tfoot > tr > th,
.cub-datatable-bordered-table > .cub-datatable-tfoot > tr > td {
  border-right-width: 1px;
}
.cub-datatable-bordered-table > .cub-datatable-thead > tr > th:last-child,
.cub-datatable-bordered-table > .cub-datatable-thead > tr > td:last-child,
.cub-datatable-bordered-table > .cub-datatable-tbody > tr > th:last-child,
.cub-datatable-bordered-table > .cub-datatable-tbody > tr > td:last-child,
.cub-datatable-bordered-table > .cub-datatable-tfoot > tr > th:last-child,
.cub-datatable-bordered-table > .cub-datatable-tfoot > tr > td:last-child {
  border-right-width: 0;
}

@media (max-width: 767.98px) {
  .cub-datatable-responsive-table {
    width: 100%;
    background: none;
    border: none;
    /* 響應式的手機版標題 */
  }
  .cub-datatable-responsive-table .cub-column-title {
    display: inline-flex !important;
    align-items: center;
    align-self: stretch;
    width: 30%;
    min-width: 30%;
    margin: calc(0px - var(--cub-sys-component-padding-xs)) var(--cub-sys-component-padding-xs) calc(0px - var(--cub-sys-component-padding-xs)) calc(0px - var(--cub-sys-component-padding-xs));
    padding: var(--cub-sys-component-padding-xs);
    font: var(--cub-sys-font-label-m);
    text-align: left;
    color: var(--cub-sys-text-neutral-primary);
    background-color: var(--cub-sys-bg-neutral-light);
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: var(--cub-sys-border-neutral-lighter);
  }
  .cub-datatable-responsive-table > .cub-datatable-thead > tr > th,
  .cub-datatable-responsive-table > .cub-datatable-thead > tr > td {
    display: none;
  }
  .cub-datatable-responsive-table > .cub-datatable-tbody > tr {
    display: block;
    background-color: var(--cub-sys-bg-neutral-base);
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: var(--cub-sys-border-neutral-lighter);
  }
  .cub-datatable-responsive-table > .cub-datatable-tbody > tr:not(:last-child) {
    margin-bottom: var(--cub-sys-component-margin-xs);
  }
  .cub-datatable-responsive-table > .cub-datatable-tbody > tr > th,
  .cub-datatable-responsive-table > .cub-datatable-tbody > tr > td {
    display: flex;
    align-items: center;
    width: 100% !important;
    height: auto;
    text-align: left;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: var(--cub-sys-border-neutral-lighter);
  }
  /* S 尺寸 */
  .cub-datatable-small .cub-datatable-responsive-table {
    /* 響應式的手機版標題 */
  }
  .cub-datatable-small .cub-datatable-responsive-table .cub-column-title {
    font: var(--cub-sys-font-label-s);
  }
}
.cub-datatable-resizable-table .cub-column-resizer-helper {
  display: none;
  position: absolute;
  z-index: 5;
  width: 1px;
}
.cub-datatable-resizable-table .cub-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  width: 0.5rem;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  cursor: col-resize;
}
.cub-datatable-resizable-table > .cub-datatable-thead > tr > th,
.cub-datatable-resizable-table > .cub-datatable-thead > tr > td,
.cub-datatable-resizable-table > .cub-datatable-tfoot > tr > th,
.cub-datatable-resizable-table > .cub-datatable-tfoot > tr > td,
.cub-datatable-resizable-table > .cub-datatable-tbody > tr > th,
.cub-datatable-resizable-table > .cub-datatable-tbody > tr > td {
  white-space: nowrap;
  overflow: hidden;
}
.cub-datatable-resizable-table > .cub-datatable-thead > tr > th.cub-resizable-column:not(.cub-frozen-column) {
  background-clip: padding-box;
  position: relative;
}

.cub-datatable-resizable-table-fit > .cub-datatable-thead > tr > th.cub-resizable-column:last-child .cub-column-resizer {
  display: none;
}

/* 固定左右欄位 */
.cub-datatable-scrollable {
  /* 固定右側首欄顯示陰影 */
  /* 固定左側末欄顯示陰影 */
}
.cub-datatable-scrollable > .cub-datatable-wrapper {
  position: relative;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
  /* 無法使用 overlay 的瀏覽器照舊 */
  /* 能使用 overlay 的瀏覽器會吃到 */
  overflow: auto;
}
.cub-datatable-scrollable .cub-frozen-column {
  position: sticky;
  z-index: 1;
}
.cub-datatable-scrollable .cub-frozen-column[alignfrozen=right] {
  z-index: 2;
}
.cub-datatable-scrollable .cub-frozen-column::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.cub-datatable-scrollable .cub-datatable-frozen-right-shadow {
  box-shadow: var(--cub-sys-shadow-direction-left);
}
.cub-datatable-scrollable .cub-datatable-frozen-left-shadow {
  box-shadow: var(--cub-sys-shadow-direction-right);
}

/* 固定左右欄位 + 固定表頭與表尾 */
.cub-datatable-flex-scrollable {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.cub-datatable-flex-scrollable > .cub-datatable-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}

.cub-datatable-scrollable-table {
  border: none;
}
.cub-datatable-scrollable-table > .cub-datatable-thead {
  position: sticky;
  top: 0;
  z-index: 3;
}
.cub-datatable-scrollable-table > .cub-datatable-frozen-tbody {
  position: sticky;
  z-index: 1;
}
.cub-datatable-scrollable-table > .cub-datatable-tbody > .cub-rowgroucub-header {
  position: sticky;
  z-index: 1;
}
.cub-datatable-scrollable-table > .cub-datatable-tbody,
.cub-datatable-scrollable-table > .cub-datatable-tfoot {
  /* 有垂直合併欄位時，不支援 hover 效果 */
}
.cub-datatable-scrollable-table > .cub-datatable-tbody > tr > .cub-frozen-column,
.cub-datatable-scrollable-table > .cub-datatable-tfoot > tr > .cub-frozen-column {
  background-color: var(--cub-sys-bg-neutral-base) !important;
}
.cub-datatable-scrollable-table > .cub-datatable-tbody > tr.cub-selected > .cub-frozen-column::before,
.cub-datatable-scrollable-table > .cub-datatable-tfoot > tr.cub-selected > .cub-frozen-column::before {
  background-color: var(--cub-sys-bg-neutral-selected);
}
@media screen and (hover: hover) {
  .cub-datatable-scrollable-table > .cub-datatable-tbody > tr:not(.cub-selected):hover > .cub-frozen-column::before,
  .cub-datatable-scrollable-table > .cub-datatable-tfoot > tr:not(.cub-selected):hover > .cub-frozen-column::before {
    background-color: rgb(from var(--cub-ref-neutral-7) r g b/var(--cub-ref-state-hover-opacity));
  }
}
.cub-datatable-scrollable-table > .cub-datatable-tbody:has(th[rowspan], td[rowspan]) > tr:not(.cub-selected) > .cub-frozen-column::before,
.cub-datatable-scrollable-table > .cub-datatable-tfoot:has(th[rowspan], td[rowspan]) > tr:not(.cub-selected) > .cub-frozen-column::before {
  display: none;
}
.cub-datatable-scrollable-table > .cub-datatable-tfoot {
  position: sticky;
  bottom: 0;
  z-index: 1;
}

.cub-tag {
  --cub-comp-tag-text-gray: #525252;
  --cub-comp-tag-text-green: #00733b;
  --cub-comp-tag-text-orange: #a75a00;
  --cub-comp-tag-text-red: #aa161e;
  --cub-comp-tag-text-blue: #0d59a3;
  --cub-comp-tag-text-purple: #3849aa;
  --cub-comp-tag-bg-gray: #e9e9e9;
  --cub-comp-tag-bg-green: #eafcf0;
  --cub-comp-tag-bg-orange: #fff4ea;
  --cub-comp-tag-bg-red: #ffeaea;
  --cub-comp-tag-bg-blue: #ebf4fc;
  --cub-comp-tag-bg-purple: #f0f2fd;
  padding-right: var(--cub-sys-component-padding-3xs);
  padding-left: var(--cub-sys-component-padding-3xs);
  font: var(--cub-sys-font-body-m);
  display: inline-block;
  max-width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
  border-radius: var(--cub-sys-radius-m);
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.cub-tag.cub-tag-gray {
  color: var(--cub-comp-tag-text-gray) !important;
  background-color: var(--cub-comp-tag-bg-gray) !important;
}
.cub-tag.cub-tag-green {
  color: var(--cub-comp-tag-text-green) !important;
  background-color: var(--cub-comp-tag-bg-green) !important;
}
.cub-tag.cub-tag-orange {
  color: var(--cub-comp-tag-text-orange) !important;
  background-color: var(--cub-comp-tag-bg-orange) !important;
}
.cub-tag.cub-tag-red {
  color: var(--cub-comp-tag-text-red) !important;
  background-color: var(--cub-comp-tag-bg-red) !important;
}
.cub-tag.cub-tag-blue {
  color: var(--cub-comp-tag-text-blue) !important;
  background-color: var(--cub-comp-tag-bg-blue) !important;
}
.cub-tag.cub-tag-purple {
  color: var(--cub-comp-tag-text-purple) !important;
  background-color: var(--cub-comp-tag-bg-purple) !important;
}
.cub-tag.cub-tag-small {
  padding-right: var(--cub-sys-component-padding-4xs);
  padding-left: var(--cub-sys-component-padding-4xs);
  font: var(--cub-sys-font-body-s);
}

.cub-toast {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 7000;
  width: calc(100vw - var(--cub-sys-viewport-offset-mobile-x) * 2);
  max-width: 21.4375rem;
  gap: var(--cub-sys-component-margin-s);
}
.cub-toast.cub-toast-bottom-right {
  right: var(--cub-sys-viewport-offset-desktop-x);
  bottom: var(--cub-sys-viewport-offset-desktop-y);
}
.cub-toast .cub-toast-item {
  width: 100%;
  padding: var(--cub-sys-component-padding-s);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cub-sys-radius-l);
  box-shadow: var(--cub-sys-shadow-layer-3);
}
.cub-toast .cub-toast-item.cub-toast-item-success {
  background-color: var(--cub-sys-bg-success-light);
  border-color: var(--cub-sys-border-success-light);
}
.cub-toast .cub-toast-item.cub-toast-item-success .cub-toast-item-icon span {
  color: var(--cub-sys-text-success-main);
}
.cub-toast .cub-toast-item.cub-toast-item-warning {
  background-color: var(--cub-sys-bg-warning-light);
  border-color: var(--cub-sys-border-warning-light);
}
.cub-toast .cub-toast-item.cub-toast-item-warning .cub-toast-item-icon span {
  color: var(--cub-sys-text-warning-main);
}
.cub-toast .cub-toast-item.cub-toast-item-error {
  background-color: var(--cub-sys-bg-error-light);
  border-color: var(--cub-sys-border-error-light);
}
.cub-toast .cub-toast-item.cub-toast-item-error .cub-toast-item-icon span {
  color: var(--cub-sys-text-error-main);
}
.cub-toast .cub-toast-item.cub-toast-item-neutral {
  background-color: var(--cub-sys-bg-neutral-light);
  border-color: var(--cub-sys-border-neutral-light);
}
.cub-toast .cub-toast-item.cub-toast-item-neutral .cub-toast-item-icon span {
  color: var(--cub-sys-text-neutral-main);
}
.cub-toast .cub-toast-item .cub-toast-item-content {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.cub-toast .cub-toast-item .cub-toast-item-icon,
.cub-toast .cub-toast-item .cub-toast-item-text,
.cub-toast .cub-toast-item .cub-toast-item-close {
  display: flex;
  align-items: flex-start;
}
.cub-toast .cub-toast-item .cub-toast-item-icon {
  margin-right: var(--cub-sys-component-margin-xs);
}
.cub-toast .cub-toast-item .cub-toast-item-icon span {
  font: var(--cub-sys-icon-body-m);
}
.cub-toast .cub-toast-item .cub-toast-item-text {
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--cub-sys-component-margin-3xs);
}
.cub-toast .cub-toast-item .cub-toast-item-text .cub-toast-item-title {
  font: var(--cub-sys-font-label-m);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-toast .cub-toast-item .cub-toast-item-text .cub-toast-item-message {
  font: var(--cub-sys-font-body-s);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-toast .cub-toast-item .cub-toast-item-close {
  margin-left: var(--cub-sys-component-margin-s);
}

@media (max-width: 1439.98px) {
  .cub-toast.cub-toast-bottom-right {
    right: var(--cub-sys-viewport-offset-laptop-x);
    bottom: var(--cub-sys-viewport-offset-laptop-y);
  }
}
@media (max-width: 1023.98px) {
  .cub-toast.cub-toast-bottom-right {
    right: var(--cub-sys-viewport-offset-tablet-x);
    bottom: var(--cub-sys-viewport-offset-tablet-y);
  }
}
@media (max-width: 767.98px) {
  .cub-toast.cub-toast-bottom-right {
    right: var(--cub-sys-viewport-offset-mobile-x);
    bottom: var(--cub-sys-viewport-offset-mobile-y);
  }
}
.cub-notification {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 8000;
  width: calc(100vw - var(--cub-sys-viewport-offset-mobile-x) * 2);
  max-width: 21.4375rem;
  gap: var(--cub-sys-component-margin-s);
}
.cub-notification.cub-notification-top-right {
  top: var(--cub-sys-viewport-offset-desktop-y);
  right: var(--cub-sys-viewport-offset-desktop-x);
}
.cub-notification .cub-notification-item {
  width: 100%;
  padding: var(--cub-sys-component-padding-s);
  background-color: var(--cub-sys-bg-neutral-base);
  border-radius: var(--cub-sys-radius-l);
  box-shadow: var(--cub-sys-shadow-layer-3);
}
.cub-notification .cub-notification-item.cub-notification-item-success .cub-notification-item-icon span {
  color: var(--cub-sys-text-success-main);
}
.cub-notification .cub-notification-item.cub-notification-item-warning .cub-notification-item-icon span {
  color: var(--cub-sys-text-warning-main);
}
.cub-notification .cub-notification-item.cub-notification-item-error .cub-notification-item-icon span {
  color: var(--cub-sys-text-error-main);
}
.cub-notification .cub-notification-item.cub-notification-item-neutral .cub-notification-item-icon span {
  color: var(--cub-sys-text-neutral-main);
}
.cub-notification .cub-notification-item .cub-notification-item-content {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.cub-notification .cub-notification-item .cub-notification-item-icon,
.cub-notification .cub-notification-item .cub-notification-item-text,
.cub-notification .cub-notification-item .cub-notification-item-close {
  display: flex;
  align-items: flex-start;
}
.cub-notification .cub-notification-item .cub-notification-item-icon {
  margin-right: var(--cub-sys-component-margin-xs);
}
.cub-notification .cub-notification-item .cub-notification-item-icon span {
  font: var(--cub-sys-icon-body-m);
}
.cub-notification .cub-notification-item .cub-notification-item-text {
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--cub-sys-component-margin-3xs);
}
.cub-notification .cub-notification-item .cub-notification-item-text .cub-notification-item-title {
  font: var(--cub-sys-font-label-m);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-notification .cub-notification-item .cub-notification-item-text .cub-notification-item-message {
  font: var(--cub-sys-font-body-s);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-notification .cub-notification-item .cub-notification-item-close {
  margin-left: var(--cub-sys-component-margin-s);
}
.cub-notification .cub-notification-item .cub-notification-item-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  margin-top: var(--cub-sys-component-margin-s);
}

@media (max-width: 1439.98px) {
  .cub-notification.cub-notification-top-right {
    top: var(--cub-sys-viewport-offset-laptop-y);
    right: var(--cub-sys-viewport-offset-laptop-x);
  }
}
@media (max-width: 1023.98px) {
  .cub-notification.cub-notification-top-right {
    top: var(--cub-sys-viewport-offset-tablet-y);
    right: var(--cub-sys-viewport-offset-tablet-x);
  }
}
@media (max-width: 767.98px) {
  .cub-notification.cub-notification-top-right {
    top: var(--cub-sys-viewport-offset-mobile-y);
    right: var(--cub-sys-viewport-offset-mobile-x);
  }
}
.cub-toggle-mode {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  padding: var(--cub-sys-component-padding-3xs);
  color: var(--cub-sys-text-neutral-main);
  background-color: var(--cub-sys-bg-neutral-light);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--cub-sys-radius-l);
  cursor: pointer;
}
.cub-toggle-mode .cub-toggle-mode-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  /* 最小寬度一個 Icon */
  min-width: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common));
  border-radius: var(--cub-sys-radius-m);
}
@media screen and (hover: hover) {
  .cub-toggle-mode:hover {
    color: var(--cub-sys-text-neutral-hover);
  }
}
.cub-toggle-mode:active {
  color: var(--cub-sys-text-neutral-active);
}
.cub-toggle-mode.cub-disabled {
  color: var(--cub-sys-text-neutral-disabled);
  cursor: not-allowed;
}
.cub-toggle-mode.cub-disabled.cub-toggle-mode-on .cub-toggle-mode-wrapper {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-toggle-mode.cub-disabled.cub-toggle-mode-off {
  background-color: var(--cub-sys-bg-neutral-disabled);
}
.cub-toggle-mode.cub-toggle-mode-on .cub-toggle-mode-wrapper {
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-toggle-mode .cub-toggle-mode-icon {
  display: contents;
  font: var(--cub-sys-icon-body-m);
}
.cub-toggle-mode .cub-toggle-mode-label {
  display: block;
  flex: 1 1 auto;
  padding: 0 var(--cub-sys-component-padding-3xs);
  font: var(--cub-sys-font-body-m);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-toggle-mode.cub-toggle-mode-small {
  padding: var(--cub-sys-component-padding-4xs);
  border-radius: var(--cub-sys-radius-m);
}
.cub-toggle-mode.cub-toggle-mode-small .cub-toggle-mode-wrapper {
  /* 最小寬度一個 Icon */
  min-width: calc(var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common));
}
.cub-toggle-mode.cub-toggle-mode-small .cub-toggle-mode-wrapper .cub-toggle-mode-icon {
  font: var(--cub-sys-icon-body-s);
}
.cub-toggle-mode.cub-toggle-mode-small .cub-toggle-mode-wrapper .cub-toggle-mode-label {
  padding: 0 var(--cub-sys-component-padding-4xs);
  font: var(--cub-sys-font-body-s);
}

.cub-toggle-icon {
  --cub-comp-toggle-icon-bg-gray: #808080;
  --cub-comp-toggle-icon-bg-green: #00994e;
  --cub-comp-toggle-icon-bg-orange: #de7800;
  --cub-comp-toggle-icon-bg-red: #e21d28;
  --cub-comp-toggle-icon-bg-blue: #1176d9;
  --cub-comp-toggle-icon-bg-purple: #4a61e2;
  --cub-comp-toggle-icon-text-gray: #808080;
  --cub-comp-toggle-icon-text-green: #00994e;
  --cub-comp-toggle-icon-text-orange: #de7800;
  --cub-comp-toggle-icon-text-red: #e21d28;
  --cub-comp-toggle-icon-text-blue: #1176d9;
  --cub-comp-toggle-icon-text-purple: #4a61e2;
  display: inline-block;
  align-items: flex-start;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  /* S 尺寸 */
  /* 選取樣式 */
  /* Disabled 樣式 */
}
.cub-toggle-icon .cub-toggle-icon-label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.cub-toggle-icon .cub-toggle-icon-label > .cub-toggle-icon-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-toggle-icon .cub-toggle-icon-label > .cub-toggle-icon-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-toggle-icon .cub-toggle-icon-label > .cub-ripple-disabled + .cub-toggle-icon-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-toggle-icon .cub-toggle-icon-label:hover:not(:disabled, .cub-disabled) > .cub-toggle-icon-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-toggle-icon .cub-toggle-icon-label .cub-toggle-icon-ripple,
.cub-toggle-icon .cub-toggle-icon-label .cub-toggle-icon-persistent-ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(var(--cub-sys-component-size-l) * 1.6);
  height: calc(var(--cub-sys-component-size-l) * 1.6);
  border-radius: var(--cub-sys-radius-circle);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.cub-toggle-icon .cub-toggle-icon-container {
  display: inline-block;
  flex-shrink: 0;
  order: 0;
  position: relative;
  box-sizing: content-box;
  width: calc(var(--cub-sys-component-size-l) * 1.2);
  height: calc(var(--cub-sys-component-size-l) * 1.2);
  vertical-align: middle;
}
.cub-toggle-icon .cub-toggle-icon-background {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  width: calc(var(--cub-sys-component-size-l) * 1.2);
  height: calc(var(--cub-sys-component-size-l) * 1.2);
  margin: auto;
  padding: var(--cub-sys-component-padding-3xs);
  color: var(--cub-sys-text-neutral-main);
  opacity: 1;
  pointer-events: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.cub-toggle-icon .cub-toggle-icon-background > span {
  font: var(--cub-sys-icon-body-m);
}
.cub-toggle-icon.cub-toggle-icon-small .cub-toggle-icon-label .cub-toggle-icon-ripple,
.cub-toggle-icon.cub-toggle-icon-small .cub-toggle-icon-label .cub-toggle-icon-persistent-ripple {
  width: calc(var(--cub-sys-component-size-m) * 1.6);
  height: calc(var(--cub-sys-component-size-m) * 1.6);
  border-radius: var(--cub-sys-radius-circle);
}
.cub-toggle-icon.cub-toggle-icon-small .cub-toggle-icon-container {
  width: calc(var(--cub-sys-component-size-m) * 1.375);
  height: calc(var(--cub-sys-component-size-m) * 1.375);
}
.cub-toggle-icon.cub-toggle-icon-small .cub-toggle-icon-background {
  width: calc(var(--cub-sys-component-size-m) * 1.375);
  height: calc(var(--cub-sys-component-size-m) * 1.375);
  padding: var(--cub-sys-component-padding-4xs);
}
.cub-toggle-icon.cub-toggle-icon-small .cub-toggle-icon-background > span {
  font: var(--cub-sys-icon-body-s);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-gray .cub-toggle-icon-label > .cub-toggle-icon-ripple > .cub-ripple-element {
  background-color: var(--cub-comp-toggle-icon-bg-gray);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-gray .cub-toggle-icon-label > .cub-toggle-icon-persistent-ripple {
  background-color: var(--cub-comp-toggle-icon-bg-gray);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-gray .cub-toggle-icon-label > .cub-ripple-disabled + .cub-toggle-icon-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-gray .cub-toggle-icon-label:hover:not(:disabled, .cub-disabled) > .cub-toggle-icon-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-gray .cub-toggle-icon-background {
  color: var(--cub-comp-toggle-icon-text-gray);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-green .cub-toggle-icon-label > .cub-toggle-icon-ripple > .cub-ripple-element {
  background-color: var(--cub-comp-toggle-icon-bg-green);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-green .cub-toggle-icon-label > .cub-toggle-icon-persistent-ripple {
  background-color: var(--cub-comp-toggle-icon-bg-green);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-green .cub-toggle-icon-label > .cub-ripple-disabled + .cub-toggle-icon-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-green .cub-toggle-icon-label:hover:not(:disabled, .cub-disabled) > .cub-toggle-icon-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-green .cub-toggle-icon-background {
  color: var(--cub-comp-toggle-icon-text-green);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-orange .cub-toggle-icon-label > .cub-toggle-icon-ripple > .cub-ripple-element {
  background-color: var(--cub-comp-toggle-icon-bg-orange);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-orange .cub-toggle-icon-label > .cub-toggle-icon-persistent-ripple {
  background-color: var(--cub-comp-toggle-icon-bg-orange);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-orange .cub-toggle-icon-label > .cub-ripple-disabled + .cub-toggle-icon-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-orange .cub-toggle-icon-label:hover:not(:disabled, .cub-disabled) > .cub-toggle-icon-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-orange .cub-toggle-icon-background {
  color: var(--cub-comp-toggle-icon-text-orange);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-red .cub-toggle-icon-label > .cub-toggle-icon-ripple > .cub-ripple-element {
  background-color: var(--cub-comp-toggle-icon-bg-red);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-red .cub-toggle-icon-label > .cub-toggle-icon-persistent-ripple {
  background-color: var(--cub-comp-toggle-icon-bg-red);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-red .cub-toggle-icon-label > .cub-ripple-disabled + .cub-toggle-icon-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-red .cub-toggle-icon-label:hover:not(:disabled, .cub-disabled) > .cub-toggle-icon-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-red .cub-toggle-icon-background {
  color: var(--cub-comp-toggle-icon-text-red);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-blue .cub-toggle-icon-label > .cub-toggle-icon-ripple > .cub-ripple-element {
  background-color: var(--cub-comp-toggle-icon-bg-blue);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-blue .cub-toggle-icon-label > .cub-toggle-icon-persistent-ripple {
  background-color: var(--cub-comp-toggle-icon-bg-blue);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-blue .cub-toggle-icon-label > .cub-ripple-disabled + .cub-toggle-icon-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-blue .cub-toggle-icon-label:hover:not(:disabled, .cub-disabled) > .cub-toggle-icon-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-blue .cub-toggle-icon-background {
  color: var(--cub-comp-toggle-icon-text-blue);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-purple .cub-toggle-icon-label > .cub-toggle-icon-ripple > .cub-ripple-element {
  background-color: var(--cub-comp-toggle-icon-bg-purple);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-purple .cub-toggle-icon-label > .cub-toggle-icon-persistent-ripple {
  background-color: var(--cub-comp-toggle-icon-bg-purple);
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-purple .cub-toggle-icon-label > .cub-ripple-disabled + .cub-toggle-icon-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-purple .cub-toggle-icon-label:hover:not(:disabled, .cub-disabled) > .cub-toggle-icon-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-toggle-icon.cub-checked:not(.cub-disabled).cub-toggle-icon-purple .cub-toggle-icon-background {
  color: var(--cub-comp-toggle-icon-text-purple);
}
.cub-toggle-icon.cub-disabled .cub-toggle-icon-label {
  cursor: not-allowed;
}
.cub-toggle-icon.cub-disabled .cub-toggle-icon-background {
  color: var(--cub-sys-text-neutral-disabled);
}

.cub-cdk-overlay-pane.cub-tooltip-panel {
  z-index: 2100;
}

.cub-tooltip-panel {
  pointer-events: none !important;
}
.cub-tooltip-panel .cub-tooltip {
  max-width: 18rem;
  margin: var(--cub-sys-component-margin-xs) var(--cub-sys-component-margin-5xs);
  padding: var(--cub-sys-component-padding-xs);
  font: var(--cub-sys-font-body-m);
  color: var(--cub-sys-text-neutral-contrast);
  background-color: var(--cub-sys-bg-neutral-dark);
  border-radius: var(--cub-sys-radius-l);
}
.cub-tooltip-panel .cub-tooltip.cub-tooltip-up {
  margin-top: var(--cub-sys-component-margin-xs);
}
.cub-tooltip-panel .cub-tooltip.cub-tooltip-up.cub-tooltip-has-arrow {
  margin-top: var(--cub-sys-component-margin-s);
}
.cub-tooltip-panel .cub-tooltip.cub-tooltip-down {
  margin-bottom: var(--cub-sys-component-margin-xs);
}
.cub-tooltip-panel .cub-tooltip.cub-tooltip-down.cub-tooltip-has-arrow {
  margin-bottom: var(--cub-sys-component-margin-s);
}
.cub-tooltip-panel .cub-tooltip.cub-tooltip-left {
  margin-left: var(--cub-sys-component-margin-s);
}
.cub-tooltip-panel .cub-tooltip.cub-tooltip-left.cub-tooltip-has-arrow {
  margin-left: var(--cub-sys-component-margin-m);
}
.cub-tooltip-panel .cub-tooltip.cub-tooltip-right {
  margin-right: var(--cub-sys-component-margin-s);
}
.cub-tooltip-panel .cub-tooltip.cub-tooltip-right.cub-tooltip-has-arrow {
  margin-right: var(--cub-sys-component-margin-m);
}
.cub-tooltip-panel .cub-tooltip .cub-tooltip-arrow {
  position: absolute;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
}
.cub-tooltip-panel .cub-tooltip .cub-tooltip-arrow.cub-tooltip-arrow-down {
  bottom: -0.5rem;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 0.5rem solid var(--cub-sys-bg-neutral-dark);
  border-right: 0.25rem solid transparent;
  border-left: 0.25rem solid transparent;
  transform: translateX(-50%);
}
.cub-tooltip-panel .cub-tooltip .cub-tooltip-arrow.cub-tooltip-arrow-up {
  top: -0.5rem;
  left: 50%;
  width: 0;
  height: 0;
  border-right: 0.25rem solid transparent;
  border-bottom: 0.5rem solid var(--cub-sys-bg-neutral-dark);
  border-left: 0.25rem solid transparent;
  transform: translateX(-50%);
}
.cub-tooltip-panel .cub-tooltip .cub-tooltip-arrow.cub-tooltip-arrow-left {
  top: 50%;
  left: -0.5rem;
  width: 0;
  height: 0;
  border-top: 0.25rem solid transparent;
  border-right: 0.5rem solid var(--cub-sys-bg-neutral-dark);
  border-bottom: 0.25rem solid transparent;
  transform: translateY(-50%);
}
.cub-tooltip-panel .cub-tooltip .cub-tooltip-arrow.cub-tooltip-arrow-right {
  top: 50%;
  right: -0.5rem;
  width: 0;
  height: 0;
  border-top: 0.25rem solid transparent;
  border-bottom: 0.25rem solid transparent;
  border-left: 0.5rem solid var(--cub-sys-bg-neutral-dark);
  transform: translateY(-50%);
}

.cub-watermark {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.cub-watermark.cub-watermark-fullscreen {
  position: fixed;
  z-index: 11000;
  width: 100vw;
  height: 100vh;
  /* 重設 IOS、Android ViewHeight */
  height: calc(var(--vh) * 100);
}

.cub-cdk-overlay-pane.cub-popover-overlay {
  z-index: 2400;
}

.cub-popover-overlay > .cub-popover-panel {
  position: relative;
}
.cub-popover-overlay > .cub-popover-panel .cub-popover-content {
  min-width: 8.5rem;
  max-width: 18rem;
  max-height: 90vh;
  padding: var(--cub-sys-component-padding-s);
  font: var(--cub-sys-font-body-m);
  background-color: var(--cub-sys-bg-neutral-base);
  border-radius: var(--cub-sys-radius-l);
  box-shadow: var(--cub-sys-shadow-layer-3);
  overflow-x: hidden;
  overflow-y: auto;
}
.cub-popover-overlay > .cub-popover-panel[class*=cub-popover-below] {
  margin-top: var(--cub-sys-component-margin-3xs);
}
.cub-popover-overlay > .cub-popover-panel[class*=cub-popover-above] {
  margin-bottom: var(--cub-sys-component-margin-3xs);
}
.cub-popover-overlay > .cub-popover-panel[class*=cub-popover-before] {
  margin-right: var(--cub-sys-component-margin-3xs);
}
[dir=rtl] .cub-popover-overlay > .cub-popover-panel[class*=cub-popover-before] {
  margin-right: auto;
  margin-left: var(--cub-sys-component-margin-3xs);
}
.cub-popover-overlay > .cub-popover-panel[class*=cub-popover-after] {
  margin-left: var(--cub-sys-component-margin-3xs);
}
[dir=rtl] .cub-popover-overlay > .cub-popover-panel[class*=cub-popover-after] {
  margin-right: var(--cub-sys-component-margin-3xs);
  margin-left: auto;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] {
  margin-top: calc(var(--cub-sys-component-margin-l) * 0.5 + 2px);
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] {
  margin-bottom: calc(var(--cub-sys-component-margin-l) * 0.5 + 2px);
}
.cub-popover-overlay > .cub-popover-panel-has-arrow .cub-popover-direction-arrow {
  position: absolute;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow .cub-popover-direction-arrow::before, .cub-popover-overlay > .cub-popover-panel-has-arrow .cub-popover-direction-arrow::after {
  display: inline-block;
  position: absolute;
  border-width: 0;
  border-style: solid;
  border-color: var(--cub-sys-bg-neutral-base);
  content: "";
}
.cub-popover-overlay > .cub-popover-panel-has-arrow .cub-popover-direction-arrow::after {
  border-width: 0;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow, .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow {
  width: 4px;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow::before, .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow::after, .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow::before, .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow::after {
  border-right-color: transparent;
  border-left-color: transparent;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow::after, .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow::after {
  left: 1px;
}
[dir=rtl] .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow, [dir=rtl] .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow {
  right: 1px;
  left: auto;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow {
  top: 0;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow::before {
  border-right-width: 5px;
  border-bottom-width: 10px;
  border-left-width: 5px;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow::after {
  border-right-width: 4px;
  border-bottom-width: 8px;
  border-left-width: 4px;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow::before, .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow::after {
  bottom: 0;
  border-top-width: 0;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow {
  bottom: 0;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow::before {
  border-top-width: 10px;
  border-right-width: 5px;
  border-left-width: 5px;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow::after {
  border-top-width: 8px;
  border-right-width: 4px;
  border-left-width: 4px;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow::before, .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow::after {
  top: 0;
  border-bottom-width: 0;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow, .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow {
  height: 4px;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::before, .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::after, .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::after {
  top: 1px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow {
  right: 0;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::before, .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::after {
  left: 0;
  border-right-width: 0;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::before {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 8px;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::after {
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-width: 10px;
}
[dir=rtl] .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow {
  right: auto;
  left: 0;
}
[dir=rtl] .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::before, [dir=rtl] .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::after {
  right: 0;
  left: auto;
  border-left-width: 0;
}
[dir=rtl] .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::before {
  border-right-width: 4px;
}
[dir=rtl] .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::after {
  border-right-width: calc(var(--cub-sys-component-margin-l) * 0.5 - 1px);
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow {
  left: 0;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::before, .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::after {
  right: 0;
  border-left-width: 0;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::before {
  border-top-width: 4px;
  border-right-width: 8px;
  border-bottom-width: 4px;
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::after {
  border-top-width: 5px;
  border-right-width: 10px;
  border-bottom-width: 5px;
}
[dir=rtl] .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow {
  right: 0;
  left: auto;
}
[dir=rtl] .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::before, [dir=rtl] .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::after {
  right: auto;
  left: 0;
  border-right-width: 0;
}
[dir=rtl] .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::before {
  border-left-width: 4px;
}
[dir=rtl] .cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::after {
  border-left-width: calc(var(--cub-sys-component-margin-l) * 0.5 - 1px);
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover]::before {
  border-color: var(--cub-sys-bg-neutral-base);
}
.cub-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover]::after {
  border-color: var(--cub-sys-bg-neutral-base);
}

.cub-cdk-overlay-pane.cub-confirm-popover-overlay {
  z-index: 2400;
  margin: var(--cub-sys-component-margin-s);
}

.cub-confirm-popover-overlay > .cub-popover-panel {
  position: relative;
}
.cub-confirm-popover-overlay > .cub-popover-panel .cub-popover-content {
  min-width: 8.5rem;
  max-width: 18rem;
  padding: var(--cub-sys-component-padding-s);
  font: var(--cub-sys-font-body-m);
  background-color: var(--cub-sys-bg-neutral-base);
  box-shadow: var(--cub-sys-shadow-layer-3);
}
.cub-confirm-popover-overlay > .cub-popover-panel[class*=cub-popover-below] {
  margin-top: var(--cub-sys-component-margin-5xs);
}
.cub-confirm-popover-overlay > .cub-popover-panel[class*=cub-popover-above] {
  margin-bottom: var(--cub-sys-component-margin-5xs);
}
.cub-confirm-popover-overlay > .cub-popover-panel[class*=cub-popover-before] {
  margin-right: calc(var(--cub-sys-component-margin-l) * 0.5 + 2px);
}
[dir=rtl] .cub-confirm-popover-overlay > .cub-popover-panel[class*=cub-popover-before] {
  margin-right: auto;
  margin-left: calc(var(--cub-sys-component-margin-l) * 0.5 + 2px);
}
.cub-confirm-popover-overlay > .cub-popover-panel[class*=cub-popover-after] {
  margin-left: calc(var(--cub-sys-component-margin-l) * 0.5 + 2px);
}
[dir=rtl] .cub-confirm-popover-overlay > .cub-popover-panel[class*=cub-popover-after] {
  margin-right: calc(var(--cub-sys-component-margin-l) * 0.5 + 2px);
  margin-left: auto;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] {
  margin-top: calc(var(--cub-sys-component-margin-l) * 0.5 + 2px);
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] {
  margin-bottom: calc(var(--cub-sys-component-margin-l) * 0.5 + 2px);
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow .cub-popover-direction-arrow {
  position: absolute;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow .cub-popover-direction-arrow::before, .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow .cub-popover-direction-arrow::after {
  display: inline-block;
  position: absolute;
  border-width: 0;
  border-style: solid;
  border-color: var(--cub-sys-bg-neutral-base);
  content: "";
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow .cub-popover-direction-arrow::after {
  border-width: 0;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow, .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow {
  width: 4px;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow::before, .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow::after, .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow::before, .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow::after {
  border-right-color: transparent;
  border-left-color: transparent;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow::after, .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow::after {
  left: 1px;
}
[dir=rtl] .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow, [dir=rtl] .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow {
  right: 1px;
  left: auto;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow {
  top: 0;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow::before {
  border-right-width: 5px;
  border-bottom-width: 10px;
  border-left-width: 5px;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow::after {
  border-right-width: 4px;
  border-bottom-width: 8px;
  border-left-width: 4px;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow::before, .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-below] .cub-popover-direction-arrow::after {
  bottom: 0;
  border-top-width: 0;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow {
  bottom: 0;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow::before {
  border-top-width: 10px;
  border-right-width: 5px;
  border-left-width: 5px;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow::after {
  border-top-width: 8px;
  border-right-width: 4px;
  border-left-width: 4px;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow::before, .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-above] .cub-popover-direction-arrow::after {
  top: 0;
  border-bottom-width: 0;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow, .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow {
  height: 4px;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::before, .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::after, .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::after {
  top: 1px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow {
  right: 0;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::before, .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::after {
  left: 0;
  border-right-width: 0;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::before {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 8px;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::after {
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-width: 10px;
}
[dir=rtl] .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow {
  right: auto;
  left: 0;
}
[dir=rtl] .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::before, [dir=rtl] .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::after {
  right: 0;
  left: auto;
  border-left-width: 0;
}
[dir=rtl] .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::before {
  border-right-width: 4px;
}
[dir=rtl] .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-before] .cub-popover-direction-arrow::after {
  border-right-width: calc(var(--cub-sys-component-margin-l) * 0.5 - 1px);
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow {
  left: 0;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::before, .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::after {
  right: 0;
  border-left-width: 0;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::before {
  border-top-width: 4px;
  border-right-width: 8px;
  border-bottom-width: 4px;
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::after {
  border-top-width: 5px;
  border-right-width: 10px;
  border-bottom-width: 5px;
}
[dir=rtl] .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow {
  right: 0;
  left: auto;
}
[dir=rtl] .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::before, [dir=rtl] .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::after {
  right: auto;
  left: 0;
  border-right-width: 0;
}
[dir=rtl] .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::before {
  border-left-width: 4px;
}
[dir=rtl] .cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover-after] .cub-popover-direction-arrow::after {
  border-left-width: calc(var(--cub-sys-component-margin-l) * 0.5 - 1px);
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover]::before {
  border-color: var(--cub-sys-bg-neutral-base);
}
.cub-confirm-popover-overlay > .cub-popover-panel-has-arrow[class*=cub-popover]::after {
  border-color: var(--cub-sys-bg-neutral-base);
}
.cub-confirm-popover-overlay .cub-popover-footer {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: var(--cub-sys-component-margin-s);
}

.cub-confirm-popover-fake-focus {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: transparent;
  border: none;
  outline: none !important;
  pointer-events: none;
}

.cub-alert {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: var(--cub-sys-component-padding-s);
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cub-sys-radius-l);
}
.cub-alert.cub-alert-success {
  background-color: var(--cub-sys-bg-success-light);
  border-color: var(--cub-sys-border-success-light);
}
.cub-alert.cub-alert-success .cub-alert-icon span {
  color: var(--cub-sys-text-success-main);
}
.cub-alert.cub-alert-warning {
  background-color: var(--cub-sys-bg-warning-light);
  border-color: var(--cub-sys-border-warning-light);
}
.cub-alert.cub-alert-warning .cub-alert-icon span {
  color: var(--cub-sys-text-warning-main);
}
.cub-alert.cub-alert-error {
  background-color: var(--cub-sys-bg-error-light);
  border-color: var(--cub-sys-border-error-light);
}
.cub-alert.cub-alert-error .cub-alert-icon span {
  color: var(--cub-sys-text-error-main);
}
.cub-alert.cub-alert-neutral {
  background-color: var(--cub-sys-bg-neutral-light);
  border-color: var(--cub-sys-border-neutral-light);
}
.cub-alert.cub-alert-neutral .cub-alert-icon span {
  color: var(--cub-sys-text-neutral-main);
}
.cub-alert .cub-alert-icon,
.cub-alert .cub-alert-close {
  display: flex;
  align-items: flex-start;
}
.cub-alert .cub-alert-icon {
  margin-right: var(--cub-sys-component-margin-xs);
}
.cub-alert .cub-alert-icon span {
  font: var(--cub-sys-icon-body-m);
}
.cub-alert .cub-alert-content {
  flex: 1 1 auto;
  font: var(--cub-sys-font-body-m);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-alert .cub-alert-close {
  margin-left: var(--cub-sys-component-margin-s);
}

.cub-cdk-overlay-pane.cub-drop-down-overlay {
  z-index: 2200;
}

.cub-drop-down-panel {
  position: relative;
  max-width: 21.5rem;
  min-height: 2rem;
  max-height: 16.5rem;
  padding: var(--cub-sys-component-padding-3xs);
  background-color: var(--cub-sys-bg-neutral-base);
  border-radius: var(--cub-sys-radius-m);
  box-shadow: var(--cub-sys-shadow-layer-2);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.cub-drop-down-panel::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.cub-drop-down-panel::-webkit-scrollbar-track {
  background-color: var(--cub-sys-bg-neutral-light);
  border-radius: 8px;
}
.cub-drop-down-panel::-webkit-scrollbar-thumb {
  background-color: var(--cub-ref-neutral-4);
  background-clip: content-box;
  border-radius: 8px;
  border-width: 0 2px;
  border-style: solid;
  border-color: transparent;
}
.cub-drop-down-panel::-webkit-scrollbar-thumb:hover {
  background-color: var(--cub-ref-neutral-6);
}
.cub-drop-down-panel::-webkit-scrollbar-thumb:active {
  background-color: var(--cub-ref-neutral-8);
}
.cub-drop-down-panel::-webkit-scrollbar-thumb:horizontal {
  border-width: 2px 0;
}
.cub-drop-down-panel::-webkit-scrollbar-track {
  margin: var(--cub-sys-component-margin-3xs);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  text-align: left;
  color: var(--cub-sys-text-neutral-primary);
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  /* 例外：展開子選單時高亮提示，樣式與 Hover 相同 */
}
[dir=rtl] .cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item {
  text-align: right;
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item:disabled {
  background-color: var(--cub-sys-bg-neutral-base);
  cursor: not-allowed;
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item:disabled > .cub-drop-down-item-content > .cub-drop-down-item-content-text {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item.cub-cdk-focused {
  z-index: 1;
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item.cub-highlighted .cub-drop-down-persistent-ripple {
  opacity: var(--cub-ref-state-hover-opacity);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item.cub-selected {
  background-color: var(--cub-sys-bg-neutral-selected);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item.cub-selected > .cub-drop-down-item-content > .cub-drop-down-item-content-prefix {
  color: var(--cub-sys-text-neutral-selected);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item.cub-selected > .cub-drop-down-item-content > .cub-drop-down-item-content-text {
  color: var(--cub-sys-text-neutral-selected);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item > .cub-drop-down-item-content {
  display: flex;
  align-items: flex-start;
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
  overflow-wrap: break-word;
  border-radius: var(--cub-sys-radius-m);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item > .cub-drop-down-item-content > .cub-icon-empty-space {
  min-width: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common));
  min-height: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common));
  margin-right: var(--cub-sys-component-margin-3xs);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item > .cub-drop-down-item-content > .cub-drop-down-item-content-prefix {
  display: inline-flex;
  width: fit-content;
  margin-right: var(--cub-sys-component-margin-3xs);
  font: var(--cub-sys-icon-body-m);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item > .cub-drop-down-item-content > .cub-drop-down-item-content-text {
  flex-grow: 1;
  min-width: calc(3 * var(--cub-sys-font-size-body-m));
  font: var(--cub-sys-font-body-m);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item > .cub-drop-down-item-content > .cub-drop-down-item-content-suffix {
  position: relative;
  width: fit-content;
  min-width: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common));
  margin-left: var(--cub-sys-component-margin-3xs);
  font: var(--cub-sys-icon-body-m);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item > .cub-drop-down-ripple,
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item > .cub-drop-down-persistent-ripple {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item > .cub-drop-down-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item > .cub-drop-down-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item > .cub-ripple-disabled + .cub-drop-down-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-drop-down-panel .cub-drop-down-content .cub-drop-down-item:hover:not(:disabled, .cub-disabled) > .cub-drop-down-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-group .cub-drop-down-group-container {
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-group .cub-drop-down-group-container .cub-drop-down-group-label {
  font: var(--cub-sys-font-body-s);
  text-align: left;
  word-wrap: break-word;
  color: var(--cub-sys-text-neutral-light);
  cursor: default;
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-group .cub-drop-down-group-no-data {
  display: inline-block;
  width: 100%;
  font: var(--cub-sys-font-body-m);
  text-align: center;
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-drop-down-panel .cub-drop-down-content .cub-drop-down-group .cub-divider {
  width: calc(100% - var(--cub-sys-component-margin-m));
  margin: var(--cub-sys-component-margin-3xs) auto;
}
.cub-drop-down-panel .cub-drop-down-content > .cub-drop-down-group:last-child .cub-divider {
  display: none;
}

.cub-drop-down-panel-small .cub-drop-down-content .cub-drop-down-item > .cub-drop-down-item-content {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-3xs);
}
.cub-drop-down-panel-small .cub-drop-down-content .cub-drop-down-item > .cub-drop-down-item-content > .cub-icon-empty-space {
  min-width: calc(var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common));
  min-height: calc(var(--cub-sys-font-size-body-s) + var(--cub-ref-line-height-common));
}
.cub-drop-down-panel-small .cub-drop-down-content .cub-drop-down-item > .cub-drop-down-item-content > .cub-drop-down-item-content-prefix span {
  font: var(--cub-sys-icon-body-s);
}
.cub-drop-down-panel-small .cub-drop-down-content .cub-drop-down-item > .cub-drop-down-item-content > .cub-drop-down-item-content-text {
  min-width: calc(3 * var(--cub-sys-font-size-body-s));
  font: var(--cub-sys-font-body-s);
}
.cub-drop-down-panel-small .cub-drop-down-content .cub-drop-down-item > .cub-drop-down-item-content > .cub-drop-down-item-content-suffix span {
  font: var(--cub-sys-icon-body-s);
}
.cub-drop-down-panel-small .cub-drop-down-content .cub-drop-down-group .cub-drop-down-group-container {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-3xs);
}
.cub-drop-down-panel-small .cub-drop-down-content .cub-drop-down-group .cub-drop-down-group-container .cub-drop-down-group-no-data {
  font: var(--cub-sys-font-body-s);
}
.cub-drop-down-panel-small .cub-drop-down-content .cub-drop-down-group .cub-divider {
  width: calc(100% - var(--cub-sys-component-margin-xs));
}

.cub-show-more {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: height 500ms;
}
.cub-show-more.cub-expanded {
  height: auto;
  visibility: visible;
}

.cub-tree {
  display: block;
}

.cub-tree.cub-small .cub-tree-node {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-5xs);
  font: var(--cub-sys-font-body-s);
}
.cub-tree.cub-small .cub-tree-node .cub-tree-toggle-icon span {
  font: var(--cub-sys-icon-body-s);
}

.cub-tree-node {
  display: flex;
  flex: 1;
  align-items: start;
  position: relative;
  margin-top: var(--cub-sys-component-margin-3xs);
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-5xs);
  font: var(--cub-sys-font-body-m);
  word-wrap: break-word;
  cursor: pointer;
  /* Ripple 特例：因 Tree 結構問題此處不使用 Ripple 互動 */
}
.cub-tree-node .cub-tree-toggle-icon {
  display: inline-flex;
}
.cub-tree-node .cub-checkbox {
  margin-left: var(--cub-sys-component-margin-3xs);
}
.cub-tree-node .cub-radio {
  margin-left: var(--cub-sys-component-margin-3xs);
}
.cub-tree-node > span {
  margin-left: var(--cub-sys-component-margin-xs);
}
.cub-tree-node > .cub-tree-persistent-ripple {
  position: absolute;
  inset: 0;
  background-color: var(--cub-ref-neutral-7);
  opacity: 0;
  pointer-events: none;
}
@media screen and (hover: hover) {
  .cub-tree-node:hover:not(.cub-tree-plain-text) > .cub-tree-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-tree-node.cub-tree-plain-text {
  cursor: text;
}

.cub-nested-tree-node {
  border-bottom-width: 0;
}

cub-splitter {
  display: block;
}
cub-splitter.cub-splitter-is-nested {
  display: flex;
}
cub-splitter .cub-splitter {
  display: flex;
  flex-wrap: nowrap;
}
cub-splitter .cub-splitter.cub-splitter-horizontal {
  flex-direction: row;
}
cub-splitter .cub-splitter.cub-splitter-horizontal.cub-splitter-resizing {
  cursor: col-resize;
  -webkit-user-select: none;
          user-select: none;
}
cub-splitter .cub-splitter.cub-splitter-horizontal > .cub-splitter-gutter {
  cursor: col-resize;
}
cub-splitter .cub-splitter.cub-splitter-horizontal > .cub-splitter-gutter > .cub-splitter-gutter-handle {
  height: 100%;
  border-width: 0 0 0 1px;
}
cub-splitter .cub-splitter.cub-splitter-vertical {
  flex-direction: column;
}
cub-splitter .cub-splitter.cub-splitter-vertical.cub-splitter-resizing {
  cursor: row-resize;
  -webkit-user-select: none;
          user-select: none;
}
cub-splitter .cub-splitter.cub-splitter-vertical > .cub-splitter-gutter {
  cursor: row-resize;
}
cub-splitter .cub-splitter.cub-splitter-vertical > .cub-splitter-gutter > .cub-splitter-gutter-handle {
  width: 100%;
  border-width: 1px 0 0;
}
cub-splitter .cub-splitter .cub-splitter-panel {
  display: flex;
  flex-grow: 1;
  overflow: auto;
}
cub-splitter .cub-splitter .cub-splitter-panel > * {
  flex: 1 1 auto;
  height: fit-content;
}
cub-splitter .cub-splitter .cub-splitter-panel cub-splitter {
  flex-grow: 1;
}
cub-splitter .cub-splitter .cub-splitter-panel cub-splitter .cub-splitter {
  flex-grow: 1;
}
cub-splitter .cub-splitter .cub-splitter-gutter {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  cursor: col-resize;
}
cub-splitter .cub-splitter .cub-splitter-gutter.cub-disabled {
  pointer-events: none;
}
@media screen and (hover: hover) {
  cub-splitter .cub-splitter .cub-splitter-gutter:hover .cub-splitter-gutter-handle {
    border-color: var(--cub-sys-border-neutral-hover);
  }
}
cub-splitter .cub-splitter .cub-splitter-gutter:active .cub-splitter-gutter-handle {
  border-color: var(--cub-sys-border-neutral-active);
}
cub-splitter .cub-splitter .cub-splitter-gutter .cub-splitter-gutter-handle {
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-light);
}

:root {
  --cub-comp-full-calendar-text-green: #00733b;
  --cub-comp-full-calendar-text-blue: #0d59a3;
  --cub-comp-full-calendar-text-gray: #525252;
  --cub-comp-full-calendar-text-orange: #a75a00;
  --cub-comp-full-calendar-text-red: #aa161e;
  --cub-comp-full-calendar-text-purple: #3849aa;
  --cub-comp-full-calendar-bg-green-dark: #00994e;
  --cub-comp-full-calendar-bg-blue-dark: #1176d9;
  --cub-comp-full-calendar-bg-gray-dark: #808080;
  --cub-comp-full-calendar-bg-orange-dark: #de7800;
  --cub-comp-full-calendar-bg-red-dark: #e21d28;
  --cub-comp-full-calendar-bg-purple-dark: #4a61e2;
  --cub-comp-full-calendar-bg-green-light: #eafcf0;
  --cub-comp-full-calendar-bg-blue-light: #ebf4fc;
  --cub-comp-full-calendar-bg-gray-light: #e9e9e9;
  --cub-comp-full-calendar-bg-orange-light: #fff4ea;
  --cub-comp-full-calendar-bg-red-light: #ffeaea;
  --cub-comp-full-calendar-bg-purple-light: #f0f2fd;
  --cub-comp-full-calendar-border-red: #e21d28;
  --cub-comp-full-calendar-body-font-s: normal var(--cub-ref-font-size-1)/calc(var(--cub-ref-font-size-1) + var(--cub-ref-line-height-common)) var(--cub-ref-font-family);
  --cub-comp-full-calendar-bg-neutral: var(--cub-ref-neutral-3);
}

.cub-full-calendar {
  overflow: scroll;
}
.cub-full-calendar.fc {
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-full-calendar.fc .fc-header-toolbar,
.cub-full-calendar.fc .fc-view-harness {
  min-width: 400px;
}
.cub-full-calendar.fc .fc-header-toolbar {
  flex-wrap: wrap;
  margin: 0;
  gap: var(--cub-sys-component-margin-s);
  padding: var(--cub-sys-component-padding-s) var(--cub-sys-component-padding-m);
  border-width: 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
  border-bottom: none;
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: var(--cub-sys-component-margin-s);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
  display: none;
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk > * {
  margin: 0;
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title {
  padding: 0 var(--cub-sys-component-padding-s);
  font: var(--cub-sys-font-label-l);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button {
  font: var(--cub-sys-font-body-m);
  box-shadow: none;
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button:focus-visible:not(:disabled) {
  /* 客製 Focus 樣式 */
  outline: 2px solid var(--cub-sys-border-neutral-focused);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-prevYear-button, .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-prev-button, .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-next-button, .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-nextYear-button {
  padding: var(--cub-sys-component-padding-3xs);
  color: var(--cub-sys-text-neutral-main);
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--cub-sys-radius-l);
}
@media screen and (hover: hover) {
  .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-prevYear-button:hover:not(:disabled), .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-prev-button:hover:not(:disabled), .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-next-button:hover:not(:disabled), .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-nextYear-button:hover:not(:disabled) {
    background-color: rgb(from var(--cub-sys-bg-neutral-main) r g b/0.1);
  }
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-prevYear-button:active:not(:disabled), .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-prev-button:active:not(:disabled), .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-next-button:active:not(:disabled), .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-nextYear-button:active:not(:disabled) {
  background-color: rgb(from var(--cub-sys-bg-neutral-main) r g b/0.3);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-prevYear-button:disabled, .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-prev-button:disabled, .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-next-button:disabled, .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-nextYear-button:disabled {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-next-button:has(+ .fc-today-button), .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-nextYear-button:has(+ .fc-today-button) {
  margin-right: var(--cub-sys-component-margin-s);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-today-button, .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-addEventButton-button {
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cub-sys-radius-l);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-today-button {
  color: var(--cub-sys-text-neutral-main);
  border-color: var(--cub-sys-border-neutral-light);
}
@media screen and (hover: hover) {
  .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-today-button:hover:not(:disabled) {
    background-color: rgb(from var(--cub-sys-bg-neutral-main) r g b/0.1);
  }
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-today-button:active:not(:disabled) {
  background-color: rgb(from var(--cub-sys-bg-neutral-main) r g b/0.3);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-today-button:disabled {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-disabled);
  border-color: var(--cub-sys-border-neutral-disabled);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-addEventButton-button {
  display: inline-flex;
  align-items: center;
  gap: var(--cub-sys-component-margin-3xs);
  color: var(--cub-sys-text-brand-main);
  border-color: var(--cub-sys-border-brand-main);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-addEventButton-button::before {
  /* cub-icon-plus */
  content: "\ea3a";
  display: inline-block;
  font: var(--cub-sys-icon-body-m);
  font-family: CubIconFont !important;
}
@media screen and (hover: hover) {
  .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-addEventButton-button:hover:not(:disabled) {
    background-color: rgb(from var(--cub-sys-bg-brand-main) r g b/0.1);
  }
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-addEventButton-button:active:not(:disabled) {
  background-color: rgb(from var(--cub-sys-bg-brand-main) r g b/0.3);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button.fc-addEventButton-button:disabled {
  color: var(--cub-sys-text-brand-disabled);
  background-color: var(--cub-sys-bg-brand-disabled);
  border-color: var(--cub-sys-border-brand-disabled);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button .fc-icon {
  font: var(--cub-sys-icon-body-m);
  font-family: CubIconFont !important;
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button .fc-icon::before {
  display: block;
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button .fc-icon.fc-icon-chevrons-left::before {
  /* cub-icon-chevrons-left */
  content: "\e96f";
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button .fc-icon.fc-icon-chevron-left::before {
  /* cub-icon-chevron-left */
  content: "\e96a";
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button .fc-icon.fc-icon-chevron-right::before {
  /* cub-icon-chevron-right */
  content: "\e96c";
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button .fc-icon.fc-icon-chevrons-right::before {
  /* cub-icon-chevrons-right */
  content: "\e970";
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button-group {
  margin-right: var(--cub-sys-component-margin-s);
  gap: var(--cub-sys-component-margin-3xs);
  padding: var(--cub-sys-component-padding-4xs);
  background-color: var(--cub-comp-full-calendar-bg-neutral);
  border-radius: var(--cub-sys-radius-l);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button-group > .fc-button {
  min-width: 2.25rem;
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-2xs);
  color: var(--cub-sys-text-neutral-main);
  background-color: transparent;
  border: none;
  border-radius: var(--cub-sys-radius-m);
}
@media screen and (hover: hover) {
  .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button-group > .fc-button:hover:not(:disabled) {
    background-color: rgb(from var(--cub-sys-bg-neutral-main) r g b/0.1);
  }
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button-group > .fc-button:active:not(:disabled) {
  background-color: rgb(from var(--cub-sys-bg-neutral-main) r g b/0.3);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button-group > .fc-button:disabled {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk .fc-button-group > .fc-button.fc-button-active {
  background-color: var(--cub-sys-bg-neutral-lighter);
}
.cub-full-calendar.fc .fc-view-harness {
  min-height: 436px;
  /* 每個時間 */
  /* 今日 */
  /* 不可選擇時間 */
  /* 其他時間 */
  /* 非營業時間 */
  /* 時間選取範圍 */
  /* 當前時間的箭頭 */
  /* 當前時間的線 */
  /* 所有事件容器 */
  /* 所有事件 */
  /* 整天事件/多日事件 */
  /* 非整天事件 */
  /* 顯示更多 */
  /* 顯示更多彈窗 */
}
.cub-full-calendar.fc .fc-view-harness .fc-scrollgrid,
.cub-full-calendar.fc .fc-view-harness th,
.cub-full-calendar.fc .fc-view-harness td {
  border-color: var(--cub-sys-border-neutral-lighter);
}
.cub-full-calendar.fc .fc-view-harness th,
.cub-full-calendar.fc .fc-view-harness td {
  font: var(--cub-sys-font-body-s);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-full-calendar.fc .fc-view-harness th .fc-col-header-cell-cushion {
  width: 100%;
  padding: var(--cub-sys-component-padding-xs);
}
.cub-full-calendar.fc .fc-view-harness td .fc-daygrid-day-frame {
  padding: var(--cub-sys-component-padding-3xs);
}
.cub-full-calendar.fc .fc-view-harness td .fc-daygrid-day-frame .fc-daygrid-day-number {
  padding: 0;
}
.cub-full-calendar.fc .fc-view-harness td .fc-timegrid-axis-frame,
.cub-full-calendar.fc .fc-view-harness td .fc-timegrid-slot-label-frame {
  display: flex;
  justify-content: center;
}
.cub-full-calendar.fc .fc-view-harness td .fc-timegrid-axis-frame .fc-timegrid-axis-cushion,
.cub-full-calendar.fc .fc-view-harness td .fc-timegrid-axis-frame .fc-timegrid-slot-label-cushion,
.cub-full-calendar.fc .fc-view-harness td .fc-timegrid-slot-label-frame .fc-timegrid-axis-cushion,
.cub-full-calendar.fc .fc-view-harness td .fc-timegrid-slot-label-frame .fc-timegrid-slot-label-cushion {
  padding: var(--cub-sys-component-padding-3xs);
}
.cub-full-calendar.fc .fc-view-harness .fc-day:not(.fc-day-disabled, .fc-col-header-cell) {
  cursor: pointer;
}
.cub-full-calendar.fc .fc-view-harness .fc-day-today:not(.fc-popover) {
  position: relative;
  font: var(--cub-sys-font-label-s);
  color: var(--cub-sys-text-brand-main);
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-full-calendar.fc .fc-view-harness .fc-day-today:not(.fc-popover)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-brand-main);
  pointer-events: none;
}
.cub-full-calendar.fc .fc-view-harness .fc-day-disabled {
  background-color: var(--cub-sys-bg-neutral-disabled);
  cursor: not-allowed;
}
.cub-full-calendar.fc .fc-view-harness .fc-day-other .fc-daygrid-day-top {
  color: var(--cub-sys-text-neutral-placeholder);
  opacity: 1;
}
.cub-full-calendar.fc .fc-view-harness .fc-non-business {
  background-color: rgb(from var(--cub-sys-bg-neutral-main) r g b/0.1);
}
.cub-full-calendar.fc .fc-view-harness .fc-highlight {
  background-color: var(--cub-sys-bg-brand-selected);
}
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-now-indicator-arrow {
  border-color: var(--cub-comp-full-calendar-border-red);
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-now-indicator-line {
  border-color: var(--cub-comp-full-calendar-border-red);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-day-events .fc-daygrid-day-bottom {
  margin: 0 var(--cub-sys-component-margin-4xs);
}
.cub-full-calendar.fc .fc-view-harness .fc-event {
  margin: 0 var(--cub-sys-component-margin-4xs) var(--cub-sys-component-margin-3xs) var(--cub-sys-component-margin-4xs);
  border: none;
  border-radius: var(--cub-sys-radius-l);
  box-shadow: none;
  overflow: hidden;
}
.cub-full-calendar.fc .fc-view-harness .fc-event .fc-event-main {
  width: 100%;
}
.cub-full-calendar.fc .fc-view-harness .fc-event .fc-event-title-container {
  display: flex;
}
.cub-full-calendar.fc .fc-view-harness .fc-event .fc-event-title,
.cub-full-calendar.fc .fc-view-harness .fc-event .fc-event-time {
  padding: 0;
  font: var(--cub-comp-full-calendar-body-font-s);
  text-overflow: ellipsis;
}
.cub-full-calendar.fc .fc-view-harness .fc-event .fc-daygrid-event-dot {
  flex-shrink: 0;
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event {
  padding: var(--cub-sys-component-padding-5xs) var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-5xs) calc(var(--cub-sys-component-padding-3xs) + 3px);
  /* 事件左邊裝飾線 */
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event::before,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 3px;
  height: 100%;
  pointer-events: none;
}
@media screen and (hover: hover) {
  .cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event:hover::after,
  .cub-full-calendar.fc .fc-view-harness .fc-timegrid-event:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-green,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-green {
  background-color: var(--cub-comp-full-calendar-bg-green-light);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-green::before,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-green::before {
  background-color: var(--cub-comp-full-calendar-bg-green-dark);
}
@media screen and (hover: hover) {
  .cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-green:hover::after,
  .cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-green:hover::after {
    background-color: rgb(from var(--cub-comp-full-calendar-bg-green-dark) r g b/0.1);
  }
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-green .fc-event-main,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-green .fc-event-main {
  color: var(--cub-comp-full-calendar-text-green);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-blue,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-blue {
  background-color: var(--cub-comp-full-calendar-bg-blue-light);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-blue::before,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-blue::before {
  background-color: var(--cub-comp-full-calendar-bg-blue-dark);
}
@media screen and (hover: hover) {
  .cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-blue:hover::after,
  .cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-blue:hover::after {
    background-color: rgb(from var(--cub-comp-full-calendar-bg-blue-dark) r g b/0.1);
  }
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-blue .fc-event-main,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-blue .fc-event-main {
  color: var(--cub-comp-full-calendar-text-blue);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-gray,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-gray {
  background-color: var(--cub-comp-full-calendar-bg-gray-light);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-gray::before,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-gray::before {
  background-color: var(--cub-comp-full-calendar-bg-gray-dark);
}
@media screen and (hover: hover) {
  .cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-gray:hover::after,
  .cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-gray:hover::after {
    background-color: rgb(from var(--cub-comp-full-calendar-bg-gray-dark) r g b/0.1);
  }
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-gray .fc-event-main,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-gray .fc-event-main {
  color: var(--cub-comp-full-calendar-text-gray);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-orange,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-orange {
  background-color: var(--cub-comp-full-calendar-bg-orange-light);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-orange::before,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-orange::before {
  background-color: var(--cub-comp-full-calendar-bg-orange-dark);
}
@media screen and (hover: hover) {
  .cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-orange:hover::after,
  .cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-orange:hover::after {
    background-color: rgb(from var(--cub-comp-full-calendar-bg-orange-dark) r g b/0.1);
  }
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-orange .fc-event-main,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-orange .fc-event-main {
  color: var(--cub-comp-full-calendar-text-orange);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-red,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-red {
  background-color: var(--cub-comp-full-calendar-bg-red-light);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-red::before,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-red::before {
  background-color: var(--cub-comp-full-calendar-bg-red-dark);
}
@media screen and (hover: hover) {
  .cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-red:hover::after,
  .cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-red:hover::after {
    background-color: rgb(from var(--cub-comp-full-calendar-bg-red-dark) r g b/0.1);
  }
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-red .fc-event-main,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-red .fc-event-main {
  color: var(--cub-comp-full-calendar-text-red);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-purple,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-purple {
  background-color: var(--cub-comp-full-calendar-bg-purple-light);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-purple::before,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-purple::before {
  background-color: var(--cub-comp-full-calendar-bg-purple-dark);
}
@media screen and (hover: hover) {
  .cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-purple:hover::after,
  .cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-purple:hover::after {
    background-color: rgb(from var(--cub-comp-full-calendar-bg-purple-dark) r g b/0.1);
  }
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-block-event.cub-full-calendar-event-purple .fc-event-main,
.cub-full-calendar.fc .fc-view-harness .fc-timegrid-event.cub-full-calendar-event-purple .fc-event-main {
  color: var(--cub-comp-full-calendar-text-purple);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-dot-event {
  padding: var(--cub-sys-component-padding-5xs) var(--cub-sys-component-padding-3xs);
  font: var(--cub-comp-full-calendar-body-font-s);
  color: var(--cub-comp-full-calendar-text-gray);
}
@media screen and (hover: hover) {
  .cub-full-calendar.fc .fc-view-harness .fc-daygrid-dot-event:hover {
    background-color: rgb(from var(--cub-sys-bg-neutral-main) r g b/0.1);
  }
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-dot-event.cub-full-calendar-event-green .fc-daygrid-event-dot {
  background-color: var(--cub-comp-full-calendar-bg-green-dark);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-dot-event.cub-full-calendar-event-blue .fc-daygrid-event-dot {
  background-color: var(--cub-comp-full-calendar-bg-blue-dark);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-dot-event.cub-full-calendar-event-gray .fc-daygrid-event-dot {
  background-color: var(--cub-comp-full-calendar-bg-gray-dark);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-dot-event.cub-full-calendar-event-orange .fc-daygrid-event-dot {
  background-color: var(--cub-comp-full-calendar-bg-orange-dark);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-dot-event.cub-full-calendar-event-red .fc-daygrid-event-dot {
  background-color: var(--cub-comp-full-calendar-bg-red-dark);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-dot-event.cub-full-calendar-event-purple .fc-daygrid-event-dot {
  background-color: var(--cub-comp-full-calendar-bg-purple-dark);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-dot-event .fc-daygrid-event-dot {
  width: 6px;
  height: 6px;
  border: none;
  border-radius: var(--cub-sys-radius-circle);
}
.cub-full-calendar.fc .fc-view-harness .fc-daygrid-more-link {
  width: 100%;
  padding: var(--cub-sys-component-padding-5xs) var(--cub-sys-component-padding-3xs);
  font: var(--cub-comp-full-calendar-body-font-s);
  text-overflow: ellipsis;
  color: var(--cub-comp-full-calendar-text-gray);
  border-radius: var(--cub-sys-radius-l);
  overflow: hidden;
}
@media screen and (hover: hover) {
  .cub-full-calendar.fc .fc-view-harness .fc-daygrid-more-link:hover {
    background-color: rgb(from var(--cub-sys-bg-neutral-main) r g b/0.1);
  }
}
.cub-full-calendar.fc .fc-view-harness .fc-popover {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  z-index: 2000;
  width: 240px;
  height: 260px;
  padding: var(--cub-sys-component-padding-s);
  background-color: var(--cub-sys-bg-neutral-base);
  border: none;
  border-radius: var(--cub-sys-radius-l);
  box-shadow: var(--cub-sys-shadow-layer-2);
}
.cub-full-calendar.fc .fc-view-harness .fc-popover .fc-popover-header {
  padding: 0 0 var(--cub-sys-component-padding-s) 0;
  background-color: var(--cub-sys-bg-neutral-base);
  border-width: 0 0 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-light);
}
.cub-full-calendar.fc .fc-view-harness .fc-popover .fc-popover-header .fc-popover-title {
  margin: 0 var(--cub-sys-component-margin-4xs) 0 0;
  font: var(--cub-sys-font-body-m);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-full-calendar.fc .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
  font: var(--cub-sys-icon-body-m);
  font-family: CubIconFont !important;
  color: var(--cub-sys-text-neutral-primary);
}
.cub-full-calendar.fc .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close::before {
  /* cub-icon-x */
  content: "\eaa5";
  display: block;
}
@media screen and (hover: hover) {
  .cub-full-calendar.fc .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover:not(:disabled) {
    color: var(--cub-sys-text-neutral-hover);
  }
}
.cub-full-calendar.fc .fc-view-harness .fc-popover .fc-popover-body {
  height: 100%;
  padding: var(--cub-sys-component-padding-s) 0 0 0;
  overflow: auto;
}
.cub-full-calendar.fc .fc-view-harness .fc-timeGridWeek-view .fc-scrollgrid-section-header,
.cub-full-calendar.fc .fc-view-harness .fc-timeGridDay-view .fc-scrollgrid-section-header {
  /* 今日 */
}
.cub-full-calendar.fc .fc-view-harness .fc-timeGridWeek-view .fc-scrollgrid-section-header .fc-day-today::before,
.cub-full-calendar.fc .fc-view-harness .fc-timeGridDay-view .fc-scrollgrid-section-header .fc-day-today::before {
  border-bottom: none;
}
.cub-full-calendar.fc .fc-view-harness .fc-timeGridWeek-view .fc-scrollgrid-section-body:first-child,
.cub-full-calendar.fc .fc-view-harness .fc-timeGridDay-view .fc-scrollgrid-section-body:first-child {
  /* 今日 */
}
.cub-full-calendar.fc .fc-view-harness .fc-timeGridWeek-view .fc-scrollgrid-section-body:first-child .fc-day-today::before,
.cub-full-calendar.fc .fc-view-harness .fc-timeGridDay-view .fc-scrollgrid-section-body:first-child .fc-day-today::before {
  border-top: none;
  border-bottom: none;
}
.cub-full-calendar.fc .fc-view-harness .fc-timeGridWeek-view .fc-scrollgrid-section-body:last-child,
.cub-full-calendar.fc .fc-view-harness .fc-timeGridDay-view .fc-scrollgrid-section-body:last-child {
  /* 今日 */
}
.cub-full-calendar.fc .fc-view-harness .fc-timeGridWeek-view .fc-scrollgrid-section-body:last-child .fc-day-today::before,
.cub-full-calendar.fc .fc-view-harness .fc-timeGridDay-view .fc-scrollgrid-section-body:last-child .fc-day-today::before {
  border-top: none;
}
.cub-full-calendar.fc .fc-view-harness .fc-timeGridWeek-view .fc-scrollgrid-section,
.cub-full-calendar.fc .fc-view-harness .fc-timeGridDay-view .fc-scrollgrid-section {
  /* 分隔線 */
}
.cub-full-calendar.fc .fc-view-harness .fc-timeGridWeek-view .fc-scrollgrid-section .fc-timegrid-divider,
.cub-full-calendar.fc .fc-view-harness .fc-timeGridDay-view .fc-scrollgrid-section .fc-timegrid-divider {
  height: 0;
  padding: 0;
}

@media (max-width: 767.98px) {
  .cub-full-calendar.fc .fc-header-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }
  .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk {
    width: 100%;
  }
  .cub-full-calendar.fc .fc-header-toolbar .fc-toolbar-chunk > :last-child {
    margin-left: auto;
  }
}
.cub-descriptions {
  width: 100%;
  border-spacing: 0;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
}
.cub-descriptions > tbody > tr > th,
.cub-descriptions > tbody > tr > td {
  min-width: 6.25rem;
  padding: var(--cub-sys-component-padding-xs) var(--cub-sys-component-padding-s);
  text-align: left;
  word-wrap: break-word;
  word-break: normal;
  vertical-align: middle;
  color: var(--cub-sys-text-neutral-primary);
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
}
.cub-descriptions > tbody > tr > th:last-child,
.cub-descriptions > tbody > tr > td:last-child {
  border-right-width: 0;
}
.cub-descriptions > tbody > tr > th {
  background-color: var(--cub-sys-bg-neutral-light);
}
.cub-descriptions > tbody > tr > td {
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-descriptions > tbody > tr > th {
  font: var(--cub-sys-font-label-m);
}
.cub-descriptions > tbody > tr > td {
  font: var(--cub-sys-font-body-m);
}

.cub-descriptions-small > tbody > tr > th {
  font: var(--cub-sys-font-label-s);
}
.cub-descriptions-small > tbody > tr > td {
  font: var(--cub-sys-font-body-s);
}

.cub-segmented-control-group {
  --cub-comp-segmented-control-bg-neutral: var(--cub-ref-neutral-3);
  display: flex;
  width: fit-content;
  max-width: 100%;
}
.cub-segmented-control-group .cub-segmented-control-container {
  display: flex;
  max-width: 100%;
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container {
  display: flex;
  max-width: 100%;
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list {
  display: flex;
  max-width: 100%;
  padding: var(--cub-sys-component-padding-4xs);
  background-color: var(--cub-comp-segmented-control-bg-neutral);
  border-radius: var(--cub-sys-radius-l);
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items {
  display: flex;
  max-width: 100%;
  gap: var(--cub-sys-component-margin-3xs);
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item {
  display: flex;
  justify-content: center;
  min-width: 2.25rem;
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-2xs);
  border-radius: var(--cub-sys-radius-m);
  cursor: pointer;
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item.cub-segmented-control-item-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item.cub-segmented-control-item-ripple > .cub-segmented-control-item-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item.cub-ripple-disabled > .cub-segmented-control-item-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item:hover:not(:disabled, .cub-disabled) > .cub-segmented-control-item-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item.cub-disabled {
  cursor: not-allowed;
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item.cub-disabled .cub-segmented-control-item-content [class^=cub-icon-],
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item.cub-disabled .cub-segmented-control-item-content [class*=" cub-icon-"] {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item.cub-disabled .cub-segmented-control-item-content .cub-segmented-control-item-text {
  color: var(--cub-sys-text-neutral-disabled);
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item.cub-disabled .cub-segmented-control-item-content .cub-segmented-control-count {
  color: var(--cub-sys-text-brand-disabled);
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item.cub-active {
  background-color: var(--cub-sys-bg-neutral-lighter);
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item .cub-segmented-control-item-content {
  display: flex;
  align-items: center;
  gap: var(--cub-sys-component-margin-xs);
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item .cub-segmented-control-item-content [class^=cub-icon-],
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item .cub-segmented-control-item-content [class*=" cub-icon-"] {
  font: var(--cub-sys-icon-body-m);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item .cub-segmented-control-item-content .cub-segmented-control-item-text {
  font: var(--cub-sys-font-body-m);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-segmented-control-group .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item .cub-segmented-control-item-content .cub-segmented-control-count {
  font: var(--cub-sys-font-body-m);
  color: var(--cub-sys-text-brand-main);
}

.cub-segmented-control-group-large .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item {
  min-width: 3rem;
  padding: var(--cub-sys-component-padding-2xs) var(--cub-sys-component-padding-s);
}

.cub-segmented-control-group-small .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item {
  min-width: 1.875rem;
  padding: 0 var(--cub-sys-component-padding-3xs);
}
.cub-segmented-control-group-small .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item .cub-segmented-control-item-content [class^=cub-icon-],
.cub-segmented-control-group-small .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item .cub-segmented-control-item-content [class*=" cub-icon-"] {
  font: var(--cub-sys-icon-body-s);
}
.cub-segmented-control-group-small .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item .cub-segmented-control-item-content .cub-segmented-control-item-text {
  font: var(--cub-sys-font-body-s);
}
.cub-segmented-control-group-small .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items .cub-segmented-control-item .cub-segmented-control-item-content .cub-segmented-control-count {
  font: var(--cub-sys-font-body-s);
}

.cub-segmented-control-group-vertical .cub-segmented-control-container .cub-segmented-control-item-container .cub-segmented-control-list .cub-segmented-control-items {
  flex-direction: column;
}

.cub-segmented-control-group-fill {
  width: 100%;
}

/* Layout */
/* 元件內部 z-index 層級 */
/* 各元件 z-index 層級 */
/* 外層容器 */
.cub-layout-container {
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  height: 100vh;
  /* 重設 IOS、Android ViewHeight */
  height: calc(var(--vh) * 100);
  overflow: hidden;
}
.cub-layout-container[fullscreen] {
  position: absolute;
  inset: 0;
}
.cub-layout-container[fullscreen].cub-layout-container-has-open {
  overflow: hidden;
}
.cub-layout-container.cub-layout-container-explicit-backdrop .cub-layout-side {
  z-index: 1300;
}

/* 遮罩 */
.cub-layout-backdrop {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 1300;
  visibility: hidden;
}
.cub-layout-backdrop.cub-layout-visible {
  background-color: var(--cub-sys-backdrop-dark);
  visibility: visible;
  /* Sidebar 展開時禁止下方滾動 */
  touch-action: none;
}
.cub-layout-transition .cub-layout-backdrop {
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: background-color, visibility, opacity;
}

/* 側邊欄區塊的外層容器 */
.cub-layout-inner-container {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

/* 釘選區塊的外層容器 */
.cub-layout-sticky-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.cub-layout-transition .cub-layout-sticky-container {
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: transform, margin-left, margin-right, padding-left;
}

/* 內容區塊的外層容器 */
.cub-layout-content-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

/* 內容區塊 */
.cub-layout-content {
  flex: 1 1 auto;
  position: relative;
  padding: var(--cub-sys-page-inset-desktop-y) var(--cub-sys-page-inset-desktop-x);
}

/* 側邊欄區塊 */
.cub-layout-panel {
  display: block;
  position: absolute;
  inset: 0 auto 0 0;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  transform: translate3d(-100%, 0, 0);
  outline: 0;
}
.cub-layout-panel.cub-layout-panel-fixed {
  position: fixed;
}
.cub-layout-panel.cub-layout-panel-side {
  z-index: 1;
}
.cub-layout-panel.cub-layout-panel-start {
  z-index: 1502;
}
.cub-layout-panel.cub-layout-panel-end {
  right: 0;
  left: auto;
  z-index: 1500;
  transform: translate3d(100%, 0, 0);
}
.cub-layout-panel.cub-layout-panel-end .cub-layout-panel-container {
  border-right: none;
  border-left-width: 1px;
}
.cub-layout-panel .cub-layout-panel-container {
  width: 100%;
  height: 100%;
  color: var(--cub-sys-text-neutral-primary);
  background-color: var(--cub-sys-bg-neutral-lighter);
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
  border-right-width: 1px;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
[dir=rtl] .cub-layout-panel {
  transform: translate3d(100%, 0, 0);
}
[dir=rtl] .cub-layout-panel .cub-layout-panel-container {
  border-right: none;
  border-left-width: 1px;
}
[dir=rtl] .cub-layout-panel.cub-layout-panel-end {
  right: auto;
  left: 0;
  transform: translate3d(-100%, 0, 0);
}
[dir=rtl] .cub-layout-panel.cub-layout-panel-end .cub-layout-panel-container {
  border-right-width: 1px;
  border-left: none;
}
.cub-layout-panel[style*="visibility: hidden"] {
  display: none;
}

@media (max-width: 1439.98px) {
  .cub-layout-container .cub-layout-content {
    padding: var(--cub-sys-page-inset-laptop-y) var(--cub-sys-page-inset-laptop-x);
  }
}
@media (max-width: 1023.98px) {
  .cub-layout-container .cub-layout-content {
    padding: var(--cub-sys-page-inset-tablet-y) var(--cub-sys-page-inset-tablet-x);
  }
}
@media (max-width: 767.98px) {
  .cub-layout-container .cub-layout-content {
    padding: var(--cub-sys-page-inset-mobile-y) var(--cub-sys-page-inset-mobile-x);
  }
  .cub-layout-container-readonly .cub-header > .cub-icon-button {
    display: inline-block;
  }
  .cub-layout-container-readonly .cub-layout {
    display: block;
  }
  .cub-layout-container-readonly .cub-layout .cub-sidebar-content {
    display: none;
  }
  .cub-layout-container-readonly .cub-layout .cub-sidebar-actions {
    margin-top: auto;
  }
  .cub-layout-container-readonly .cub-layout-backdrop {
    display: block;
  }
}
.cub-sidebar {
  z-index: 1500;
}
.cub-sidebar .cub-sidebar-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  /* 標題區塊 */
}
.cub-sidebar .cub-sidebar-container .cub-sidebar-header {
  display: flex;
  flex: none;
  justify-content: space-between;
  align-items: start;
  gap: var(--cub-sys-component-margin-3xs);
  padding: var(--cub-sys-component-padding-xs) var(--cub-sys-component-padding-l) var(--cub-sys-component-padding-m);
}
.cub-sidebar .cub-sidebar-container .cub-sidebar-content-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  /* 內容區塊 */
  /* 內容區塊（有間距設定） */
  /* 動作區塊 */
}
.cub-sidebar .cub-sidebar-container .cub-sidebar-content-container .cub-sidebar-content {
  display: block;
  flex: 1 1 auto;
}
.cub-sidebar .cub-sidebar-container .cub-sidebar-content-container .cub-sidebar-content-spaced {
  padding: var(--cub-sys-component-padding-l);
}
.cub-sidebar .cub-sidebar-container .cub-sidebar-content-container .cub-sidebar-actions {
  display: flex;
  justify-content: center;
  position: sticky;
  bottom: 0;
  gap: var(--cub-sys-component-margin-m);
  padding: var(--cub-sys-component-padding-l);
  background-color: rgb(from var(--cub-sys-bg-neutral-base) r g b/88%);
}
.cub-sidebar .cub-sidebar-container:has(.cub-sidebar-header) .cub-sidebar-content-spaced {
  padding-top: 0;
}
.cub-sidebar .cub-sidebar-container:has(.cub-sidebar-actions) .cub-sidebar-content-spaced {
  padding-bottom: 0;
}

.cub-sidebar-trigger-icon {
  padding: var(--cub-sys-component-padding-xs);
  border-radius: var(--cub-sys-radius-m);
}

.cub-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 1500;
  width: 100%;
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-m) var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
  font: var(--cub-sys-font-body-s);
  white-space: nowrap;
  color: var(--cub-sys-text-neutral-third);
  background-color: var(--cub-sys-bg-neutral-lighter);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--cub-sys-border-neutral-lighter);
}

.cub-header-logo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: var(--cub-sys-component-margin-xl);
  margin-left: var(--cub-sys-component-margin-s);
  gap: var(--cub-sys-component-margin-s);
  font: var(--cub-sys-font-label-l);
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--cub-sys-text-neutral-main);
  overflow: hidden;
  cursor: pointer;
}

.cub-footer {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: var(--cub-sys-component-padding-xs) var(--cub-sys-component-padding-xl);
  text-align: center;
  background-color: var(--cub-sys-bg-neutral-light);
}
.cub-footer .cub-footer-text {
  flex: 1 1 auto;
  font: var(--cub-sys-font-body-s);
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--cub-sys-text-neutral-third);
  overflow: hidden;
}

.cub-sticky-action-bar {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  z-index: 1200;
  width: 100%;
  gap: var(--cub-sys-component-margin-m);
  padding: var(--cub-sys-component-padding-xs) var(--cub-sys-component-padding-xl);
  background-color: var(--cub-sys-bg-neutral-light);
  border-width: 0;
  border-style: solid;
  border-color: var(--cub-sys-border-neutral-lighter);
}
.cub-sticky-action-bar.cub-sticky-action-bar-top {
  top: 0;
  left: 0;
  background-color: var(--cub-sys-bg-neutral-lighter);
  border-top-width: 0;
  border-bottom-width: 1px;
}
.cub-sticky-action-bar.cub-sticky-action-bar-bottom {
  justify-content: center;
  bottom: 0;
  left: 0;
  background-color: rgb(from var(--cub-sys-bg-neutral-light) r g b/92%);
  border-top-width: 1px;
  border-bottom-width: 0;
}

.cub-cdk-overlay-pane.cub-drawer {
  z-index: 2300;
}

.cub-drawer {
  display: block;
  width: 50%;
  min-width: 288px;
}
.cub-drawer.cub-drawer-extra-small {
  width: 20%;
  min-width: 288px;
}
.cub-drawer.cub-drawer-small {
  width: 30%;
  min-width: 288px;
}
.cub-drawer.cub-drawer-large {
  width: 70%;
  min-width: 288px;
}
.cub-drawer.cub-drawer-extra-large {
  width: 90%;
  min-width: 288px;
}
.cub-drawer .cub-drawer-container {
  display: block;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh) * 100);
  background-color: var(--cub-sys-bg-neutral-base);
}
.cub-drawer .cub-drawer-container > * {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: inherit;
}
.cub-drawer .cub-drawer-container .cub-default-drawer {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.cub-drawer .cub-drawer-container .cub-drawer-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: var(--cub-sys-component-margin-3xs);
  padding: var(--cub-sys-component-padding-s) var(--cub-sys-component-padding-l);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--cub-sys-border-neutral-lighter);
}
.cub-drawer .cub-drawer-container .cub-drawer-header .cub-drawer-title {
  font: var(--cub-sys-font-title-l);
  color: var(--cub-sys-text-neutral-title);
}
.cub-drawer .cub-drawer-container .cub-drawer-header .cub-drawer-title .cub-drawer-code {
  display: inline;
  margin-left: var(--cub-sys-component-margin-3xs);
  font: var(--cub-sys-font-body-s);
  color: var(--cub-sys-text-neutral-secondary);
}
.cub-drawer .cub-drawer-container .cub-drawer-content-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  margin: var(--cub-sys-component-margin-l) 0 0;
  overflow: auto;
}
.cub-drawer .cub-drawer-container .cub-drawer-content-container:has(.cub-drawer-actions) .cub-drawer-content {
  padding-bottom: 0;
}
.cub-drawer .cub-drawer-container .cub-drawer-content-container .cub-drawer-content {
  display: block;
  flex: 1 1 auto;
  padding: 0 var(--cub-sys-component-padding-l) var(--cub-sys-component-padding-l);
}
.cub-drawer .cub-drawer-container .cub-drawer-content-container .cub-drawer-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: sticky;
  bottom: 0;
  gap: var(--cub-sys-component-margin-m);
  padding: var(--cub-sys-component-padding-s) var(--cub-sys-component-padding-l);
  background-color: rgb(from var(--cub-sys-bg-neutral-lighter) r g b/88%);
}

@media (max-width: 767.98px) {
  .cub-drawer {
    /* 手機版尺寸不隨 REM 與 Token 變化，因此使用固定 px 單位 */
    width: calc(100% - 32px) !important;
  }
}
.cub-cdk-overlay-pane.cub-menu-overlay {
  z-index: 2200;
}

.cub-menu-panel {
  position: relative;
  max-width: 21.5rem;
  min-height: 2rem;
  max-height: 16.5rem;
  padding: var(--cub-sys-component-padding-3xs);
  background-color: var(--cub-sys-bg-neutral-base);
  border-radius: var(--cub-sys-radius-m);
  box-shadow: var(--cub-sys-shadow-layer-2);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.cub-menu-panel::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.cub-menu-panel::-webkit-scrollbar-track {
  background-color: var(--cub-sys-bg-neutral-light);
  border-radius: 8px;
}
.cub-menu-panel::-webkit-scrollbar-thumb {
  background-color: var(--cub-ref-neutral-4);
  background-clip: content-box;
  border-radius: 8px;
  border-width: 0 2px;
  border-style: solid;
  border-color: transparent;
}
.cub-menu-panel::-webkit-scrollbar-thumb:hover {
  background-color: var(--cub-ref-neutral-6);
}
.cub-menu-panel::-webkit-scrollbar-thumb:active {
  background-color: var(--cub-ref-neutral-8);
}
.cub-menu-panel::-webkit-scrollbar-thumb:horizontal {
  border-width: 2px 0;
}
.cub-menu-panel::-webkit-scrollbar-track {
  margin: var(--cub-sys-component-margin-3xs) 0;
}
.cub-menu-panel .cub-menu-content .cub-menu-item {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  text-align: left;
  color: var(--cub-sys-text-neutral-primary);
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
[dir=rtl] .cub-menu-panel .cub-menu-content .cub-menu-item {
  text-align: right;
}
.cub-menu-panel .cub-menu-content .cub-menu-item:disabled {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-base);
  cursor: not-allowed;
}
.cub-menu-panel .cub-menu-content .cub-menu-item.cub-cdk-focused {
  z-index: 1;
}
.cub-menu-panel .cub-menu-content .cub-menu-item > .cub-menu-item-content {
  display: flex;
  align-items: flex-start;
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
  overflow-wrap: break-word;
  border-radius: var(--cub-sys-radius-m);
}
.cub-menu-panel .cub-menu-content .cub-menu-item > .cub-menu-item-content > .cub-menu-item-content-prefix {
  width: fit-content;
  font: var(--cub-sys-icon-body-m);
}
.cub-menu-panel .cub-menu-content .cub-menu-item > .cub-menu-item-content > .cub-menu-item-content-prefix.with-prefix {
  margin-right: var(--cub-sys-component-padding-3xs);
}
.cub-menu-panel .cub-menu-content .cub-menu-item > .cub-menu-item-content > .cub-menu-item-content-text {
  flex-grow: 1;
  min-width: calc(3 * var(--cub-sys-font-size-body-m));
  font: var(--cub-sys-font-body-m);
}
.cub-menu-panel .cub-menu-content .cub-menu-item > .cub-menu-item-content > .cub-menu-item-content-suffix {
  position: relative;
  width: fit-content;
  min-width: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common));
  margin-left: var(--cub-sys-component-padding-3xs);
  font: var(--cub-sys-icon-body-m);
}
.cub-menu-panel .cub-menu-content .cub-menu-item > .cub-menu-ripple,
.cub-menu-panel .cub-menu-content .cub-menu-item > .cub-menu-persistent-ripple {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
.cub-menu-panel .cub-menu-content .cub-menu-item > .cub-menu-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-menu-panel .cub-menu-content .cub-menu-item > .cub-menu-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-menu-panel .cub-menu-content .cub-menu-item > .cub-ripple-disabled + .cub-menu-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-menu-panel .cub-menu-content .cub-menu-item:hover:not(:disabled, .cub-disabled) > .cub-menu-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-menu-panel .cub-menu-content .cub-menu-item-group .cub-menu-item-group-layout {
  padding: var(--cub-sys-component-margin-3xs) var(--cub-sys-component-margin-xs);
}
.cub-menu-panel .cub-menu-content .cub-menu-item-group .cub-menu-item-group-layout .cub-menu-item-group-label {
  font: var(--cub-sys-font-body-s);
  text-align: left;
  word-wrap: break-word;
  color: var(--cub-sys-text-neutral-light);
  cursor: default;
}
.cub-menu-panel .cub-menu-content .cub-menu-group .cub-menu-group-layout {
  padding: var(--cub-sys-component-margin-3xs) var(--cub-sys-component-margin-xs);
}
.cub-menu-panel .cub-menu-content .cub-menu-group .cub-menu-group-layout .cub-menu-group-label {
  text-align: left;
  word-wrap: break-word;
  color: var(--cub-sys-text-neutral-light);
  cursor: default;
}
.cub-menu-panel .cub-divider {
  width: calc(100% - var(--cub-sys-component-margin-m));
  margin: var(--cub-sys-component-margin-3xs) auto;
}

.cub-menu-panel.cub-menu-small .cub-menu-content .cub-menu-item > .cub-menu-item-content {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-3xs);
}
.cub-menu-panel.cub-menu-small .cub-menu-content .cub-menu-item > .cub-menu-item-content > .cub-menu-item-content-prefix span {
  font: var(--cub-sys-icon-body-s);
}
.cub-menu-panel.cub-menu-small .cub-menu-content .cub-menu-item > .cub-menu-item-content > .cub-menu-item-content-text {
  min-width: calc(3 * var(--cub-sys-font-size-body-s));
  font: var(--cub-sys-font-body-s);
}
.cub-menu-panel.cub-menu-small .cub-menu-content .cub-menu-item > .cub-menu-item-content > .cub-menu-item-content-suffix span {
  font: var(--cub-sys-icon-body-s);
}
.cub-menu-panel.cub-menu-small .cub-menu-content .cub-menu-item-group .cub-menu-item-group-layout {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-3xs);
}
.cub-menu-panel.cub-menu-small .cub-menu-content .cub-menu-item-group .cub-menu-item-group-layout .cub-menu-item-group-label {
  text-align: left;
  word-wrap: break-word;
}
.cub-menu-panel.cub-menu-small .cub-divider {
  width: calc(100% - var(--cub-sys-component-margin-xs));
}

.cub-cdk-overlay-pane.cub-nav-menu-overlay {
  z-index: 2200;
}

.cub-nav-menu-panel {
  position: relative;
  max-width: 21.5rem;
  min-height: 2rem;
  max-height: 16.5rem;
  padding: var(--cub-sys-component-padding-3xs);
  background-color: var(--cub-sys-bg-neutral-base);
  border-radius: var(--cub-sys-radius-m);
  box-shadow: var(--cub-sys-shadow-layer-2);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.cub-nav-menu-panel::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.cub-nav-menu-panel::-webkit-scrollbar-track {
  background-color: var(--cub-sys-bg-neutral-light);
  border-radius: 8px;
}
.cub-nav-menu-panel::-webkit-scrollbar-thumb {
  background-color: var(--cub-ref-neutral-4);
  background-clip: content-box;
  border-radius: 8px;
  border-width: 0 2px;
  border-style: solid;
  border-color: transparent;
}
.cub-nav-menu-panel::-webkit-scrollbar-thumb:hover {
  background-color: var(--cub-ref-neutral-6);
}
.cub-nav-menu-panel::-webkit-scrollbar-thumb:active {
  background-color: var(--cub-ref-neutral-8);
}
.cub-nav-menu-panel::-webkit-scrollbar-thumb:horizontal {
  border-width: 2px 0;
}
.cub-nav-menu-panel::-webkit-scrollbar-track {
  margin: var(--cub-sys-component-margin-3xs) 0;
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  text-align: left;
  text-decoration: none;
  color: var(--cub-sys-text-neutral-primary);
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
[dir=rtl] .cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item {
  text-align: right;
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item:disabled, .cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item.cub-disabled {
  color: var(--cub-sys-text-neutral-disabled);
  background-color: var(--cub-sys-bg-neutral-base);
  cursor: not-allowed;
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item.cub-selected:not(:disabled, .cub-disabled) {
  color: var(--cub-sys-text-neutral-selected);
  background-color: var(--cub-sys-bg-neutral-selected);
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item.cub-cdk-focused {
  z-index: 1;
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item > .cub-nav-menu-item-content {
  display: flex;
  align-items: flex-start;
  padding: var(--cub-sys-component-padding-3xs) var(--cub-sys-component-padding-xs);
  overflow-wrap: break-word;
  border-radius: var(--cub-sys-radius-m);
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item > .cub-nav-menu-item-content > .cub-nav-menu-item-content-prefix {
  width: fit-content;
  font: var(--cub-sys-icon-body-m);
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item > .cub-nav-menu-item-content > .cub-nav-menu-item-content-prefix.with-prefix {
  margin-right: var(--cub-sys-component-padding-3xs);
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item > .cub-nav-menu-item-content > .cub-nav-menu-item-content-text {
  flex-grow: 1;
  min-width: calc(3 * var(--cub-sys-font-size-body-m));
  font: var(--cub-sys-font-body-m);
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item > .cub-nav-menu-item-content > .cub-nav-menu-item-content-suffix {
  position: relative;
  width: fit-content;
  min-width: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common));
  margin-left: var(--cub-sys-component-padding-3xs);
  font: var(--cub-sys-icon-body-m);
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item > .cub-nav-menu-ripple,
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item > .cub-nav-menu-persistent-ripple {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item > .cub-nav-menu-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item > .cub-nav-menu-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item > .cub-ripple-disabled + .cub-nav-menu-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item:hover:not(:disabled, .cub-disabled) > .cub-nav-menu-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item-group .cub-nav-menu-item-group-layout {
  padding: var(--cub-sys-component-margin-3xs) var(--cub-sys-component-margin-xs);
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-item-group .cub-nav-menu-item-group-layout .cub-nav-menu-item-group-label {
  font: var(--cub-sys-font-body-s);
  text-align: left;
  word-wrap: break-word;
  color: var(--cub-sys-text-neutral-secondary);
  cursor: default;
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-group .cub-nav-menu-group-layout {
  padding: var(--cub-sys-component-margin-3xs) var(--cub-sys-component-margin-xs);
}
.cub-nav-menu-panel .cub-nav-menu-content .cub-nav-menu-group .cub-nav-menu-group-layout .cub-nav-menu-group-label {
  text-align: left;
  word-wrap: break-word;
  color: var(--cub-sys-text-neutral-secondary);
  cursor: default;
}
.cub-nav-menu-panel .cub-divider {
  width: calc(100% - 8px);
  margin: var(--cub-sys-component-margin-2xs) auto;
  border-top: 1px solid var(--cub-sys-border-neutral-lighter);
}

.cub-nav-menu-panel.cub-nav-menu-small .cub-nav-menu-content .cub-nav-menu-item > .cub-nav-menu-item-content {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-3xs);
}
.cub-nav-menu-panel.cub-nav-menu-small .cub-nav-menu-content .cub-nav-menu-item > .cub-nav-menu-item-content > .cub-nav-menu-item-content-prefix span {
  font: var(--cub-sys-icon-body-s);
}
.cub-nav-menu-panel.cub-nav-menu-small .cub-nav-menu-content .cub-nav-menu-item > .cub-nav-menu-item-content > .cub-nav-menu-item-content-text {
  min-width: calc(3 * var(--cub-sys-font-size-body-s));
  font: var(--cub-sys-font-body-s);
}
.cub-nav-menu-panel.cub-nav-menu-small .cub-nav-menu-content .cub-nav-menu-item > .cub-nav-menu-item-content > .cub-nav-menu-item-content-suffix span {
  font: var(--cub-sys-icon-body-s);
}
.cub-nav-menu-panel.cub-nav-menu-small .cub-nav-menu-content .cub-nav-menu-item-group .cub-nav-menu-item-group-layout {
  padding: var(--cub-sys-component-padding-4xs) var(--cub-sys-component-padding-3xs);
}
.cub-nav-menu-panel.cub-nav-menu-small .cub-nav-menu-content .cub-nav-menu-item-group .cub-nav-menu-item-group-layout .cub-nav-menu-item-group-label {
  text-align: left;
  word-wrap: break-word;
}

.cub-collapsible-menu {
  display: block;
  /* 固定寫死數值，不隨 Rem 調整 */
  width: 240px;
  height: 100%;
  margin: var(--cub-sys-component-margin-5xs);
  padding: var(--cub-sys-component-padding-xs);
  background-color: var(--cub-sys-bg-neutral-lighter);
  transition: width 0.3s ease-in-out;
  /* 子項目 */
  /* 收合 */
}
.cub-collapsible-menu .cub-collapsible-menu-inline-content {
  overflow: hidden;
}
.cub-collapsible-menu .cub-collapsible-menu-inline-content .cub-collapsible-menu-item {
  visibility: visible;
  transition: visibility 400ms cubic-bezier(0.86, 0, 0.07, 1);
}
.cub-collapsible-menu .cub-collapsible-menu-inline-content.cub-collapsed .cub-collapsible-menu-item {
  visibility: hidden;
}
.cub-collapsible-menu.cub-collapsed {
  /* 固定寫死數值，不隨 Rem 調整 */
  width: 56px;
}
.cub-collapsible-menu.cub-collapsed .cub-collapsible-menu-inline-content {
  display: none;
  width: 0;
  overflow: hidden;
}
.cub-collapsible-menu.cub-collapsed .cub-collapsible-menu-item-toggle {
  display: none;
}

/* ul、li */
.cub-collapsible-menu-list-group {
  display: flex;
  flex-direction: column;
  margin: var(--cub-sys-component-margin-5xs);
  gap: var(--cub-sys-component-margin-4xs);
  padding: var(--cub-sys-component-padding-5xs);
}
.cub-collapsible-menu-list-group .cub-collapsible-menu-list {
  display: flex;
  flex-direction: column;
}

.cub-collapsible-menu-inline-content > .cub-collapsible-menu-list-group {
  margin-top: var(--cub-sys-component-margin-4xs);
}

/* 選單超連結 */
.cub-collapsible-menu-item {
  position: relative;
  width: 100%;
  padding: var(--cub-sys-component-padding-xs);
  text-decoration: none;
  background-color: transparent;
  border-radius: var(--cub-sys-radius-m);
  overflow: hidden;
  cursor: pointer;
  /* 客製 Focus 樣式（改為往內縮） */
  outline-offset: -2px;
  /* 處理 Android Browser 無法滾動 Sidebar 問題 */
  touch-action: initial !important;
  /* 選單 Icon */
  /* 收合狀態 Icon */
  /* 選單內容 */
}
.cub-collapsible-menu-item > .cub-collapsible-menu-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.cub-collapsible-menu-item > .cub-collapsible-menu-persistent-ripple {
  background-color: var(--cub-ref-neutral-7);
}
.cub-collapsible-menu-item > .cub-ripple-disabled + .cub-collapsible-menu-persistent-ripple {
  opacity: 0 !important;
}
@media screen and (hover: hover) {
  .cub-collapsible-menu-item:hover:not(:disabled, .cub-disabled) > .cub-collapsible-menu-persistent-ripple {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
.cub-collapsible-menu-item.cub-disabled {
  cursor: not-allowed;
}
.cub-collapsible-menu-item.cub-selected:not(:disabled, .cub-disabled) {
  background-color: var(--cub-sys-bg-neutral-selected);
}
.cub-collapsible-menu-item.cub-selected:not(:disabled, .cub-disabled) .cub-collapsible-menu-item-content,
.cub-collapsible-menu-item.cub-selected:not(:disabled, .cub-disabled) .cub-collapsible-menu-item-icon {
  color: var(--cub-sys-text-neutral-selected);
}
.cub-collapsible-menu-item.cub-parent-has-selected:not(:disabled, .cub-disabled) .cub-collapsible-menu-item-content,
.cub-collapsible-menu-item.cub-parent-has-selected:not(:disabled, .cub-disabled) .cub-collapsible-menu-item-icon {
  color: var(--cub-sys-text-brand-main);
}
.cub-collapsible-menu-item > .cub-collapsible-menu-ripple,
.cub-collapsible-menu-item > .cub-collapsible-menu-persistent-ripple {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.cub-collapsible-menu-item .cub-collapsible-menu-item-wrapper {
  display: flex;
  align-items: center;
}
.cub-collapsible-menu-item .cub-collapsible-menu-item-icon {
  flex: none;
  min-width: calc(var(--cub-sys-font-size-body-m) + var(--cub-ref-line-height-common));
  margin-right: var(--cub-sys-component-margin-xs);
  font: var(--cub-sys-icon-body-m);
  color: var(--cub-sys-text-neutral-primary);
}
.cub-collapsible-menu-item .cub-collapsible-menu-item-toggle {
  flex: none;
  justify-self: flex-end;
  margin-left: var(--cub-sys-component-margin-3xs);
  font: var(--cub-sys-icon-body-m);
  color: var(--cub-sys-text-neutral-secondary);
  transform: rotate(0deg);
}
.cub-collapsible-menu-item .cub-collapsible-menu-item-toggle.cub-expanded {
  transform: rotate(180deg);
}
.cub-collapsible-menu-item .cub-collapsible-menu-item-content {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  align-items: center;
  gap: var(--cub-sys-component-margin-3xs);
  font: var(--cub-sys-font-body-m);
  color: var(--cub-sys-text-neutral-primary);
  overflow: hidden;
}
.cub-collapsible-menu-item .cub-collapsible-menu-item-content .cub-collapsible-menu-item-spacer {
  white-space: pre;
  opacity: 0;
  visibility: hidden;
}
.cub-collapsible-menu-item .cub-collapsible-menu-item-content .cub-collapsible-menu-item-text {
  flex: 1 1 auto;
  min-width: calc(3 * var(--cub-sys-font-size-body-m));
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cub-collapsible-menu-item .cub-collapsible-menu-item-content .cub-collapsible-menu-count {
  flex: none;
  color: var(--cub-sys-text-brand-main);
}

.cub-breadcrumb {
  display: block;
  margin-bottom: 16px;
}

.app-event {
  padding: 12vh 32px 20px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: auto;
  color: var(--cub-sys-text-neutral-primary);
  background-color: var(--cub-sys-bg-neutral-base);
}
.app-event .app-event-image-content {
  flex: none;
  display: flex;
  justify-content: flex-end;
  width: 50%;
}
.app-event .app-event-image-content .app-event-image {
  width: 450px;
  background-repeat: no-repeat;
  background-position: top right;
}
.app-event .app-event-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 88px;
  width: 50%;
}
.app-event .app-event-content .app-event-title {
  margin-bottom: 24px;
  font: var(--cub-sys-font-display-l);
}
.app-event .app-event-content .app-event-description {
  font-size: 24px;
  line-height: 32px;
}
.app-event .app-event-content .cub-button {
  margin-top: 48px;
}
@media (max-width: 1023.98px) {
  .app-event {
    flex-direction: column;
    padding-top: 32px;
  }
  .app-event .app-event-image-content {
    justify-content: center;
    width: 100%;
  }
  .app-event .app-event-image-content .app-event-image {
    width: 400px;
    height: 400px;
  }
  .app-event .app-event-content {
    padding-top: 20px;
    width: 100%;
    align-items: center;
  }
  .app-event .app-event-content .cub-button {
    margin-top: 32px;
  }
}
@media (max-width: 767.98px) {
  .app-event {
    padding-left: 20px;
    padding-right: 20px;
  }
  .app-event .app-event-image-content .app-event-image {
    width: 200px;
    height: 200px;
  }
  .app-event .app-event-content {
    padding-top: 24px;
  }
  .app-event .app-event-content .app-event-title {
    margin-bottom: 16px;
    font: var(--cub-sys-font-headline-m);
  }
  .app-event .app-event-content .app-event-description {
    font: var(--cub-sys-font-body-l);
  }
  .app-event .app-event-content .cub-button {
    margin-top: 24px;
  }
}

.app-user-info {
  display: flex;
  flex-direction: column;
  min-width: 200px;
  max-height: calc(100vh - 100px);
  /* 重設 IOS、Android ViewHeight */
  max-height: calc(var(--vh) * 100 - 100px);
}
.app-user-info .app-user-info-static-item,
.app-user-info .app-user-info-menu-item {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}
.app-user-info .app-user-info-static-item .app-user-info-content,
.app-user-info .app-user-info-menu-item .app-user-info-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.app-user-info .app-user-info-menu-item {
  cursor: pointer;
  /* Active 互動 */
  /* Hover 互動 */
}
.app-user-info .app-user-info-menu-item.cub-ripple > .cub-ripple-element {
  background-color: var(--cub-ref-neutral-7);
}
.app-user-info .app-user-info-menu-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: var(--cub-ref-neutral-7);
  opacity: 0;
  pointer-events: none;
}
@media screen and (hover: hover) {
  .app-user-info .app-user-info-menu-item:hover::after {
    opacity: var(--cub-ref-state-hover-opacity);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*---------- loading ----------*/
.loading {
  width: 100%;
  height: 100%;
}

.loading:after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #f1f1f1;
  opacity: 0.5;
  z-index: 9999999;
}

.loading .loadingElement {
  display: block;
  width: 130px;
  height: 130px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000000;
  border: 1px solid #00994e;
  border-radius: 50%;
}

.loading .loadingElement span {
  color: #00994e;
  text-align: center;
  margin-top: -12px;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  position: absolute;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.loading .loadingElement .loadingBall {
  z-index: 10000000;
  opacity: 1;
  transition: opacity 1s ease 0.5s;
  animation: rotate 3s linear infinite 0.5s;
}

.loadingElement {
  display: none;
}

.loadingBall {
  opacity: 0;
  width: 130px;
  height: 130px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.loadingBall:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #00994e;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 65px;
  margin-top: -5px;
  margin-left: -5px;
}

/*---------- loading ----------*/
@keyframes loading {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 8px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.loading .line {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin: 0 3px;
  background-color: #00994e;
}

.loading .load-3 .line:nth-last-child(1) {
  animation: loading 0.6s 0.1s linear infinite;
}

.loading .load-3 .line:nth-last-child(2) {
  animation: loading 0.6s 0.2s linear infinite;
}

.loading .load-3 .line:nth-last-child(3) {
  animation: loading 0.6s 0.3s linear infinite;
}