UNPKG

@vtmn/svelte

Version:

Decathlon Design System - Vitamin Svelte components library

2,882 lines (2,252 loc) 177 kB
@font-face { font-family: "vitamix"; src: url("./vitamix.woff2") format("woff2"), url("./vitamix.woff") format("woff"), url("./vitamix.ttf") format("truetype"); } [class^="vtmx-"], [class*=" vtmx-"] { display: inline-flex; align-items: center; } [class^="vtmx-"]:before, [class*=" vtmx-"]:before { font-family: vitamix !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .vtmx-accessibility-fill:before { content: "\f101"; } .vtmx-accessibility-line:before { content: "\f102"; } .vtmx-add-circle-fill:before { content: "\f103"; } .vtmx-add-circle-line:before { content: "\f104"; } .vtmx-add-fill:before { content: "\f105"; } .vtmx-add-line:before { content: "\f106"; } .vtmx-alert-fill:before { content: "\f107"; } .vtmx-alert-line:before { content: "\f108"; } .vtmx-align-bottom-fill:before { content: "\f109"; } .vtmx-align-bottom-line:before { content: "\f10a"; } .vtmx-align-center-fill:before { content: "\f10b"; } .vtmx-align-center-line:before { content: "\f10c"; } .vtmx-align-left-fill:before { content: "\f10d"; } .vtmx-align-left-line:before { content: "\f10e"; } .vtmx-align-right-fill:before { content: "\f10f"; } .vtmx-align-right-line:before { content: "\f110"; } .vtmx-align-top-fill:before { content: "\f111"; } .vtmx-align-top-line:before { content: "\f112"; } .vtmx-align-vertically-fill:before { content: "\f113"; } .vtmx-align-vertically-line:before { content: "\f114"; } .vtmx-amazon-fill:before { content: "\f115"; } .vtmx-amazon-line:before { content: "\f116"; } .vtmx-android-fill:before { content: "\f117"; } .vtmx-android-line:before { content: "\f118"; } .vtmx-apple-fill:before { content: "\f119"; } .vtmx-apple-line:before { content: "\f11a"; } .vtmx-arrow-down-circle-fill:before { content: "\f11b"; } .vtmx-arrow-down-circle-line:before { content: "\f11c"; } .vtmx-arrow-down-fill:before { content: "\f11d"; } .vtmx-arrow-down-line:before { content: "\f11e"; } .vtmx-arrow-go-back-fill:before { content: "\f11f"; } .vtmx-arrow-go-back-line:before { content: "\f120"; } .vtmx-arrow-go-forward-fill:before { content: "\f121"; } .vtmx-arrow-go-forward-line:before { content: "\f122"; } .vtmx-arrow-left-circle-fill:before { content: "\f123"; } .vtmx-arrow-left-circle-line:before { content: "\f124"; } .vtmx-arrow-left-down-fill:before { content: "\f125"; } .vtmx-arrow-left-down-line:before { content: "\f126"; } .vtmx-arrow-left-fill:before { content: "\f127"; } .vtmx-arrow-left-line:before { content: "\f128"; } .vtmx-arrow-left-right-fill:before { content: "\f129"; } .vtmx-arrow-left-right-line:before { content: "\f12a"; } .vtmx-arrow-left-up-fill:before { content: "\f12b"; } .vtmx-arrow-left-up-line:before { content: "\f12c"; } .vtmx-arrow-right-circle-fill:before { content: "\f12d"; } .vtmx-arrow-right-circle-line:before { content: "\f12e"; } .vtmx-arrow-right-down-fill:before { content: "\f12f"; } .vtmx-arrow-right-down-line:before { content: "\f130"; } .vtmx-arrow-right-fill:before { content: "\f131"; } .vtmx-arrow-right-line:before { content: "\f132"; } .vtmx-arrow-right-up-fill:before { content: "\f133"; } .vtmx-arrow-right-up-line:before { content: "\f134"; } .vtmx-arrow-up-circle-fill:before { content: "\f135"; } .vtmx-arrow-up-circle-line:before { content: "\f136"; } .vtmx-arrow-up-down-fill:before { content: "\f137"; } .vtmx-arrow-up-down-line:before { content: "\f138"; } .vtmx-arrow-up-fill:before { content: "\f139"; } .vtmx-arrow-up-line:before { content: "\f13a"; } .vtmx-attachment-fill:before { content: "\f13b"; } .vtmx-attachment-line:before { content: "\f13c"; } .vtmx-award-fill:before { content: "\f13d"; } .vtmx-award-line:before { content: "\f13e"; } .vtmx-bank-card-fill:before { content: "\f13f"; } .vtmx-bank-card-line:before { content: "\f140"; } .vtmx-bar-chart-fill:before { content: "\f141"; } .vtmx-bar-chart-line:before { content: "\f142"; } .vtmx-barcode-fill:before { content: "\f143"; } .vtmx-barcode-line:before { content: "\f144"; } .vtmx-bill-fill:before { content: "\f145"; } .vtmx-bill-line:before { content: "\f146"; } .vtmx-body-scan-fill:before { content: "\f147"; } .vtmx-body-scan-line:before { content: "\f148"; } .vtmx-bold-fill:before { content: "\f149"; } .vtmx-bold-line:before { content: "\f14a"; } .vtmx-calendar-2-fill:before { content: "\f14b"; } .vtmx-calendar-2-line:before { content: "\f14c"; } .vtmx-calendar-check-fill:before { content: "\f14d"; } .vtmx-calendar-check-line:before { content: "\f14e"; } .vtmx-calendar-date-fill:before { content: "\f14f"; } .vtmx-calendar-date-line:before { content: "\f150"; } .vtmx-calendar-fill:before { content: "\f151"; } .vtmx-calendar-line:before { content: "\f152"; } .vtmx-camera-fill:before { content: "\f153"; } .vtmx-camera-line:before { content: "\f154"; } .vtmx-car-fill:before { content: "\f155"; } .vtmx-car-line:before { content: "\f156"; } .vtmx-check-fill:before { content: "\f157"; } .vtmx-check-line:before { content: "\f158"; } .vtmx-checkbox-blank-circle-fill:before { content: "\f159"; } .vtmx-checkbox-blank-circle-line:before { content: "\f15a"; } .vtmx-checkbox-blank-fill:before { content: "\f15b"; } .vtmx-checkbox-blank-line:before { content: "\f15c"; } .vtmx-checkbox-circle-fill:before { content: "\f15d"; } .vtmx-checkbox-circle-line:before { content: "\f15e"; } .vtmx-checkbox-fill:before { content: "\f15f"; } .vtmx-checkbox-line:before { content: "\f160"; } .vtmx-checkbox-multiple-fill:before { content: "\f161"; } .vtmx-checkbox-multiple-line:before { content: "\f162"; } .vtmx-chevron-down-fill:before { content: "\f163"; } .vtmx-chevron-down-line:before { content: "\f164"; } .vtmx-chevron-left-fill:before { content: "\f165"; } .vtmx-chevron-left-line:before { content: "\f166"; } .vtmx-chevron-right-fill:before { content: "\f167"; } .vtmx-chevron-right-line:before { content: "\f168"; } .vtmx-chevron-up-fill:before { content: "\f169"; } .vtmx-chevron-up-line:before { content: "\f16a"; } .vtmx-chrome-fill:before { content: "\f16b"; } .vtmx-chrome-line:before { content: "\f16c"; } .vtmx-close-circle-fill:before { content: "\f16d"; } .vtmx-close-circle-line:before { content: "\f16e"; } .vtmx-close-fill:before { content: "\f16f"; } .vtmx-close-line:before { content: "\f170"; } .vtmx-cloud-fill:before { content: "\f171"; } .vtmx-cloud-line:before { content: "\f172"; } .vtmx-cloud-windy-fill:before { content: "\f173"; } .vtmx-cloud-windy-line:before { content: "\f174"; } .vtmx-counter-fill:before { content: "\f175"; } .vtmx-counter-line:before { content: "\f176"; } .vtmx-customer-service-fill:before { content: "\f177"; } .vtmx-customer-service-line:before { content: "\f178"; } .vtmx-database-fill:before { content: "\f179"; } .vtmx-database-line:before { content: "\f17a"; } .vtmx-delete-bin-fill:before { content: "\f17b"; } .vtmx-delete-bin-line:before { content: "\f17c"; } .vtmx-direction-fill:before { content: "\f17d"; } .vtmx-direction-line:before { content: "\f17e"; } .vtmx-distance-fill:before { content: "\f17f"; } .vtmx-distance-line:before { content: "\f180"; } .vtmx-download-fill:before { content: "\f181"; } .vtmx-download-line:before { content: "\f182"; } .vtmx-drive-fill:before { content: "\f183"; } .vtmx-drive-line:before { content: "\f184"; } .vtmx-drizzle-fill:before { content: "\f185"; } .vtmx-drizzle-line:before { content: "\f186"; } .vtmx-earth-fill:before { content: "\f187"; } .vtmx-earth-line:before { content: "\f188"; } .vtmx-edit-fill:before { content: "\f189"; } .vtmx-edit-line:before { content: "\f18a"; } .vtmx-emotion-fill:before { content: "\f18b"; } .vtmx-emotion-laugh-fill:before { content: "\f18c"; } .vtmx-emotion-laugh-line:before { content: "\f18d"; } .vtmx-emotion-line:before { content: "\f18e"; } .vtmx-emotion-normal-fill:before { content: "\f18f"; } .vtmx-emotion-normal-line:before { content: "\f190"; } .vtmx-emotion-sad-fill:before { content: "\f191"; } .vtmx-emotion-sad-line:before { content: "\f192"; } .vtmx-emotion-unhappy-fill:before { content: "\f193"; } .vtmx-emotion-unhappy-line:before { content: "\f194"; } .vtmx-equalizer-fill:before { content: "\f195"; } .vtmx-equalizer-line:before { content: "\f196"; } .vtmx-error-warning-fill:before { content: "\f197"; } .vtmx-error-warning-line:before { content: "\f198"; } .vtmx-exchange-fill:before { content: "\f199"; } .vtmx-exchange-line:before { content: "\f19a"; } .vtmx-external-link-fill:before { content: "\f19b"; } .vtmx-external-link-line:before { content: "\f19c"; } .vtmx-eye-fill:before { content: "\f19d"; } .vtmx-eye-line:before { content: "\f19e"; } .vtmx-eye-off-fill:before { content: "\f19f"; } .vtmx-eye-off-line:before { content: "\f1a0"; } .vtmx-facebook-fill:before { content: "\f1a1"; } .vtmx-facebook-line:before { content: "\f1a2"; } .vtmx-feedback-fill:before { content: "\f1a3"; } .vtmx-feedback-line:before { content: "\f1a4"; } .vtmx-file-copy-fill:before { content: "\f1a5"; } .vtmx-file-copy-line:before { content: "\f1a6"; } .vtmx-file-fill:before { content: "\f1a7"; } .vtmx-file-line:before { content: "\f1a8"; } .vtmx-film-fill:before { content: "\f1a9"; } .vtmx-film-line:before { content: "\f1aa"; } .vtmx-filter-fill:before { content: "\f1ab"; } .vtmx-filter-line:before { content: "\f1ac"; } .vtmx-filter-off-fill:before { content: "\f1ad"; } .vtmx-filter-off-line:before { content: "\f1ae"; } .vtmx-fire-fill:before { content: "\f1af"; } .vtmx-fire-line:before { content: "\f1b0"; } .vtmx-firefox-fill:before { content: "\f1b1"; } .vtmx-firefox-line:before { content: "\f1b2"; } .vtmx-flashlight-fill:before { content: "\f1b3"; } .vtmx-flashlight-line:before { content: "\f1b4"; } .vtmx-focus-fill:before { content: "\f1b5"; } .vtmx-focus-line:before { content: "\f1b6"; } .vtmx-foggy-fill:before { content: "\f1b7"; } .vtmx-foggy-line:before { content: "\f1b8"; } .vtmx-font-size-fill:before { content: "\f1b9"; } .vtmx-font-size-line:before { content: "\f1ba"; } .vtmx-football-fill:before { content: "\f1bb"; } .vtmx-football-line:before { content: "\f1bc"; } .vtmx-forbid-fill:before { content: "\f1bd"; } .vtmx-forbid-line:before { content: "\f1be"; } .vtmx-fullscreen-fill:before { content: "\f1bf"; } .vtmx-fullscreen-line:before { content: "\f1c0"; } .vtmx-function-fill:before { content: "\f1c1"; } .vtmx-function-line:before { content: "\f1c2"; } .vtmx-gift-fill:before { content: "\f1c3"; } .vtmx-gift-line:before { content: "\f1c4"; } .vtmx-github-fill:before { content: "\f1c5"; } .vtmx-github-line:before { content: "\f1c6"; } .vtmx-google-fill:before { content: "\f1c7"; } .vtmx-google-line:before { content: "\f1c8"; } .vtmx-grid-fill:before { content: "\f1c9"; } .vtmx-grid-line:before { content: "\f1ca"; } .vtmx-group-fill:before { content: "\f1cb"; } .vtmx-group-line:before { content: "\f1cc"; } .vtmx-hail-fill:before { content: "\f1cd"; } .vtmx-hail-line:before { content: "\f1ce"; } .vtmx-hearing-impairment-fill:before { content: "\f1cf"; } .vtmx-hearing-impairment-line:before { content: "\f1d0"; } .vtmx-heart-fill:before { content: "\f1d1"; } .vtmx-heart-line:before { content: "\f1d2"; } .vtmx-heart-pulse-fill:before { content: "\f1d3"; } .vtmx-heart-pulse-line:before { content: "\f1d4"; } .vtmx-history-fill:before { content: "\f1d5"; } .vtmx-history-line:before { content: "\f1d6"; } .vtmx-home-fill:before { content: "\f1d7"; } .vtmx-home-line:before { content: "\f1d8"; } .vtmx-hourglass-fill:before { content: "\f1d9"; } .vtmx-hourglass-line:before { content: "\f1da"; } .vtmx-ie-fill:before { content: "\f1db"; } .vtmx-ie-line:before { content: "\f1dc"; } .vtmx-image-fill:before { content: "\f1dd"; } .vtmx-image-line:before { content: "\f1de"; } .vtmx-information-fill:before { content: "\f1df"; } .vtmx-information-line:before { content: "\f1e0"; } .vtmx-instagram-fill:before { content: "\f1e1"; } .vtmx-instagram-line:before { content: "\f1e2"; } .vtmx-italic-fill:before { content: "\f1e3"; } .vtmx-italic-line:before { content: "\f1e4"; } .vtmx-kakao-talk-fill:before { content: "\f1e5"; } .vtmx-kakao-talk-line:before { content: "\f1e6"; } .vtmx-keyboard-fill:before { content: "\f1e7"; } .vtmx-keyboard-line:before { content: "\f1e8"; } .vtmx-leaf-fill:before { content: "\f1e9"; } .vtmx-leaf-line:before { content: "\f1ea"; } .vtmx-lightbulb-fill:before { content: "\f1eb"; } .vtmx-lightbulb-line:before { content: "\f1ec"; } .vtmx-lightning-fill:before { content: "\f1ed"; } .vtmx-lightning-line:before { content: "\f1ee"; } .vtmx-line-chart-fill:before { content: "\f1ef"; } .vtmx-line-chart-line:before { content: "\f1f0"; } .vtmx-line-fill:before { content: "\f1f1"; } .vtmx-line-line:before { content: "\f1f2"; } .vtmx-link-fill:before { content: "\f1f3"; } .vtmx-link-line:before { content: "\f1f4"; } .vtmx-list-check-fill:before { content: "\f1f5"; } .vtmx-list-check-line:before { content: "\f1f6"; } .vtmx-list-settings-fill:before { content: "\f1f7"; } .vtmx-list-settings-line:before { content: "\f1f8"; } .vtmx-lock-fill:before { content: "\f1f9"; } .vtmx-lock-line:before { content: "\f1fa"; } .vtmx-logout-fill:before { content: "\f1fb"; } .vtmx-logout-line:before { content: "\f1fc"; } .vtmx-loyalty-card-fill:before { content: "\f1fd"; } .vtmx-loyalty-card-line:before { content: "\f1fe"; } .vtmx-mac-fill:before { content: "\f1ff"; } .vtmx-mac-line:before { content: "\f200"; } .vtmx-macbook-fill:before { content: "\f201"; } .vtmx-macbook-line:before { content: "\f202"; } .vtmx-mail-fill:before { content: "\f203"; } .vtmx-mail-line:before { content: "\f204"; } .vtmx-mail-send-fill:before { content: "\f205"; } .vtmx-mail-send-line:before { content: "\f206"; } .vtmx-map-pin-fill:before { content: "\f207"; } .vtmx-map-pin-line:before { content: "\f208"; } .vtmx-mastercard-fill:before { content: "\f209"; } .vtmx-mastercard-line:before { content: "\f20a"; } .vtmx-menu-fill:before { content: "\f20b"; } .vtmx-menu-line:before { content: "\f20c"; } .vtmx-message-fill:before { content: "\f20d"; } .vtmx-message-line:before { content: "\f20e"; } .vtmx-messenger-fill:before { content: "\f20f"; } .vtmx-messenger-line:before { content: "\f210"; } .vtmx-mic-fill:before { content: "\f211"; } .vtmx-mic-line:before { content: "\f212"; } .vtmx-mist-fill:before { content: "\f213"; } .vtmx-mist-line:before { content: "\f214"; } .vtmx-money-cny-box-fill:before { content: "\f215"; } .vtmx-money-cny-box-line:before { content: "\f216"; } .vtmx-money-dollar-box-fill:before { content: "\f217"; } .vtmx-money-dollar-box-line:before { content: "\f218"; } .vtmx-money-euro-box-fill:before { content: "\f219"; } .vtmx-money-euro-box-line:before { content: "\f21a"; } .vtmx-money-pound-box-fill:before { content: "\f21b"; } .vtmx-money-pound-box-line:before { content: "\f21c"; } .vtmx-moon-cloudy-fill:before { content: "\f21d"; } .vtmx-moon-cloudy-line:before { content: "\f21e"; } .vtmx-moon-fill:before { content: "\f21f"; } .vtmx-moon-line:before { content: "\f220"; } .vtmx-more-2-fill:before { content: "\f221"; } .vtmx-more-2-line:before { content: "\f222"; } .vtmx-more-fill:before { content: "\f223"; } .vtmx-more-line:before { content: "\f224"; } .vtmx-music-2-fill:before { content: "\f225"; } .vtmx-music-2-line:before { content: "\f226"; } .vtmx-music-fill:before { content: "\f227"; } .vtmx-music-line:before { content: "\f228"; } .vtmx-naver-fill:before { content: "\f229"; } .vtmx-naver-line:before { content: "\f22a"; } .vtmx-navigation-fill:before { content: "\f22b"; } .vtmx-navigation-line:before { content: "\f22c"; } .vtmx-notification-fill:before { content: "\f22d"; } .vtmx-notification-line:before { content: "\f22e"; } .vtmx-package-fill:before { content: "\f22f"; } .vtmx-package-line:before { content: "\f230"; } .vtmx-pause-circle-fill:before { content: "\f231"; } .vtmx-pause-circle-line:before { content: "\f232"; } .vtmx-pause-fill:before { content: "\f233"; } .vtmx-pause-line:before { content: "\f234"; } .vtmx-phone-fill:before { content: "\f235"; } .vtmx-phone-line:before { content: "\f236"; } .vtmx-pie-chart-fill:before { content: "\f237"; } .vtmx-pie-chart-line:before { content: "\f238"; } .vtmx-pinterest-fill:before { content: "\f239"; } .vtmx-pinterest-line:before { content: "\f23a"; } .vtmx-play-circle-fill:before { content: "\f23b"; } .vtmx-play-circle-line:before { content: "\f23c"; } .vtmx-play-fill:before { content: "\f23d"; } .vtmx-play-line:before { content: "\f23e"; } .vtmx-price-tag-fill:before { content: "\f23f"; } .vtmx-price-tag-line:before { content: "\f240"; } .vtmx-printer-fill:before { content: "\f241"; } .vtmx-printer-line:before { content: "\f242"; } .vtmx-qr-scan-fill:before { content: "\f243"; } .vtmx-qr-scan-line:before { content: "\f244"; } .vtmx-question-fill:before { content: "\f245"; } .vtmx-question-line:before { content: "\f246"; } .vtmx-radio-button-fill:before { content: "\f247"; } .vtmx-radio-button-line:before { content: "\f248"; } .vtmx-rainy-fill:before { content: "\f249"; } .vtmx-rainy-line:before { content: "\f24a"; } .vtmx-recycle-fill:before { content: "\f24b"; } .vtmx-recycle-line:before { content: "\f24c"; } .vtmx-refresh-fill:before { content: "\f24d"; } .vtmx-refresh-line:before { content: "\f24e"; } .vtmx-refund-fill:before { content: "\f24f"; } .vtmx-refund-line:before { content: "\f250"; } .vtmx-repeat-fill:before { content: "\f251"; } .vtmx-repeat-line:before { content: "\f252"; } .vtmx-return-fill:before { content: "\f253"; } .vtmx-return-line:before { content: "\f254"; } .vtmx-riding-fill:before { content: "\f255"; } .vtmx-riding-line:before { content: "\f256"; } .vtmx-rocket-fill:before { content: "\f257"; } .vtmx-rocket-line:before { content: "\f258"; } .vtmx-rss-fill:before { content: "\f259"; } .vtmx-rss-line:before { content: "\f25a"; } .vtmx-ruler-fill:before { content: "\f25b"; } .vtmx-ruler-line:before { content: "\f25c"; } .vtmx-run-fill:before { content: "\f25d"; } .vtmx-run-line:before { content: "\f25e"; } .vtmx-safari-fill:before { content: "\f25f"; } .vtmx-safari-line:before { content: "\f260"; } .vtmx-scales-fill:before { content: "\f261"; } .vtmx-scales-line:before { content: "\f262"; } .vtmx-search-fill:before { content: "\f263"; } .vtmx-search-line:before { content: "\f264"; } .vtmx-secure-payment-fill:before { content: "\f265"; } .vtmx-secure-payment-line:before { content: "\f266"; } .vtmx-seed-1-fill:before { content: "\f267"; } .vtmx-seed-1-line:before { content: "\f268"; } .vtmx-seed-2-fill:before { content: "\f269"; } .vtmx-seed-2-line:before { content: "\f26a"; } .vtmx-seed-3-fill:before { content: "\f26b"; } .vtmx-seed-3-line:before { content: "\f26c"; } .vtmx-selected-by-decathlon-fill:before { content: "\f26d"; } .vtmx-selected-by-decathlon-line:before { content: "\f26e"; } .vtmx-send-plane-2-fill:before { content: "\f26f"; } .vtmx-send-plane-2-line:before { content: "\f270"; } .vtmx-send-plane-fill:before { content: "\f271"; } .vtmx-send-plane-line:before { content: "\f272"; } .vtmx-settings-fill:before { content: "\f273"; } .vtmx-settings-line:before { content: "\f274"; } .vtmx-share-android-fill:before { content: "\f275"; } .vtmx-share-android-line:before { content: "\f276"; } .vtmx-share-fill:before { content: "\f277"; } .vtmx-share-ios-fill:before { content: "\f278"; } .vtmx-share-ios-line:before { content: "\f279"; } .vtmx-share-line:before { content: "\f27a"; } .vtmx-shield-check-fill:before { content: "\f27b"; } .vtmx-shield-check-line:before { content: "\f27c"; } .vtmx-shopping-bag-fill:before { content: "\f27d"; } .vtmx-shopping-bag-line:before { content: "\f27e"; } .vtmx-shopping-cart-fill:before { content: "\f27f"; } .vtmx-shopping-cart-line:before { content: "\f280"; } .vtmx-showers-fill:before { content: "\f281"; } .vtmx-showers-line:before { content: "\f282"; } .vtmx-shut-down-fill:before { content: "\f283"; } .vtmx-shut-down-line:before { content: "\f284"; } .vtmx-slack-fill:before { content: "\f285"; } .vtmx-slack-line:before { content: "\f286"; } .vtmx-smartphone-fill:before { content: "\f287"; } .vtmx-smartphone-line:before { content: "\f288"; } .vtmx-snapchat-fill:before { content: "\f289"; } .vtmx-snapchat-line:before { content: "\f28a"; } .vtmx-snowy-fill:before { content: "\f28b"; } .vtmx-snowy-line:before { content: "\f28c"; } .vtmx-sparkles-fill:before { content: "\f28d"; } .vtmx-sparkles-line:before { content: "\f28e"; } .vtmx-star-fill:before { content: "\f28f"; } .vtmx-star-half-fill:before { content: "\f290"; } .vtmx-star-half-line:before { content: "\f291"; } .vtmx-star-line:before { content: "\f292"; } .vtmx-stop-circle-fill:before { content: "\f293"; } .vtmx-stop-circle-line:before { content: "\f294"; } .vtmx-stop-fill:before { content: "\f295"; } .vtmx-stop-line:before { content: "\f296"; } .vtmx-store-fill:before { content: "\f297"; } .vtmx-store-line:before { content: "\f298"; } .vtmx-subtract-fill:before { content: "\f299"; } .vtmx-subtract-line:before { content: "\f29a"; } .vtmx-suitcase-fill:before { content: "\f29b"; } .vtmx-suitcase-line:before { content: "\f29c"; } .vtmx-sun-cloudy-fill:before { content: "\f29d"; } .vtmx-sun-cloudy-line:before { content: "\f29e"; } .vtmx-sun-fill:before { content: "\f29f"; } .vtmx-sun-line:before { content: "\f2a0"; } .vtmx-t-shirt-fill:before { content: "\f2a1"; } .vtmx-t-shirt-line:before { content: "\f2a2"; } .vtmx-t-shirt-number-fill:before { content: "\f2a3"; } .vtmx-t-shirt-number-line:before { content: "\f2a4"; } .vtmx-tablet-fill:before { content: "\f2a5"; } .vtmx-tablet-line:before { content: "\f2a6"; } .vtmx-task-fill:before { content: "\f2a7"; } .vtmx-task-line:before { content: "\f2a8"; } .vtmx-telegram-fill:before { content: "\f2a9"; } .vtmx-telegram-line:before { content: "\f2aa"; } .vtmx-temp-cold-fill:before { content: "\f2ab"; } .vtmx-temp-cold-line:before { content: "\f2ac"; } .vtmx-temp-hot-fill:before { content: "\f2ad"; } .vtmx-temp-hot-line:before { content: "\f2ae"; } .vtmx-text-curved-fill:before { content: "\f2af"; } .vtmx-text-curved-line:before { content: "\f2b0"; } .vtmx-text-fill:before { content: "\f2b1"; } .vtmx-text-line:before { content: "\f2b2"; } .vtmx-thumb-down-fill:before { content: "\f2b3"; } .vtmx-thumb-down-line:before { content: "\f2b4"; } .vtmx-thumb-up-fill:before { content: "\f2b5"; } .vtmx-thumb-up-line:before { content: "\f2b6"; } .vtmx-thunderstorms-fill:before { content: "\f2b7"; } .vtmx-thunderstorms-line:before { content: "\f2b8"; } .vtmx-tiktok-fill:before { content: "\f2b9"; } .vtmx-tiktok-line:before { content: "\f2ba"; } .vtmx-time-fill:before { content: "\f2bb"; } .vtmx-time-line:before { content: "\f2bc"; } .vtmx-timer-fill:before { content: "\f2bd"; } .vtmx-timer-line:before { content: "\f2be"; } .vtmx-tools-fill:before { content: "\f2bf"; } .vtmx-tools-line:before { content: "\f2c0"; } .vtmx-train-fill:before { content: "\f2c1"; } .vtmx-train-line:before { content: "\f2c2"; } .vtmx-trophy-fill:before { content: "\f2c3"; } .vtmx-trophy-line:before { content: "\f2c4"; } .vtmx-truck-fill:before { content: "\f2c5"; } .vtmx-truck-line:before { content: "\f2c6"; } .vtmx-twitter-fill:before { content: "\f2c7"; } .vtmx-twitter-line:before { content: "\f2c8"; } .vtmx-unlink-fill:before { content: "\f2c9"; } .vtmx-unlink-line:before { content: "\f2ca"; } .vtmx-upload-fill:before { content: "\f2cb"; } .vtmx-upload-line:before { content: "\f2cc"; } .vtmx-user-fill:before { content: "\f2cd"; } .vtmx-user-line:before { content: "\f2ce"; } .vtmx-viber-fill:before { content: "\f2cf"; } .vtmx-viber-line:before { content: "\f2d0"; } .vtmx-visa-fill:before { content: "\f2d1"; } .vtmx-visa-line:before { content: "\f2d2"; } .vtmx-volume-alert-fill:before { content: "\f2d3"; } .vtmx-volume-alert-line:before { content: "\f2d4"; } .vtmx-volume-down-fill:before { content: "\f2d5"; } .vtmx-volume-down-line:before { content: "\f2d6"; } .vtmx-volume-mute-fill:before { content: "\f2d7"; } .vtmx-volume-mute-line:before { content: "\f2d8"; } .vtmx-volume-up-fill:before { content: "\f2d9"; } .vtmx-volume-up-line:before { content: "\f2da"; } .vtmx-walk-fill:before { content: "\f2db"; } .vtmx-walk-line:before { content: "\f2dc"; } .vtmx-wallet-fill:before { content: "\f2dd"; } .vtmx-wallet-line:before { content: "\f2de"; } .vtmx-whatsapp-fill:before { content: "\f2df"; } .vtmx-whatsapp-line:before { content: "\f2e0"; } .vtmx-wifi-off-fill:before { content: "\f2e1"; } .vtmx-wifi-off-line:before { content: "\f2e2"; } .vtmx-wifi-on-fill:before { content: "\f2e3"; } .vtmx-wifi-on-line:before { content: "\f2e4"; } .vtmx-windy-fill:before { content: "\f2e5"; } .vtmx-windy-line:before { content: "\f2e6"; } .vtmx-youtube-fill:before { content: "\f2e7"; } .vtmx-youtube-line:before { content: "\f2e8"; } .vtmx-zoom-in-fill:before { content: "\f2e9"; } .vtmx-zoom-in-line:before { content: "\f2ea"; } .vtmx-zoom-out-fill:before { content: "\f2eb"; } .vtmx-zoom-out-line:before { content: "\f2ec"; } .vtmn-icon-size.svelte-gj5oab{color:var(--vtmn-icon-semantic-color);font-size:var(--vtmn-icon-size)} .vtmn-btn{ display:flex; flex-direction:row; justify-content:center; align-items:center; position:relative; block-size:4.8rem; border:0; line-height:1; inline-size:-moz-max-content; inline-size:max-content; padding-block:1.4rem; padding-inline:2.4rem; font-family:'Roboto', 'system-ui', '-apple-system', sans-serif; font-weight:700; font-size:1.6rem; letter-spacing:0.027rem; border-radius:4px; color:hsl(0, 0%, 100%); fill:hsl(0, 0%, 100%); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:hsl(200, 100%, 36.9%); transition:box-shadow 200ms ease-out; } .vtmn-btn:not(:disabled):hover{ background-color:hsla(200, 100%, calc(36.9% * 0.85), 1); cursor:pointer; } .vtmn-btn:not(:disabled):active{ background-color:hsla(200, 100%, calc(36.9% * 0.7), 1); } .vtmn-btn:disabled{ cursor:not-allowed; opacity:0.38; } .vtmn-btn:not(:disabled):focus-visible{ outline:none; box-shadow:0 0 0 0.4rem hsl(210, 14.3%, 94.5%), 0 0 0 0.6rem hsl(200, 100%, 4.7%); } .vtmn-btn:not(:disabled){ outline:none; } .vtmn-btn_variant--primary{ background-color:hsl(200, 100%, 36.9%); color:hsl(0, 0%, 100%); fill:hsl(0, 0%, 100%); } .vtmn-btn_variant--primary:not(:disabled):hover{ background-color:hsla(200, 100%, calc(36.9% * 0.85), 1); } .vtmn-btn_variant--primary:not(:disabled):active{ background-color:hsla(200, 100%, calc(36.9% * 0.7), 1); } .vtmn-btn_variant--primary-reversed{ box-shadow:none; background-color:hsl(0, 0%, 100%); color:hsl(200, 100%, 4.7%); fill:hsl(200, 100%, 4.7%); } .vtmn-btn_variant--primary-reversed:not(:disabled):hover{ background-color:hsla(0, 0%, 100%, 0.8); box-shadow:inset 0 0 0 0.2rem hsl(210, 14.3%, 94.5%); } .vtmn-btn_variant--primary-reversed:not(:disabled):active{ background-color:hsla(0, 0%, 100%, 0.6); box-shadow:inset 0 0 0 0.2rem hsl(210, 14.3%, 94.5%); } .vtmn-btn_variant--primary-reversed:not(:disabled):focus-visible{ outline:none; box-shadow:inset 0 0 0 0.2rem hsl(210, 14.3%, 94.5%), 0 0 0 0.4rem hsl(210, 14.3%, 94.5%), 0 0 0 0.6rem hsl(200, 100%, 4.7%); } .vtmn-btn_variant--secondary{ background-color:hsl(0, 0%, 100%); box-shadow:inset 0 0 0 0.2rem hsl(210, 11.8%, 86.7%); color:hsl(200, 100%, 30.8%); fill:hsl(200, 100%, 30.8%); } .vtmn-btn_variant--secondary:not(:disabled):hover{ background-color:hsl(200, 60%, 94.1%); } .vtmn-btn_variant--secondary:not(:disabled):active{ background-color:hsla(200, 60%, calc(94.1% * 0.97), 1); } .vtmn-btn_variant--secondary:not(:disabled):focus-visible{ outline:none; box-shadow:inset 0 0 0 0.2rem hsl(210, 11.8%, 86.7%), 0 0 0 0.4rem hsl(210, 14.3%, 94.5%), 0 0 0 0.6rem hsl(200, 100%, 4.7%); } .vtmn-btn_variant--tertiary{ background-color:hsl(200, 60%, 94.1%); color:hsl(200, 100%, 30.8%); fill:hsl(200, 100%, 30.8%); } .vtmn-btn_variant--tertiary:not(:disabled):hover{ background-color:hsla(200, 60%, calc(94.1% * 0.95), 1); } .vtmn-btn_variant--tertiary:not(:disabled):active{ background-color:hsla(200, 60%, calc(94.1% * 0.93), 1); } .vtmn-btn_variant--conversion{ box-shadow:inset 0 0 0 0.2rem transparent; background-color:hsl(54, 100%, 57.8%); color:hsl(200, 100%, 4.7%); fill:hsl(200, 100%, 4.7%); } .vtmn-btn_variant--conversion:not(:disabled):hover{ background-color:hsla(54, 100%, calc(57.8% + (100% - 57.8%) * 0.48), 1); } .vtmn-btn_variant--conversion:not(:disabled):active{ background-color:hsla(54, 100%, calc(calc(57.8% + (100% - 57.8%) * 0.48) + (100% - calc(57.8% + (100% - 57.8%) * 0.48)) * 0.5), 1); } .vtmn-btn_variant--conversion:not(:disabled):focus-visible{ outline:none; box-shadow:inset 0 0 0 0.2rem transparent, 0 0 0 0.4rem hsl(210, 14.3%, 94.5%), 0 0 0 0.6rem hsl(200, 100%, 4.7%); } .vtmn-btn_variant--ghost{ background-color:transparent; box-shadow:inset 0 0 0 0.2rem transparent; color:hsl(200, 100%, 30.8%); fill:hsl(200, 100%, 30.8%); } .vtmn-btn_variant--ghost:not(:disabled):hover{ background-color:hsl(200, 60%, 94.1%); } .vtmn-btn_variant--ghost:not(:disabled):active{ background-color:hsla(200, 60%, calc(94.1% * 0.97), 1); } .vtmn-btn_variant--ghost:not(:disabled):focus-visible{ outline:none; box-shadow:inset 0 0 0 0.2rem transparent, 0 0 0 0.4rem hsl(210, 14.3%, 94.5%), 0 0 0 0.6rem hsl(200, 100%, 4.7%); } .vtmn-btn_variant--ghost-reversed{ background-color:transparent; color:hsl(0, 0%, 100%); fill:hsl(0, 0%, 100%); } .vtmn-btn_variant--ghost-reversed:not(:disabled):hover{ background-color:hsla(0, 0%, 100%, 0.08); } .vtmn-btn_variant--ghost-reversed:not(:disabled):active{ background-color:hsla(0, 0%, 100%, 0.25); } .vtmn-btn_variant--ghost-reversed:not(:disabled):focus-visible{ outline:none; box-shadow:0 0 0 0.4rem hsl(210, 14.3%, 94.5%), 0 0 0 0.6rem hsl(200, 100%, 4.7%); } .vtmn-btn_size--small{ font-size:1.4rem; padding-block:0.8rem; padding-inline:1.6rem; block-size:3.2rem; letter-spacing:0.024rem; } .vtmn-btn_size--medium{ font-size:1.6rem; padding-block:1.4rem; padding-inline:2.4rem; block-size:4.8rem; letter-spacing:0.027rem; } .vtmn-btn_size--large{ font-size:2rem; padding-block:2rem; padding-inline:4rem; block-size:6.4rem; letter-spacing:0.034rem; } .vtmn-btn_size--stretched{ inline-size:100%; } .vtmn-btn--icon-alone{ inline-size:4.8rem; block-size:4.8rem; padding:1.4rem; } .vtmn-btn--icon-alone span[class^='vtmx-']{ font-size:2.4rem; } .vtmn-btn_size--small.vtmn-btn--icon-alone{ inline-size:3.2rem; block-size:3.2rem; padding:0.8rem; } .vtmn-btn_size--small.vtmn-btn--icon-alone span[class^='vtmx-']{ font-size:2rem; } .vtmn-btn_size--medium.vtmn-btn--icon-alone{ inline-size:4.8rem; block-size:4.8rem; padding:1.4rem; } .vtmn-btn_size--medium.vtmn-btn--icon-alone span[class^='vtmx-']{ font-size:2.4rem; } .vtmn-btn_size--large.vtmn-btn--icon-alone{ inline-size:6.4rem; block-size:6.4rem; padding:2rem; } .vtmn-btn_size--large.vtmn-btn--icon-alone span[class^='vtmx-']{ font-size:3.2rem; } .vtmn-btn--icon-left span[class^='vtmx-'], .vtmn-btn_size--medium.vtmn-btn--icon-left span[class^='vtmx-']{ -webkit-padding-end:0.8rem; padding-inline-end:0.8rem; font-size:2rem; } .vtmn-btn_size--small.vtmn-btn--icon-left span[class^='vtmx-']{ -webkit-padding-end:0.6rem; padding-inline-end:0.6rem; font-size:1.6rem; } .vtmn-btn_size--small.vtmn-btn--icon-right span[class^='vtmx-']{ -webkit-padding-start:0.6rem; padding-inline-start:0.6rem; font-size:1.6rem; } .vtmn-btn_size--small.vtmn-btn--icon-left svg{ -webkit-margin-end:0.6rem; margin-inline-end:0.6rem; } .vtmn-btn_size--small.vtmn-btn--icon-right svg{ -webkit-margin-start:0.6rem; margin-inline-start:0.6rem; } .vtmn-btn--icon-right span[class^='vtmx-'], .vtmn-btn_size--medium.vtmn-btn--icon-right span[class^='vtmx-']{ -webkit-padding-start:0.8rem; padding-inline-start:0.8rem; font-size:2rem; } .vtmn-btn_size--medium.vtmn-btn--icon-left svg{ -webkit-margin-end:0.8rem; margin-inline-end:0.8rem; } .vtmn-btn_size--medium.vtmn-btn--icon-right svg{ -webkit-margin-start:0.8rem; margin-inline-start:0.8rem; } .vtmn-btn_size--large.vtmn-btn--icon-left span[class^='vtmx-']{ -webkit-padding-end:1.2rem; padding-inline-end:1.2rem; font-size:2.4rem; } .vtmn-btn_size--large.vtmn-btn--icon-right span[class^='vtmx-']{ -webkit-padding-start:1.2rem; padding-inline-start:1.2rem; font-size:2.4rem; } .vtmn-btn_size--large.vtmn-btn--icon-left svg{ -webkit-margin-end:1.2rem; margin-inline-end:1.2rem; } .vtmn-btn_size--large.vtmn-btn--icon-right svg{ -webkit-margin-start:1.2rem; margin-inline-start:1.2rem; } .vtmn-btn--multiline{ white-space:normal; } .vtmn-btn_variant--secondary-reversed{ background-color:transparent; box-shadow:inset 0 0 0 0.2rem hsl( 0, 0%, 100% ); color:hsl( 0, 0%, 100% ); fill:hsl( 0, 0%, 100% ); } .vtmn-btn_variant--secondary-reversed:not(:disabled):hover{ background-color:hsla(0, 0%, 100%, 0.2); } .vtmn-btn_variant--secondary-reversed:not(:disabled):active{ background-color:hsla(0, 0%, 100%, 0.4); } .vtmn-dropdown{ box-sizing:border-box; inline-size:-moz-fit-content; inline-size:fit-content; block-size:-moz-fit-content; block-size:fit-content; font-family:'Roboto', 'system-ui', '-apple-system', sans-serif; font-size:1.6rem; line-height:1.5; color:hsl(200, 100%, 4.7%); font-weight:400; outline:0; } .vtmn-dropdown details{ box-sizing:border-box; display:block; inline-size:-moz-fit-content; inline-size:fit-content; min-block-size:4.8rem; block-size:-moz-fit-content; block-size:fit-content; outline:0; } .vtmn-dropdown > label{ display:inline-block; -webkit-margin-after:0.4rem; margin-block-end:0.4rem; } .vtmn-dropdown summary{ display:flex; cursor:pointer; list-style:none; position:relative; inline-size:-moz-fit-content; inline-size:fit-content; border-radius:0.4rem; background-color:hsl(0, 0%, 100%); padding:1.2rem 4rem 1.2rem 1.6rem; outline:0; box-shadow:inset 0 0 0 0.1rem hsl(213, 10.6%, 59.2%); } .vtmn-dropdown summary::-webkit-details-marker{ display:none; } .vtmn-dropdown:not([aria-disabled='true']) summary:hover{ box-shadow:inset 0 0 0 0.1rem hsl(213, 10.6%, 59.2%), 0 0 0 3px hsl(200, 60%, 94.1%); } .vtmn-dropdown:not([aria-disabled='true']) summary:active{ box-shadow:inset 0 0 0 0.2rem hsl(200, 100%, 36.9%); } .vtmn-dropdown:not([aria-disabled='true']) details[open] summary{ box-shadow:inset 0 0 0 0.2rem hsl(200, 100%, 36.9%); } .vtmn-dropdown:not([aria-disabled='true']) summary:focus-visible{ box-shadow:inset 0 0 0 0.2rem hsl(200, 100%, 36.9%); } .vtmn-dropdown[aria-disabled='true'] summary{ pointer-events:none; } .vtmn-dropdown[aria-disabled='true'] details > *{ opacity:0.38; } .vtmn-dropdown[aria-disabled='true'] > label{ opacity:0.38; } .vtmn-dropdown[aria-disabled='true'] > label, .vtmn-dropdown[aria-disabled='true'] details{ cursor:not-allowed; } .vtmn-dropdown summary::after{ content:''; -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m8 8.781 3.3-3.3.943.943L8 10.667 3.757 6.424l.943-.943 3.3 3.3z'/%3E%3C/svg%3E"); mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m8 8.781 3.3-3.3.943.943L8 10.667 3.757 6.424l.943-.943 3.3 3.3z'/%3E%3C/svg%3E"); -webkit-mask-size:cover; mask-size:cover; inline-size:2.4rem; block-size:2.4rem; position:absolute; display:block; inset-inline-end:1rem; transition:transform 200ms ease; background-color:hsl(200, 100%, 4.7%); } .vtmn-dropdown_items{ box-sizing:border-box; display:flex; flex-direction:column; align-items:flex-start; position:absolute; background-color:hsl(0, 0%, 100%); border-radius:0.4rem; block-size:-moz-fit-content; block-size:fit-content; inline-size:-moz-fit-content; inline-size:fit-content; padding:0.8rem; box-shadow:0 2.4rem 2.4rem 0 hsla(200, 100%, 24.5%, 0.1); z-index:2; overflow-y:auto; transform:translateY(0.4rem); max-block-size:26rem; } .vtmn-dropdown_items:focus{ outline:none; box-shadow:0 0 0 0.4rem hsl(210, 14.3%, 94.5%), 0 0 0 0.6rem hsl(200, 100%, 4.7%); } .vtmn-dropdown_items input[type='checkbox']{ position:relative; opacity:0; inline-size:0; block-size:0; } .vtmn-dropdown_items > label{ box-sizing:border-box; background-color:hsl(0, 0%, 100%); padding:1.2rem; margin:0; width:100%; block-size:100%; border-radius:0.4rem; display:inline-flex; position:relative; height:auto; } .vtmn-dropdown_items > .vtmn-divider{ width:100%; } .vtmn-dropdown_items span[class^='vtmx-']{ font-size:1.8rem; -webkit-margin-end:0.8rem; margin-inline-end:0.8rem; } .vtmn-dropdown_items > label:hover{ background-color:hsla(200, 100%, 4.7%, 0.05); cursor:pointer; } .vtmn-dropdown_items > label:active{ background-color:hsla(200, 100%, 4.7%, 0.15); } .vtmn-dropdown_items > input:focus-visible + label{ box-shadow:0 0 0 0.4rem hsl(210, 14.3%, 94.5%), 0 0 0 0.6rem hsl(200, 100%, 4.7%); z-index:2; } .vtmn-dropdown_items > input:checked + label{ color:hsl(200, 100%, 36.9%); -webkit-padding-end:4.8rem; padding-inline-end:4.8rem; } .vtmn-dropdown_items > input + label::after{ content:''; -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m6.667 10.115 6.128-6.129.943.943L6.667 12 2.424 7.757l.943-.942 3.3 3.3Z'/%3E%3C/svg%3E"); mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m6.667 10.115 6.128-6.129.943.943L6.667 12 2.424 7.757l.943-.942 3.3 3.3Z'/%3E%3C/svg%3E"); width:2.4rem; block-size:2.4rem; position:relative; display:block; -webkit-margin-start:1.2rem; margin-inline-start:1.2rem; background-color:transparent; } .vtmn-dropdown_items > input:checked + label::after{ background-color:hsl(200, 100%, 36.9%); position:absolute; inset-inline-end:0; margin-block:0; margin-inline:1.2rem; } .vtmn-dropdown details[open] summary::after{ transform:rotateZ(-180deg); } .vtmn-dropdown_items > input:last-of-type ~ .vtmn-divider{ display:none; } .vtmn-divider{ display:flex; align-items:center; white-space:nowrap; font-family:'Roboto', 'system-ui', '-apple-system', sans-serif; font-size:1.4rem; line-height:1.42; color:hsl(200, 100%, 4.7%); inline-size:100%; } .vtmn-divider_orientation--horizontal{ display:flex; align-items:center; white-space:nowrap; font-family:'Roboto', 'system-ui', '-apple-system', sans-serif; font-size:1.4rem; line-height:1.42; color:hsl(200, 100%, 4.7%); inline-size:100%; } .vtmn-divider::before{ content:''; block-size:0.1rem; background-color:hsl(210, 11.8%, 86.7%); inline-size:100%; } .vtmn-divider::after{ content:''; block-size:0.1rem; background-color:hsl(210, 11.8%, 86.7%); inline-size:100%; } .vtmn-divider_orientation--horizontal::before{ content:''; block-size:0.1rem; background-color:hsl(210, 11.8%, 86.7%); inline-size:100%; } .vtmn-divider_orientation--horizontal::after{ content:''; block-size:0.1rem; background-color:hsl(210, 11.8%, 86.7%); inline-size:100%; } .vtmn-divider:not(:empty, .vtmn-divider_orientation--vertical)::before{ -webkit-margin-end:0.8rem; margin-inline-end:0.8rem; } .vtmn-divider:not(:empty, .vtmn-divider_orientation--vertical)::after{ -webkit-margin-start:0.8rem; margin-inline-start:0.8rem; } .vtmn-divider_orientation--horizontal.vtmn-divider_text-position--start::before{ inline-size:6.4rem; min-inline-size:6.4rem; } .vtmn-divider_orientation--horizontal.vtmn-divider_text-position--end::after{ inline-size:6.4rem; min-inline-size:6.4rem; } .vtmn-divider_orientation--horizontal.vtmn-divider_text-position--start::after, .vtmn-divider_orientation--horizontal.vtmn-divider_text-position--end::before, .vtmn-divider_orientation--horizontal.vtmn-divider_text-position--center::before, .vtmn-divider_orientation--horizontal.vtmn-divider_text-position--center::after{ inline-size:100%; } .vtmn-divider_orientation--vertical{ flex-direction:column; block-size:100%; } .vtmn-divider_orientation--vertical::before, .vtmn-divider_orientation--vertical::after{ inline-size:0.1rem; block-size:100%; } .vtmn-divider_orientation--vertical:not(:empty)::before{ -webkit-margin-after:0.8rem; margin-block-end:0.8rem; } .vtmn-divider_orientation--vertical:not(:empty)::after{ -webkit-margin-before:0.8rem; margin-block-start:0.8rem; } .vtmn-divider_orientation--vertical.vtmn-divider_text-position--start::before{ block-size:6.4rem; min-block-size:6.4rem; } .vtmn-divider_orientation--vertical.vtmn-divider_text-position--end::after{ block-size:6.4rem; min-block-size:6.4rem; } .vtmn-divider_orientation--vertical.vtmn-divider_text-position--end::before, .vtmn-divider_orientation--vertical.vtmn-divider_text-position--start::after, .vtmn-divider_orientation--vertical.vtmn-divider_text-position--center::before, .vtmn-divider_orientation--vertical.vtmn-divider_text-position--center::after{ block-size:100%; } .vtmn-dropdown{ box-sizing:border-box; inline-size:-moz-fit-content; inline-size:fit-content; block-size:-moz-fit-content; block-size:fit-content; font-family:'Roboto', 'system-ui', '-apple-system', sans-serif; font-size:1.6rem; line-height:1.5; color:hsl(200, 100%, 4.7%); font-weight:400; outline:0; } .vtmn-dropdown details{ box-sizing:border-box; display:block; inline-size:-moz-fit-content; inline-size:fit-content; min-block-size:4.8rem; block-size:-moz-fit-content; block-size:fit-content; outline:0; } .vtmn-dropdown > label{ display:inline-block; -webkit-margin-after:0.4rem; margin-block-end:0.4rem; } .vtmn-dropdown summary{ display:flex; cursor:pointer; list-style:none; position:relative; inline-size:-moz-fit-content; inline-size:fit-content; border-radius:0.4rem; background-color:hsl(0, 0%, 100%); padding:1.2rem 4rem 1.2rem 1.6rem; outline:0; box-shadow:inset 0 0 0 0.1rem hsl(213, 10.6%, 59.2%); } .vtmn-dropdown summary::-webkit-details-marker{ display:none; } .vtmn-dropdown:not([aria-disabled='true']) summary:hover{ box-shadow:inset 0 0 0 0.1rem hsl(213, 10.6%, 59.2%), 0 0 0 3px hsl(200, 60%, 94.1%); } .vtmn-dropdown:not([aria-disabled='true']) summary:active{ box-shadow:inset 0 0 0 0.2rem hsl(200, 100%, 36.9%); } .vtmn-dropdown:not([aria-disabled='true']) details[open] summary{ box-shadow:inset 0 0 0 0.2rem hsl(200, 100%, 36.9%); } .vtmn-dropdown:not([aria-disabled='true']) summary:focus-visible{ box-shadow:inset 0 0 0 0.2rem hsl(200, 100%, 36.9%); } .vtmn-dropdown[aria-disabled='true'] summary{ pointer-events:none; } .vtmn-dropdown[aria-disabled='true'] details > *{ opacity:0.38; } .vtmn-dropdown[aria-disabled='true'] > label{ opacity:0.38; } .vtmn-dropdown[aria-disabled='true'] > label, .vtmn-dropdown[aria-disabled='true'] details{ cursor:not-allowed; } .vtmn-dropdown summary::after{ content:''; -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m8 8.781 3.3-3.3.943.943L8 10.667 3.757 6.424l.943-.943 3.3 3.3z'/%3E%3C/svg%3E"); mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m8 8.781 3.3-3.3.943.943L8 10.667 3.757 6.424l.943-.943 3.3 3.3z'/%3E%3C/svg%3E"); -webkit-mask-size:cover; mask-size:cover; inline-size:2.4rem; block-size:2.4rem; position:absolute; display:block; inset-inline-end:1rem; transition:transform 200ms ease; background-color:hsl(200, 100%, 4.7%); } .vtmn-dropdown_items{ box-sizing:border-box; display:flex; flex-direction:column; align-items:flex-start; position:absolute; background-color:hsl(0, 0%, 100%); border-radius:0.4rem; block-size:-moz-fit-content; block-size:fit-content; inline-size:-moz-fit-content; inline-size:fit-content; padding:0.8rem; box-shadow:0 2.4rem 2.4rem 0 hsla(200, 100%, 24.5%, 0.1); z-index:2; overflow-y:auto; transform:translateY(0.4rem); max-block-size:26rem; } .vtmn-dropdown_items:focus{ outline:none; box-shadow:0 0 0 0.4rem hsl(210, 14.3%, 94.5%), 0 0 0 0.6rem hsl(200, 100%, 4.7%); } .vtmn-dropdown_items input[type='checkbox']{ position:relative; opacity:0; inline-size:0; block-size:0; } .vtmn-dropdown_items > label{ box-sizing:border-box; background-color:hsl(0, 0%, 100%); padding:1.2rem; margin:0; width:100%; block-size:100%; border-radius:0.4rem; display:inline-flex; position:relative; height:auto; } .vtmn-dropdown_items > .vtmn-divider{ width:100%; } .vtmn-dropdown_items span[class^='vtmx-']{ font-size:1.8rem; -webkit-margin-end:0.8rem; margin-inline-end:0.8rem; } .vtmn-dropdown_items > label:hover{ background-color:hsla(200, 100%, 4.7%, 0.05); cursor:pointer; } .vtmn-dropdown_items > label:active{ background-color:hsla(200, 100%, 4.7%, 0.15); } .vtmn-dropdown_items > input:focus-visible + label{ box-shadow:0 0 0 0.4rem hsl(210, 14.3%, 94.5%), 0 0 0 0.6rem hsl(200, 100%, 4.7%); z-index:2; } .vtmn-dropdown_items > input:checked + label{ color:hsl(200, 100%, 36.9%); -webkit-padding-end:4.8rem; padding-inline-end:4.8rem; } .vtmn-dropdown_items > input + label::after{ content:''; -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m6.667 10.115 6.128-6.129.943.943L6.667 12 2.424 7.757l.943-.942 3.3 3.3Z'/%3E%3C/svg%3E"); mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m6.667 10.115 6.128-6.129.943.943L6.667 12 2.424 7.757l.943-.942 3.3 3.3Z'/%3E%3C/svg%3E"); width:2.4rem; block-size:2.4rem; position:relative; display:block; -webkit-margin-start:1.2rem; margin-inline-start:1.2rem; background-color:transparent; } .vtmn-dropdown_items > input:checked + label::after{ background-color:hsl(200, 100%, 36.9%); position:absolute; inset-inline-end:0; margin-block:0; margin-inline:1.2rem; } .vtmn-dropdown details[open] summary::after{ transform:rotateZ(-180deg); } .vtmn-dropdown_items > input:last-of-type ~ .vtmn-divider{ display:none; } .vtmn-link{ font-family:'Roboto', 'system-ui', '-apple-system', sans-serif; font-weight:700; color:hsl(200, 100%, 30.8%); font-size:1.6rem; text-decoration:underline; transition:box-shadow 200ms ease-out; } .vtmn-link--standalone{ text-decoration:none; } .vtmn-link:hover{ color:hsla(200, 100%, calc(36.9% * 0.85), 1); text-decoration:underline; } .vtmn-link--standalone:hover{ color:hsla(200, 100%, calc(36.9% * 0.85), 1); text-decoration:underline; } .vtmn-link:active{ color:hsla(200, 100%, calc(36.9% * 0.7), 1); text-decoration:underline; } .vtmn-link