@font-face{font-family:dashicons;src:url(//www.estoril.salesianos.pt/wp-includes/fonts/dashicons.eot?99ac726223c749443b642ce33df8b800);src:url(//www.estoril.salesianos.pt/wp-includes/fonts/dashicons.eot?99ac726223c749443b642ce33df8b800#iefix) format("embedded-opentype"),url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"),url(//www.estoril.salesianos.pt/wp-includes/fonts/dashicons.ttf?99ac726223c749443b642ce33df8b800) format("truetype");font-weight:400;font-style:normal}.dashicons,.dashicons-before:before{font-family:dashicons;display:inline-block;line-height:1;font-weight:400;font-style:normal;text-decoration:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;font-size:20px;vertical-align:top;text-align:center;transition:color .1s ease-in}.dashicons-admin-appearance:before{content:"\f100"}.dashicons-admin-collapse:before{content:"\f148"}.dashicons-admin-comments:before{content:"\f101"}.dashicons-admin-customizer:before{content:"\f540"}.dashicons-admin-generic:before{content:"\f111"}.dashicons-admin-home:before{content:"\f102"}.dashicons-admin-links:before{content:"\f103"}.dashicons-admin-media:before{content:"\f104"}.dashicons-admin-multisite:before{content:"\f541"}.dashicons-admin-network:before{content:"\f112"}.dashicons-admin-page:before{content:"\f105"}.dashicons-admin-plugins:before{content:"\f106"}.dashicons-admin-post:before{content:"\f109"}.dashicons-admin-settings:before{content:"\f108"}.dashicons-admin-site-alt:before{content:"\f11d"}.dashicons-admin-site-alt2:before{content:"\f11e"}.dashicons-admin-site-alt3:before{content:"\f11f"}.dashicons-admin-site:before{content:"\f319"}.dashicons-admin-tools:before{content:"\f107"}.dashicons-admin-users:before{content:"\f110"}.dashicons-airplane:before{content:"\f15f"}.dashicons-album:before{content:"\f514"}.dashicons-align-center:before{content:"\f134"}.dashicons-align-full-width:before{content:"\f114"}.dashicons-align-left:before{content:"\f135"}.dashicons-align-none:before{content:"\f138"}.dashicons-align-pull-left:before{content:"\f10a"}.dashicons-align-pull-right:before{content:"\f10b"}.dashicons-align-right:before{content:"\f136"}.dashicons-align-wide:before{content:"\f11b"}.dashicons-amazon:before{content:"\f162"}.dashicons-analytics:before{content:"\f183"}.dashicons-archive:before{content:"\f480"}.dashicons-arrow-down-alt:before{content:"\f346"}.dashicons-arrow-down-alt2:before{content:"\f347"}.dashicons-arrow-down:before{content:"\f140"}.dashicons-arrow-left-alt:before{content:"\f340"}.dashicons-arrow-left-alt2:before{content:"\f341"}.dashicons-arrow-left:before{content:"\f141"}.dashicons-arrow-right-alt:before{content:"\f344"}.dashicons-arrow-right-alt2:before{content:"\f345"}.dashicons-arrow-right:before{content:"\f139"}.dashicons-arrow-up-alt:before{content:"\f342"}.dashicons-arrow-up-alt2:before{content:"\f343"}.dashicons-arrow-up-duplicate:before{content:"\f143"}.dashicons-arrow-up:before{content:"\f142"}.dashicons-art:before{content:"\f309"}.dashicons-awards:before{content:"\f313"}.dashicons-backup:before{content:"\f321"}.dashicons-bank:before{content:"\f16a"}.dashicons-beer:before{content:"\f16c"}.dashicons-bell:before{content:"\f16d"}.dashicons-block-default:before{content:"\f12b"}.dashicons-book-alt:before{content:"\f331"}.dashicons-book:before{content:"\f330"}.dashicons-buddicons-activity:before{content:"\f452"}.dashicons-buddicons-bbpress-logo:before{content:"\f477"}.dashicons-buddicons-buddypress-logo:before{content:"\f448"}.dashicons-buddicons-community:before{content:"\f453"}.dashicons-buddicons-forums:before{content:"\f449"}.dashicons-buddicons-friends:before{content:"\f454"}.dashicons-buddicons-groups:before{content:"\f456"}.dashicons-buddicons-pm:before{content:"\f457"}.dashicons-buddicons-replies:before{content:"\f451"}.dashicons-buddicons-topics:before{content:"\f450"}.dashicons-buddicons-tracking:before{content:"\f455"}.dashicons-building:before{content:"\f512"}.dashicons-businessman:before{content:"\f338"}.dashicons-businessperson:before{content:"\f12e"}.dashicons-businesswoman:before{content:"\f12f"}.dashicons-button:before{content:"\f11a"}.dashicons-calculator:before{content:"\f16e"}.dashicons-calendar-alt:before{content:"\f508"}.dashicons-calendar:before{content:"\f145"}.dashicons-camera-alt:before{content:"\f129"}.dashicons-camera:before{content:"\f306"}.dashicons-car:before{content:"\f16b"}.dashicons-carrot:before{content:"\f511"}.dashicons-cart:before{content:"\f174"}.dashicons-category:before{content:"\f318"}.dashicons-chart-area:before{content:"\f239"}.dashicons-chart-bar:before{content:"\f185"}.dashicons-chart-line:before{content:"\f238"}.dashicons-chart-pie:before{content:"\f184"}.dashicons-clipboard:before{content:"\f481"}.dashicons-clock:before{content:"\f469"}.dashicons-cloud-saved:before{content:"\f137"}.dashicons-cloud-upload:before{content:"\f13b"}.dashicons-cloud:before{content:"\f176"}.dashicons-code-standards:before{content:"\f13a"}.dashicons-coffee:before{content:"\f16f"}.dashicons-color-picker:before{content:"\f131"}.dashicons-columns:before{content:"\f13c"}.dashicons-controls-back:before{content:"\f518"}.dashicons-controls-forward:before{content:"\f519"}.dashicons-controls-pause:before{content:"\f523"}.dashicons-controls-play:before{content:"\f522"}.dashicons-controls-repeat:before{content:"\f515"}.dashicons-controls-skipback:before{content:"\f516"}.dashicons-controls-skipforward:before{content:"\f517"}.dashicons-controls-volumeoff:before{content:"\f520"}.dashicons-controls-volumeon:before{content:"\f521"}.dashicons-cover-image:before{content:"\f13d"}.dashicons-dashboard:before{content:"\f226"}.dashicons-database-add:before{content:"\f170"}.dashicons-database-export:before{content:"\f17a"}.dashicons-database-import:before{content:"\f17b"}.dashicons-database-remove:before{content:"\f17c"}.dashicons-database-view:before{content:"\f17d"}.dashicons-database:before{content:"\f17e"}.dashicons-desktop:before{content:"\f472"}.dashicons-dismiss:before{content:"\f153"}.dashicons-download:before{content:"\f316"}.dashicons-drumstick:before{content:"\f17f"}.dashicons-edit-large:before{content:"\f327"}.dashicons-edit-page:before{content:"\f186"}.dashicons-edit:before{content:"\f464"}.dashicons-editor-aligncenter:before{content:"\f207"}.dashicons-editor-alignleft:before{content:"\f206"}.dashicons-editor-alignright:before{content:"\f208"}.dashicons-editor-bold:before{content:"\f200"}.dashicons-editor-break:before{content:"\f474"}.dashicons-editor-code-duplicate:before{content:"\f494"}.dashicons-editor-code:before{content:"\f475"}.dashicons-editor-contract:before{content:"\f506"}.dashicons-editor-customchar:before{content:"\f220"}.dashicons-editor-expand:before{content:"\f211"}.dashicons-editor-help:before{content:"\f223"}.dashicons-editor-indent:before{content:"\f222"}.dashicons-editor-insertmore:before{content:"\f209"}.dashicons-editor-italic:before{content:"\f201"}.dashicons-editor-justify:before{content:"\f214"}.dashicons-editor-kitchensink:before{content:"\f212"}.dashicons-editor-ltr:before{content:"\f10c"}.dashicons-editor-ol-rtl:before{content:"\f12c"}.dashicons-editor-ol:before{content:"\f204"}.dashicons-editor-outdent:before{content:"\f221"}.dashicons-editor-paragraph:before{content:"\f476"}.dashicons-editor-paste-text:before{content:"\f217"}.dashicons-editor-paste-word:before{content:"\f216"}.dashicons-editor-quote:before{content:"\f205"}.dashicons-editor-removeformatting:before{content:"\f218"}.dashicons-editor-rtl:before{content:"\f320"}.dashicons-editor-spellcheck:before{content:"\f210"}.dashicons-editor-strikethrough:before{content:"\f224"}.dashicons-editor-table:before{content:"\f535"}.dashicons-editor-textcolor:before{content:"\f215"}.dashicons-editor-ul:before{content:"\f203"}.dashicons-editor-underline:before{content:"\f213"}.dashicons-editor-unlink:before{content:"\f225"}.dashicons-editor-video:before{content:"\f219"}.dashicons-ellipsis:before{content:"\f11c"}.dashicons-email-alt:before{content:"\f466"}.dashicons-email-alt2:before{content:"\f467"}.dashicons-email:before{content:"\f465"}.dashicons-embed-audio:before{content:"\f13e"}.dashicons-embed-generic:before{content:"\f13f"}.dashicons-embed-photo:before{content:"\f144"}.dashicons-embed-post:before{content:"\f146"}.dashicons-embed-video:before{content:"\f149"}.dashicons-excerpt-view:before{content:"\f164"}.dashicons-exit:before{content:"\f14a"}.dashicons-external:before{content:"\f504"}.dashicons-facebook-alt:before{content:"\f305"}.dashicons-facebook:before{content:"\f304"}.dashicons-feedback:before{content:"\f175"}.dashicons-filter:before{content:"\f536"}.dashicons-flag:before{content:"\f227"}.dashicons-food:before{content:"\f187"}.dashicons-format-aside:before{content:"\f123"}.dashicons-format-audio:before{content:"\f127"}.dashicons-format-chat:before{content:"\f125"}.dashicons-format-gallery:before{content:"\f161"}.dashicons-format-image:before{content:"\f128"}.dashicons-format-quote:before{content:"\f122"}.dashicons-format-status:before{content:"\f130"}.dashicons-format-video:before{content:"\f126"}.dashicons-forms:before{content:"\f314"}.dashicons-fullscreen-alt:before{content:"\f188"}.dashicons-fullscreen-exit-alt:before{content:"\f189"}.dashicons-games:before{content:"\f18a"}.dashicons-google:before{content:"\f18b"}.dashicons-googleplus:before{content:"\f462"}.dashicons-grid-view:before{content:"\f509"}.dashicons-groups:before{content:"\f307"}.dashicons-hammer:before{content:"\f308"}.dashicons-heading:before{content:"\f10e"}.dashicons-heart:before{content:"\f487"}.dashicons-hidden:before{content:"\f530"}.dashicons-hourglass:before{content:"\f18c"}.dashicons-html:before{content:"\f14b"}.dashicons-id-alt:before{content:"\f337"}.dashicons-id:before{content:"\f336"}.dashicons-image-crop:before{content:"\f165"}.dashicons-image-filter:before{content:"\f533"}.dashicons-image-flip-horizontal:before{content:"\f169"}.dashicons-image-flip-vertical:before{content:"\f168"}.dashicons-image-rotate-left:before{content:"\f166"}.dashicons-image-rotate-right:before{content:"\f167"}.dashicons-image-rotate:before{content:"\f531"}.dashicons-images-alt:before{content:"\f232"}.dashicons-images-alt2:before{content:"\f233"}.dashicons-index-card:before{content:"\f510"}.dashicons-info-outline:before{content:"\f14c"}.dashicons-info:before{content:"\f348"}.dashicons-insert-after:before{content:"\f14d"}.dashicons-insert-before:before{content:"\f14e"}.dashicons-insert:before{content:"\f10f"}.dashicons-instagram:before{content:"\f12d"}.dashicons-laptop:before{content:"\f547"}.dashicons-layout:before{content:"\f538"}.dashicons-leftright:before{content:"\f229"}.dashicons-lightbulb:before{content:"\f339"}.dashicons-linkedin:before{content:"\f18d"}.dashicons-list-view:before{content:"\f163"}.dashicons-location-alt:before{content:"\f231"}.dashicons-location:before{content:"\f230"}.dashicons-lock-duplicate:before{content:"\f315"}.dashicons-lock:before{content:"\f160"}.dashicons-marker:before{content:"\f159"}.dashicons-media-archive:before{content:"\f501"}.dashicons-media-audio:before{content:"\f500"}.dashicons-media-code:before{content:"\f499"}.dashicons-media-default:before{content:"\f498"}.dashicons-media-document:before{content:"\f497"}.dashicons-media-interactive:before{content:"\f496"}.dashicons-media-spreadsheet:before{content:"\f495"}.dashicons-media-text:before{content:"\f491"}.dashicons-media-video:before{content:"\f490"}.dashicons-megaphone:before{content:"\f488"}.dashicons-menu-alt:before{content:"\f228"}.dashicons-menu-alt2:before{content:"\f329"}.dashicons-menu-alt3:before{content:"\f349"}.dashicons-menu:before{content:"\f333"}.dashicons-microphone:before{content:"\f482"}.dashicons-migrate:before{content:"\f310"}.dashicons-minus:before{content:"\f460"}.dashicons-money-alt:before{content:"\f18e"}.dashicons-money:before{content:"\f526"}.dashicons-move:before{content:"\f545"}.dashicons-nametag:before{content:"\f484"}.dashicons-networking:before{content:"\f325"}.dashicons-no-alt:before{content:"\f335"}.dashicons-no:before{content:"\f158"}.dashicons-open-folder:before{content:"\f18f"}.dashicons-palmtree:before{content:"\f527"}.dashicons-paperclip:before{content:"\f546"}.dashicons-pdf:before{content:"\f190"}.dashicons-performance:before{content:"\f311"}.dashicons-pets:before{content:"\f191"}.dashicons-phone:before{content:"\f525"}.dashicons-pinterest:before{content:"\f192"}.dashicons-playlist-audio:before{content:"\f492"}.dashicons-playlist-video:before{content:"\f493"}.dashicons-plugins-checked:before{content:"\f485"}.dashicons-plus-alt:before{content:"\f502"}.dashicons-plus-alt2:before{content:"\f543"}.dashicons-plus:before{content:"\f132"}.dashicons-podio:before{content:"\f19c"}.dashicons-portfolio:before{content:"\f322"}.dashicons-post-status:before{content:"\f173"}.dashicons-pressthis:before{content:"\f157"}.dashicons-printer:before{content:"\f193"}.dashicons-privacy:before{content:"\f194"}.dashicons-products:before{content:"\f312"}.dashicons-randomize:before{content:"\f503"}.dashicons-reddit:before{content:"\f195"}.dashicons-redo:before{content:"\f172"}.dashicons-remove:before{content:"\f14f"}.dashicons-rest-api:before{content:"\f124"}.dashicons-rss:before{content:"\f303"}.dashicons-saved:before{content:"\f15e"}.dashicons-schedule:before{content:"\f489"}.dashicons-screenoptions:before{content:"\f180"}.dashicons-search:before{content:"\f179"}.dashicons-share-alt:before{content:"\f240"}.dashicons-share-alt2:before{content:"\f242"}.dashicons-share:before{content:"\f237"}.dashicons-shield-alt:before{content:"\f334"}.dashicons-shield:before{content:"\f332"}.dashicons-shortcode:before{content:"\f150"}.dashicons-slides:before{content:"\f181"}.dashicons-smartphone:before{content:"\f470"}.dashicons-smiley:before{content:"\f328"}.dashicons-sort:before{content:"\f156"}.dashicons-sos:before{content:"\f468"}.dashicons-spotify:before{content:"\f196"}.dashicons-star-empty:before{content:"\f154"}.dashicons-star-filled:before{content:"\f155"}.dashicons-star-half:before{content:"\f459"}.dashicons-sticky:before{content:"\f537"}.dashicons-store:before{content:"\f513"}.dashicons-superhero-alt:before{content:"\f197"}.dashicons-superhero:before{content:"\f198"}.dashicons-table-col-after:before{content:"\f151"}.dashicons-table-col-before:before{content:"\f152"}.dashicons-table-col-delete:before{content:"\f15a"}.dashicons-table-row-after:before{content:"\f15b"}.dashicons-table-row-before:before{content:"\f15c"}.dashicons-table-row-delete:before{content:"\f15d"}.dashicons-tablet:before{content:"\f471"}.dashicons-tag:before{content:"\f323"}.dashicons-tagcloud:before{content:"\f479"}.dashicons-testimonial:before{content:"\f473"}.dashicons-text-page:before{content:"\f121"}.dashicons-text:before{content:"\f478"}.dashicons-thumbs-down:before{content:"\f542"}.dashicons-thumbs-up:before{content:"\f529"}.dashicons-tickets-alt:before{content:"\f524"}.dashicons-tickets:before{content:"\f486"}.dashicons-tide:before{content:"\f10d"}.dashicons-translation:before{content:"\f326"}.dashicons-trash:before{content:"\f182"}.dashicons-twitch:before{content:"\f199"}.dashicons-twitter-alt:before{content:"\f302"}.dashicons-twitter:before{content:"\f301"}.dashicons-undo:before{content:"\f171"}.dashicons-universal-access-alt:before{content:"\f507"}.dashicons-universal-access:before{content:"\f483"}.dashicons-unlock:before{content:"\f528"}.dashicons-update-alt:before{content:"\f113"}.dashicons-update:before{content:"\f463"}.dashicons-upload:before{content:"\f317"}.dashicons-vault:before{content:"\f178"}.dashicons-video-alt:before{content:"\f234"}.dashicons-video-alt2:before{content:"\f235"}.dashicons-video-alt3:before{content:"\f236"}.dashicons-visibility:before{content:"\f177"}.dashicons-warning:before{content:"\f534"}.dashicons-welcome-add-page:before{content:"\f133"}.dashicons-welcome-comments:before{content:"\f117"}.dashicons-welcome-learn-more:before{content:"\f118"}.dashicons-welcome-view-site:before{content:"\f115"}.dashicons-welcome-widgets-menus:before{content:"\f116"}.dashicons-welcome-write-blog:before{content:"\f119"}.dashicons-whatsapp:before{content:"\f19a"}.dashicons-wordpress-alt:before{content:"\f324"}.dashicons-wordpress:before{content:"\f120"}.dashicons-xing:before{content:"\f19d"}.dashicons-yes-alt:before{content:"\f12a"}.dashicons-yes:before{content:"\f147"}.dashicons-youtube:before{content:"\f19b"}.dashicons-editor-distractionfree:before{content:"\f211"}.dashicons-exerpt-view:before{content:"\f164"}.dashicons-format-links:before{content:"\f103"}.dashicons-format-standard:before{content:"\f109"}.dashicons-post-trash:before{content:"\f182"}.dashicons-share1:before{content:"\f237"}.dashicons-welcome-edit-page:before{content:"\f119"}:root { --accent: var(--sdb-color-muted, #8f9ba4); --accent-dark: var(--sdb-color-primary, #0058b7); --accent-hover: var(--sdb-color-secondary, #009bd8); --border: var(--sdb-color-border, #eef3f8); --bg-muted: var(--sdb-color-background, #f5f8fb); --radius: var(--sdb-radius-md, 10px); --font-small: var(--sdb-font-size-sm, 14px); --dlm-font: var(--sdb-font-size-sm, 14px); --shadow-strong: var(--sdb-shadow-card, 1px 5px 10px rgba(143, 155, 164, 0.2)); --shadow-soft: var(--sdb-shadow-element, 5px 5px 10px rgba(143, 155, 164, 0.08)); --shadow-element: var(--sdb-shadow-element, 5px 5px 5px rgba(143, 154, 164, 0.05)); --cf7-error: var(--sdb-color-danger, #d63638); --cf7-error-shadow: var(--sdb-focus-shadow, rgba(214, 54, 56, 0.25)); --cf7-success: var(--sdb-color-success, #16a34a); } .kingster-page-title-wrap.kingster-style-custom { max-width: 1920px; margin: 0 auto; overflow: hidden; border-bottom-left-radius: var(--radius); border-bottom-right-radius: var(--radius); box-shadow: var(--shadow-element); } @media (min-width: 1024px) { .kingster-page-title-wrap .kingster-page-title { width: 70%; } } .kingster-top-bar-menu i { margin-right: 6px; } .menu-botao > a { color: var(--sdb-project-mdb-primary, var(--sdb-color-secondary, #f26722)) !important; font-weight: 700; } .menu-botao > a:hover { color: var(--sdb-project-mdb-dark, var(--sdb-color-primary, #e24b00)) !important; } .wp-block-image figcaption, .wp-block-embed figcaption, .blocks-gallery-caption.wp-element-caption { font-size: var(--font-small); color: var(--accent); } .blocks-gallery-caption.wp-element-caption { text-align: right !important; margin-bottom: 20px !important; } .wp-block-image figcaption { font-size: 12px; } pre { font-size: 16px; padding: 30px; background: var(--sdb-color-surface-muted, var(--sdb-color-background, #f2f2f2)); margin-bottom: 40px; border-radius: var(--radius); } .is-mdb .kingster-page-title-wrap .kingster-page-caption, .is-mdb .kingster-page-title-wrap .kingster-page-title { color: var(--sdb-project-mdb-primary, var(--sdb-color-secondary, #f26722)) !important; } figure.wp-block-embed, figure.wp-block-image:not(.wp-block-gallery figure), figure.wp-block-gallery { margin-bottom: 2rem; } .kingster-content-area, .kingster-sidebar-area { padding-top: 30px; } .gdlr-core-page-list.gdlr-core-style-grid .gdlr-core-thumbnail, .gdlr-core-class-list.gdlr-core-style-grid .gdlr-core-thumbnail, .gdlr-core-course-info-item .gdlr-core-course-info-item-inner, .gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-list, .gdlr-core-course-item.gdlr-core-course-style-grid .gdlr-core-course-item-list-inner, .gdlr-core-course-search-item .gdlr-core-search-frame, .gdlr-core-portfolio-thumbnail, .kingster-single-article-thumbnail img, .gdlr-core-personnel-list-image, .gdlr-core-personnel-list-image img, .gdlr-core-hover-opacity { border-radius: var(--radius) !important; box-shadow: var(--shadow-soft); overflow: hidden; } .gdlr-core-portfolio-badge.gdlr-core-outer-frame-element { width: auto !important; height: auto !important; min-width: unset !important; border-radius: var(--radius) !important; padding: 5px 15px !important; white-space: nowrap !important; display: inline-block !important; line-height: 1.2 !important; text-align: center !important; } .gdlr-core-alert-box-item-inner { border-radius: var(--sdb-radius-md, 10px) !important; box-shadow: var(--shadow-element) !important; padding-top: 25px !important; padding-bottom: 10px !important; border-style: solid; overflow: hidden; } h1.kingster-single-article-title { font-size: clamp(24px, 5vw, 36px) !important; line-height: 1.25 !important; } .kingster-single-related-post-title { font-size: 21px !important; font-weight: 500 !important; } .gdlr-core-blog-grid.gdlr-core-blog-grid-with-frame { border-radius: var(--radius); outline: 1px solid var(--border); box-shadow: var(--shadow-element) !important; } .kingster-single-related-post-wrap .gdlr-core-blog-title.gdlr-core-skin-title a { font-size: 16px !important; font-weight: 500 !important; color: var(--sdb-color-text, #333) !important; } .kingster-single-related-post-wrap .gdlr-core-blog-title.gdlr-core-skin-title a:hover { color: var(--accent-dark) !important; } .gdlr-core-social-share-wrap a { background-color: var(--sdb-color-surface-muted, var(--sdb-color-background, #f2f2f4)) !important; border-radius: 50% !important; width: 40px !important; height: 40px !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; margin-right: 10px !important; } .gdlr-core-social-share-wrap a i { font-size: 18px !important; color: var(--accent) !important; } .gdlr-core-social-share-wrap a:hover { background-color: var(--sdb-color-border, #ddd) !important; } .gdlr-core-social-share-wrap a:hover i { color: var(--accent-dark) !important; } h1.kingster-single-article-title { font-size: clamp(24px, 5vw, 36px) !important; line-height: 1.25 !important; margin-bottom: 10px; font-weight: 700; letter-spacing: -0.02em; color: var(--sdb-color-text, #2f4358); } .kingster-blog-info-wrapper, .kingster-single-article-head-right .kingster-blog-info-wrapper { margin-top: 8px; font-size: 0.95rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--sdb-color-muted, #7b8896); } @media (max-width: 767px) { .kingster-single-article-date-wrapper { min-width: 56px; padding-right: 14px; margin-right: 16px; } .kingster-single-article-date-day { font-size: 1.7rem; } .kingster-single-article-date-month { font-size: 0.72rem; } .kingster-single-article-date-year { font-size: 0.68rem; } } .wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .wpcf7-form textarea, .wpcf7-form select { border: 1px solid var(--border); padding: 10px; border-radius: var(--radius); background-color: var(--bg-muted); transition: all 0.3s ease-in-out; margin-bottom: 10px; box-sizing: border-box; width: 100%; } .wpcf7-form input:focus, .wpcf7-form textarea:focus { outline: none !important; border: 2px solid var(--accent-dark) !important; box-shadow: var(--sdb-focus-shadow, 0 0 5px rgba(0, 88, 183, 0.3)) !important; } .wpcf7-form .wpcf7-not-valid { border: 2px solid var(--cf7-error) !important; box-shadow: 0 0 0 4px var(--cf7-error-shadow) !important; } .wpcf7-form .wpcf7-not-valid-tip { color: var(--cf7-error) !important; font-weight: 600; margin-top: 6px; } .wpcf7-form .wpcf7-radio.radio-box { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; border: 1px solid var(--border); background-color: var(--bg-muted); border-radius: var(--radius); padding: 10px; min-height: 44px; margin-bottom: 10px; } .wpcf7-form .wpcf7-radio.radio-box .wpcf7-list-item-label { margin-left: 6px; } #cf7-success-modal { display: none !important; } #cf7-success-modal.active { display: block !important; } .cf7-success-backdrop { position: fixed; inset: 0; background: var(--sdb-color-overlay, rgba(17, 24, 39, 0.6)); backdrop-filter: blur(4px); z-index: 999998; } .cf7-success-box { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(520px, 90%); background: var(--sdb-color-surface, #fff); border-radius: var(--sdb-radius-lg, 16px); padding: 30px; text-align: center; z-index: 999999; box-shadow: var(--sdb-shadow-modal, 0 20px 40px rgba(0, 0, 0, 0.2)); } .dlm-pa-download-table-filters select, .dlm-pa-download-table-pre input[type="text"] { border: 1px solid var(--accent) !important; border-radius: var(--radius) !important; padding: 5px 10px !important; } .dlm-pa-download-table { border-collapse: separate !important; border-radius: var(--radius) !important; border: 1px solid var(--border) !important; overflow: hidden; width: 100% !important; } .only-mobile, .only-mobile--wide { display: none !important; } @media screen and (max-width: 1260px) { .only-mobile--wide { display: block !important; } } @media screen and (max-width: 768px) { .only-mobile { display: block !important; } #formulario-donativos { height: 1350px !important; pointer-events: auto !important; } .gdlr-core-columnize-item-content.gdlr-core-skin-divider { column-count: 1 !important; -webkit-column-count: 1 !important; } } .single-tribe_events .secondary .tribe-events-venue-map { margin-top: 30px !important; margin-left: 0 !important; } .candid1, .candid2, .candid3, .candid4 { box-shadow: var(--shadow-soft); border-radius: var(--radius); margin-bottom: 30px; padding: 20px; background-color: var(--sdb-color-surface, #fff); } .candid1 { background-color: var(--sdb-color-surface-muted, var(--sdb-color-background, #f2f2f4)); padding: 30px; } .candid2 { border: 1px solid var(--accent-hover); } .caixa-master-curso { background: var(--sdb-color-surface, #fff); border: 1px solid var(--sdb-color-border, #e0e0e0); border-radius: var(--sdb-radius-md, 8px); overflow: hidden; box-shadow: var(--sdb-shadow-element, 0 4px 6px rgba(0, 0, 0, 0.05)); margin-bottom: 30px; } .wp-block-table:not(:has(.sls-tournament-app)), .sls-sessions-table-wrap:not(:has(.sls-tournament-app)), .gdlr-core-text-box-item-content:has(table):not(:has(.sls-tournament-app)) { background-color: transparent !important; border: none !important; padding: 0 0 10px 0 !important; margin: 0.5em 0 1.5em 0 !important; width: 100% !important; position: relative; box-shadow: none !important; border-radius: var(--sdb-radius-lg, 12px) !important; } :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) { border-collapse: separate !important; border-spacing: 0 !important; width: 100% !important; table-layout: auto !important; border-radius: var(--sdb-radius-lg, 12px) !important; box-shadow: var(--sdb-shadow-element, 0px 5px 5px rgba(143, 155, 164, 0.05)) !important; border: 1px solid var(--sdb-color-border, #e2e8f0) !important; margin: 0.5em 0 1.5em 0 !important; background-color: transparent !important; } div.wp-block-table table:not(.sls-standings-table), div.sls-sessions-table-wrap table:not(.sls-standings-table), div.gdlr-core-text-box-item-content table:not(.sls-standings-table) { margin: 0 !important; } div.gdlr-core-text-box-item-content > div:not(.sls-tournament-app) { margin: 0 !important; padding: 0 !important; } :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) th, :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) td { font-size: calc(1em - 2px) !important; padding: 16px 20px !important; border: none !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; text-wrap: balance !important; vertical-align: middle !important; } :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) thead th, :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) thead td, .gdlr-core-text-box-item-content table:not(.sls-standings-table) tbody tr:first-child th { background-color: var(--sdb-color-background, #f8fafc) !important; color: var(--sdb-color-text, #334155) !important; font-weight: bold !important; text-align: left !important; box-shadow: inset 0 -2px 0 0 var(--sdb-color-border, #cbd5e1) !important; } :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) tbody td { background-color: var(--sdb-color-surface, #ffffff) !important; border-bottom: 1px solid var(--sdb-color-border, #f1f5f9) !important; color: var(--sdb-color-muted, #64748b) !important; text-align: left !important; } :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) tbody tr:nth-child(even) td { background-color: var(--sdb-color-surface-muted, #fbfcfd) !important; } :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) tbody tr:last-child td { border-bottom: none !important; } :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) thead tr:first-child th:first-child, :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) thead tr:first-child td:first-child, .gdlr-core-text-box-item-content table:not(.sls-standings-table) tbody tr:first-child th:first-child { border-top-left-radius: 12px !important; } :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) thead tr:first-child th:last-child, :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) thead tr:first-child td:last-child, .gdlr-core-text-box-item-content table:not(.sls-standings-table) tbody tr:first-child th:last-child { border-top-right-radius: 12px !important; } :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) tbody tr:last-child td:first-child { border-bottom-left-radius: 12px !important; } :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) tbody tr:last-child td:last-child { border-bottom-right-radius: 12px !important; } @media screen and (max-width: 768px) { .wp-block-table:not(:has(.sls-tournament-app)), .sls-sessions-table-wrap:not(:has(.sls-tournament-app)), .gdlr-core-text-box-item-content:has(table):not(:has(.sls-tournament-app)) { display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; width: 100% !important; border: none !important; box-shadow: none !important; } .wp-block-table table:not(.sls-standings-table), .sls-sessions-table-wrap table:not(.sls-standings-table), .gdlr-core-text-box-item-content table:not(.sls-standings-table) { display: table !important; min-width: 700px !important; } :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) th, :where(.wp-block-table, .sls-sessions-table-wrap, .gdlr-core-text-box-item-content) table:not(.ui-datepicker-table):not(.sls-standings-table) td { white-space: nowrap !important; text-wrap: nowrap !important; } .wp-block-table:not(:has(.sls-tournament-app))::after, .sls-sessions-table-wrap:not(:has(.sls-tournament-app))::after, .gdlr-core-text-box-item-content:has(table):not(:has(.sls-tournament-app))::after { content: "← Deslize para ver mais →" !important; display: block !important; text-align: center !important; font-size: 11px !important; font-weight: 600 !important; color: var(--sdb-color-muted, #94a3b8) !important; padding: 15px 0 5px 0 !important; text-transform: uppercase !important; letter-spacing: 1px !important; background: transparent !important; z-index: 10 !important; position: sticky !important; left: 0 !important; } table:not(.ui-datepicker-table):not(.sls-standings-table)::after { display: none !important; content: none !important; } }button{ line-height: 1.7; cursor: pointer; border: none; padding: 13px 28px; font-size: 16px; font-weight: 600; margin-right: 4px; color: #fff; } button:focus{ outline: none; } .kingster-learn-press-nav-tabs-wrap{ position: relative; margin-bottom: 65px; } ul.learn-press-nav-tabs{ border-bottom-width: 1px; margin-bottom: 0px; } .kingster-tab-slidebar{ overflow: hidden; height: 13px; width: 100px; margin-top: -1px; } .kingster-tab-slidebar .kingster-tab-slidebar-border{ border-top-width: 1px; border-top-style: solid; } .kingster-tab-slidebar .kingster-tab-slidebar-border:before{ content: " "; width: 0px; height: 0px; border-width: 12px 12px 0px 12px; border-style: solid; display: block; margin: 0px auto; } .kingster-tab-slidebar:after{ content: " "; width: 0px; height: 0px; border-width: 12px 12px 0px 12px; border-style: solid; border-color: #ffffff transparent transparent; display: block; margin: -13px auto 0px; } .checkout-review-order tr.cart-subtotal th{ padding: 6px 0px 0px; font-weight: 400; border: 0px; } .checkout-review-order tr.cart-subtotal td{ padding: 6px 0px 0px; font-weight: 500; border: 0px; } .checkout-review-order tr.order-total th{ padding: 0px 0px 30px; font-weight: 400; } .checkout-review-order tr.order-total td{ font-weight: 600; } #learn-press-order-review{ margin-top: 36px; margin-bottom: 50px; } .checkout-review-order h4{ font-size: 24px; margin-bottom: 25px; } .learn-press-checkout-comment{ margin-bottom: 50px; } .learn-press-checkout-comment h4{ font-size: 24px; margin-bottom: 25px; } .learn-press-checkout-comment textarea{ font-size: 16px; padding: 16px 22px 20px; } .learn-press-checkout-payment h4{ font-size: 24px; margin-bottom: 25px; } #learn-press-payment .payment-methods{ max-width: 470px; margin-bottom: 30px; } #learn-press-payment .payment-methods .payment-method-form{ border: 0px; background: transparent; padding: 8px 18px 8px 49px; } #learn-press-payment .payment-methods .lp-payment-method > label{ padding: 5px 18px; } #learn-press-payment .payment-methods .lp-payment-method.selected > label{ padding: 5px 18px; } #learn-press-payment .lp-payment-method input[type="radio"]{ margin-right: 7px; margin-top: 0px; } #learn-press-payment .lp-payment-method img{ margin-left: 13px; } form#learn-press-checkout + a{ display: inline-block; font-style: italic; border-bottom-width: 1px; border-bottom-style: solid; margin-top: 13px; line-height: 1.2; } table.order_details{ border-spacing: 1px; text-align: left; margin-bottom: 50px; } table.order_details tr th{ width: 300px; } table.order_details tr th, table.order_details tr td{ font-size: 18px; font-weight: 500; padding: 14px 22px; } h4.kingster-lp-received-order-title{ font-size: 24px; text-align: center; margin-bottom: 50px; font-weight: 600; } .kingster-lp-course-social-share .kingster-head{ float: left; font-size: 13px; text-transform: uppercase; font-weight: 600; margin-right: 20px; margin-top: 12px; } .kingster-lp-course-social-share .gdlr-core-social-share-wrap a{ border-width: 1px; border-style: solid; line-height: 40px; display: inline-block; width: 42px; text-align: center; font-size: 13px; margin-right: 15px; margin-left: 0px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .kingster-lp-course-social-share .gdlr-core-social-share-wrap a:hover{ color: #fff; } .kingster-lp-course-ralated-container{ margin-bottom: 40px; } .kingster-lp-course-ralated-container .kingster-lp-course-ralated-head{ margin-bottom: 42px; } .kingster-lp-course-ralated-container .kingster-lp-course-related-title{ margin-bottom: 0px; float: left; } .kingster-lp-course-ralated-container .kingster-lp-course-related-view-all{ float: right; margin-top: 15px; } .kingster-lp-course-buttom-subscription{ margin-bottom: -95px; position: relative; z-index: 1; background-position: center; background-size: cover; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .kingster-lp-course-buttom-subscription-inner{ padding: 60px; max-width: 1200px; margin: 0px auto; } .kingster-lp-course-buttom-subscription .kingster-title{ font-size: 32px; font-weight: 600; line-height: 1; margin-bottom: 5px; } .kingster-lp-course-buttom-subscription .kingster-caption{ font-size: 32px; font-weight: 200; line-height: 1; } .kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item{ margin-top: 12px; } .kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-email{ padding-right: 0px; } .kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-email input[type="email"]{ padding: 17px 20px; height: 52px; border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; } .kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-submit{ margin-left: -3px; width: 30%; overflow: visible; float: left; } .kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-submit input[type="submit"]{ font-size: 13px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; height: 52px; padding: 17px; } .kingster-lp-with-footer-subscription .kingster-footer-container{ padding-top: 95px; } .kingster-lp-single-course-info{ background: #fff; padding: 30px 10px; margin-top: -52px; z-index: 1; position: relative; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2); } .kingster-lp-single-course-info .kingster-left{ float: left; } .kingster-lp-single-course-info .kingster-lp-course-info-item{ margin-bottom: 0px; } .kingster-lp-single-course-info .kingster-lp-course-info-item .kingster-lp-course-info{ width: auto; display: inline-block; } .kingster-lp-single-course-info .kingster-right{ float: right; } .kingster-lp-single-course-info .kingster-lp-course-price-item{ margin-bottom: 0px; padding-bottom: 0px; } .kingster-lp-single-course-info .kingster-lp-course-price-item .course-price{ display: inline-block; margin-right: 14px; margin-bottom: 0px; } .kingster-lp-single-course-info .kingster-lp-course-price-item .course-price .price{ font-size: 27px; font-weight: 600; } .kingster-lp-single-course-info .kingster-lp-course-price-item .retake-course, .kingster-lp-single-course-info .kingster-lp-course-price-item .enroll-course, .kingster-lp-single-course-info .kingster-lp-course-price-item .purchase-course{ display: inline-block; } .kingster-lp-single-course-info .kingster-lp-course-price-item .course-price .price .kingster-currency-symbol{ font-size: 15px; } .lp-single-course{ margin-bottom: 50px; } .lp-single-course .learn-press-breadcrumb{ display: none; } .learn-press-course-results-progress .items-progress .lp-course-progress-heading, .learn-press-course-results-progress .course-progress .lp-course-progress-heading{ font-size: 24px; margin-bottom: 20px; } .learn-press-course-results-progress .items-progress .number, .learn-press-course-results-progress .course-progress .number{ font-size: 18px; } .learn-press-course-results-progress .items-progress .learn-press-progress, .learn-press-course-results-progress .course-progress .learn-press-progress{ margin-top: 9px; } .learn-press-course-results-progress .items-progress .lp-course-status .grade.passed, .learn-press-course-results-progress .course-progress .lp-course-status .grade.passed{ font-size: 14px; padding: 5px 10px; margin-left: 7px; } .learn-press-course-results-progress .items-progress .lp-progress-bar, .learn-press-course-results-progress .course-progress .lp-progress-bar{ height: 7px; } .lp-course-progress .lp-passing-conditional{ height: 7px; } .course-remaining-time{ font-size: 18px; font-weight: 500; } .course-remaining-time .lp-label.label-enrolled{ font-size: 12px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; padding: 5px 10px; border-radius: 2px; margin-right: 15px; } .course-learning-summary #learn-press-course-tabs{ padding-top: 30px; } ul.learn-press-nav-tabs .course-nav.active:after, ul.learn-press-nav-tabs .course-nav:hover:after{ display: none; } ul.learn-press-nav-tabs .course-nav a{ font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; padding: 0px 30px 15px; } .course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section{ margin-bottom: 30px; } .course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section-header .section-title{ font-size: 22px; font-weight: 600; color: #222222; font-size: 19px; } .course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section-header{ padding-bottom: 20px; } .course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section-content .course-item.course-item-lp_lesson .section-item-link:before{ display: none; } .course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section-content .course-item.course-item-lp_quiz .section-item-link:before{ display: none; } .course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section-content .course-item .item-name{ font-size: 18px; font-weight: 500; padding: 16px 0px 0px; } .course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section-content .course-item .item-name .kingster-head{ margin-right: 30px; font-weight: normal; display: inline; } .lp-single-course .course-author .author-name a{ color: #222; } .course-tab-panel-instructor .author-thumbnail{ float: left; line-height: 0; overflow: hidden; margin-right: 40px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .course-tab-panel-instructor .author-bio{ overflow: hidden; } .lp-single-course .course-author .author-name{ font-size: 22px; float: none; text-align: left; font-style: normal; font-weight: 600; margin-bottom: 20px; } .lp-single-course .course-author .author-description{ font-size: 18px; } .course-tab-panel-reviews{ max-width: 900px; } .course-tab-panel-reviews .course-rate-wrap{ margin-bottom: 40px; } .kingster-course-rating-summary{ float: left; margin-right: 40px; padding: 50px 55px; } .kingster-course-rating-summary .kingster-course-rating-summary-amount{ font-size: 46px; font-weight: 600; line-height: 1; margin-bottom: 11px; text-align: center; } .kingster-course-rating-summary .kingster-course-rating-summary-number { font-size: 17px; text-align: center; } .kingster-course-rating-summary .review-stars-rated{ margin-bottom: 5px; display: block; margin: 0px auto 10px; } .kingster-course-rating-content{ overflow: hidden; } .kingster-course-rating-content .course-rate{ margin-top: 12px; margin-bottom: 12px; } .kingster-course-rating-content .review-bar, .kingster-course-rating-content .review-bar .rating{ height: 7px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .kingster-course-rating-content .review-bar{ width: calc(100% - 200px); margin-right: 18px; } .kingster-course-rating-content .review-stars-rated{ vertical-align: middle; margin-top: -3px; margin-right: 8px; } .kingster-course-rating-content .review-stars-rated .review-stars.empty, .kingster-course-rating-content .review-stars-rated .review-stars.filled{ font-size: 15px; height: auto; line-height: 0; letter-spacing: 4px } .course-reviews-list li, .course-reviews-list-shortcode li{ border-color: #f3f3f3; } .course-reviews-list li, .course-reviews-list-shortcode li{ background: transparent; border-width: 2px; padding: 45px; } .course-reviews-list li .review-author, .course-reviews-list-shortcode li .review-author{ width: 150px; } .course-reviews-list li{ margin-bottom: 30px; } .course-reviews-list li .review-author-image{ line-height: 0; width: 88px; margin: 0px auto 25px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .course-reviews-list li .review-author h4{ font-size: 16px; margin: 0px 0px 14px; text-align: center; } .course-reviews-list li .review-stars-rated{ width: 100px; margin: 0px auto; display: block; } .course-reviews-list li .review-stars-rated .review-stars.empty, .course-reviews-list li .review-stars-rated .review-stars.filled{ font-size: 16px; letter-spacing: 5px; } .course-reviews-list li .review-text{ overflow: hidden; width: auto; float: none; } .course-reviews-list li .review-title{ font-size: 19px; font-style: normal; margin-bottom: 20px; } .course-reviews-list li .review-content { font-size: 18px; } .course-item-nav .kingster-nav{ display:inline-block; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: transparent; } .course-item-nav .kingster-nav-title{ display: block; font-size: 16px; margin-top: 6px; } .course-item-nav .prev .kingster-nav:before{ font-family: fontAwesome; content: "\f177"; display: inline-block; width: 0px; overflow: hidden; vertical-align: middle; transition: width 150ms; -webkit-transition: width 150ms; -moz-transition: width 150ms; } .course-item-nav .next .kingster-nav:after{ font-family: fontAwesome; content: "\f178"; display: inline-block; width: 0px; overflow: hidden; vertical-align: middle; transition: width 150ms; -webkit-transition: width 150ms; -moz-transition: width 150ms; } .course-item-nav .prev:hover .kingster-nav:before, .course-item-nav .next:hover .kingster-nav:after{ width: 25px; } .course-curriculum ul.curriculum-sections .section-content .course-item .item-name .kingster-head{ display: none; } .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .duration{ font-size: 18px; } .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .duration{ background: transparent; color: #a1a1a1; font-size: 18px; } .course-curriculum ul.curriculum-sections .section-content .course-item.item-preview .course-item-status{ background-color: #127bbe; padding: 1px 6px; height: auto; font-size: 12px; } .course-curriculum ul.curriculum-sections .section-content .course-item.item-preview .course-item-status:before{ font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; } .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .count-questions{ height: auto; padding: 1px 6px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; } body.course-item-popup #learn-press-content-item .content-item-wrap{ margin-top: 60px; padding: 0px 30px; } body.course-item-popup #learn-press-content-item .content-item-wrap.kingster-continue{ margin-top: 0px; margin-bottom: 60px; } body.course-item-popup #learn-press-content-item .course-item-title{ font-size: 25px; margin-bottom: 43px; } body.course-item-popup.wpadminbar .content-item-description{ margin-bottom: 50px; } body.course-item-popup #learn-press-course-curriculum .section-header{ padding-top: 36px; } body.course-item-popup .course-curriculum ul.curriculum-sections .section-header .section-title{ font-weight: 600; margin-bottom: 15px; padding-bottom: 0px; } body.course-item-popup #learn-press-course-curriculum .section-header .section-desc{ margin-bottom: 18px; margin-top: 12px; } body.course-item-popup .course-curriculum ul.curriculum-sections .section-content .course-item:before{ display: none; } body.course-item-popup .course-curriculum ul.curriculum-sections .section-content .course-item .item-name { font-weight: 500; font-size: 16px; } .course-curriculum ul.curriculum-sections .section-content .course-item.course-item-lp_lesson .section-item-link:before{ content: "\e04c"; font-family: "simple-line-icons"; } .course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status:before{ content: "\e08e"; font-weight: normal; font-family: "simple-line-icons"; } .course-curriculum ul.curriculum-sections .section-content .course-item.course-item-lp_quiz .section-item-link:before{ content: "\e081"; font-family: "simple-line-icons"; } .course-curriculum ul.curriculum-sections .section-content .course-item.has-status.status-completed .course-item-status:before, .course-curriculum ul.curriculum-sections .section-content .course-item.has-status.status-started .course-item-status:before{ content: "\4e"; font-family: "ElegantIcons"; } .course-curriculum ul.curriculum-sections .section-content .course-item.has-status.status-completed.failed .course-item-status:before{ content: "\e082"; font-family: "simple-line-icons"; } #course-item-content-header .course-item-search{ background: #f5f5f5; } #course-item-content-header .course-item-search input{ color: #748494; } #course-item-content-header .course-item-search input::placeholder{ color: #748494; opacity: 1; } #course-item-content-header .course-item-search input:-ms-input-placeholder{ color: #748494; } #course-item-content-header .course-item-search input::-ms-input-placeholder{ color: #748494; } #course-item-content-header .course-title a{ color: #222; } body.kingster-body #course-item-content-header, body.kingster-body.course-item-popup.wpadminbar #course-item-content-header{ background: #f8faff; } #course-item-content-header{ height: 50px; } #course-item-content-header .course-item-search{ padding: 10px 15px; border-right-width: 1px; border-right-style: solid; } #course-item-content-header .course-item-search input{ font-style: normal; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; } #course-item-content-header .course-item-search button:after{ content: "\e090"; font-family: "simple-line-icons"; } #course-item-content-header .course-item-search.has-keyword button:after{ content: "\e090"; } body.kingster-body #course-item-content-header .course-title{ height: 50px; line-height: 50px; font-size: 16px; font-weight: 500; } body.kingster-body #course-item-content-header, body.kingster-body.course-item-popup.wpadminbar #course-item-content-header{ border-bottom: 0px; } #course-item-content-header .form-button.lp-button-back button{ line-height: 1; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; padding: 10px 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #course-item-content-header{ height: 50px; line-height: 50px; } body.kingster-body.course-item-popup #learn-press-course-curriculum, body.kingster-body.course-item-popup #learn-press-content-item{ top: 50px; } body.kingster-body.course-item-popup.wpadminbar #learn-press-course-curriculum, body.kingster-body.course-item-popup.wpadminbar #learn-press-content-item{ top: 82px; box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1); } .content-item-wrap.kingster-continue form{ margin-bottom: 50px; } .quiz-intro{ font-size: 18px; min-width: 430px; } .quiz-intro li label{ padding-bottom: 14px; } .quiz-progress{ padding: 22px 0px; margin-bottom: 55px; } .quiz-progress .progress-items .progress-item .progress-number{ font-size: 25px; font-weight: bold; margin-bottom: 18px; } .quiz-progress .progress-items .progress-item .progress-label{ font-size: 18px; font-weight: 500; } body.course-item-popup #learn-press-content-item .content-question-summary .question-title{ font-size: 19px; margin-bottom: 22px; } .answer-options{ margin-bottom: 46px; } .answer-options .answer-option{ padding: 16px; margin-bottom: 10px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .answer-options .answer-option .option-title:before{ display: none; } .answer-options .answer-option .option-title .option-title-content{ transition: color 200ms; -webkit-transition: color 200ms; -moz-transition: color 200ms; } .answer-options .answer-option input[type="checkbox"]{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .answer-options .answer-option input[type="checkbox"]:checked ~ .option-title:before{ display: none; } .answer-options .answer-option input[type="checkbox"]{ width: 26px; height: 26px; margin: 4px 20px 0px 4px; min-width: 26px; } .answer-options .answer-option input[type="checkbox"]:after{ width: 5px; height: 13px; margin-top: -9px; } .answer-options .answer-option input[type="radio"]:checked ~ .option-title:before{ display: none; } .answer-options .answer-option input[type="radio"]:after{ width: 5px; height: 13px; margin-top: -9px; left: 12px; } .quiz-result{ margin-bottom: 50px; } .quiz-result .result-statistic{ font-size: 18px; } .quiz-result .result-statistic .result-statistic-field{ margin-bottom: 8px; } .quiz-result .result-statistic .result-statistic-field label{ font-weight: 600; } .quiz-result .result-grade{ width: 275px; margin: 35px auto 42px; background: #f8f8f8; padding: 25px 0px 22px; } .quiz-result .result-grade .result-achieved{ border: 0px; font-weight: 600; font-size: 43px; } .quiz-result .result-grade .result-achieved:after{ content: " "; display: block; width: 26px; border-bottom-width: 3px; border-bottom-style: solid; margin: 4px auto 10px; } .quiz-result .result-grade .result-require{ font-size: 22px; font-weight: 500; } .quiz-result .result-grade .result-message{ font-size: 17px; margin-top: 11px; } .learn-press-message{ padding: 20px 24px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .learn-press-message.error:before{ width: 3px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } #popup_container #popup_content{ padding: 0px; } body.confirm #popup_container{ padding: 40px 50px !important; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } body.confirm #popup_container #popup_content{ padding: 30px 40px; text-align: center; } body.confirm #popup_container .close{ font-size: 18px; top: 13px; right: 18px; } body.confirm #popup_container #popup_content #popup_message{ font-size: 18px; font-weight: 600; padding: 0px; margin: 0px; background: transparent; } body.confirm #popup_container #popup_panel input[type="button"]{ padding: 8px 35px; height: auto; } .review-stars > li span{ font-size: 17px; } .review-stars > li{ width: auto; height: auto; margin-right: 4px; } .review-form{ padding: 45px 50px; } .review-form form h3{ font-size: 26px; } .review-form h3 .close{ margin: 0px; position: absolute; top: 13px; right: 18px; } .review-form h3 .close::before{ content: "\f00d"; font-family: fontAwesome; font-size: 18px; } .review-form button.close{ margin: 0; } .review-form .review-fields > li > label{ font-size: 18px; font-weight: 500; } .review-form .review-fields > li input[type="text"]{ font-size: 16px; padding: 12px 22px 16px; } .review-form .review-fields > li textarea{ font-size: 16px; padding: 16px 22px 20px; } #learn-press-user-profile{ margin-bottom: 40px; } #learn-press-user-profile .learn-press-form-login, #learn-press-user-profile .learn-press-form-register{ position: relative; width: 50%; float: left; border: 0px; padding: 40px; } #learn-press-user-profile .learn-press-form-login:before{ content: " "; position: absolute; top: 0px; right: 20px; bottom: 0px; left: 0px; pointer-events: none; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); } #learn-press-user-profile .learn-press-form-register:before{ content: " "; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 20px; pointer-events: none; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1) } #learn-press-user-profile .learn-press-form-login{ padding-right: 60px; } #learn-press-user-profile .learn-press-form-login h3{ font-size: 26px; } #learn-press-user-profile .learn-press-form-login button{ margin-top: 15px; } #learn-press-user-profile .learn-press-form-login a{ border-bottom-width: 1px; border-bottom-style: solid; } #learn-press-user-profile .learn-press-form-register{ padding-left: 60px; } #learn-press-user-profile .learn-press-form-register h3{ font-size: 26px; } #learn-press-user-profile .learn-press-form-register button{ margin-top: 15px; } #learn-press-user-profile .learn-press-form-register .description{ margin-top: 22px; } #learn-press-profile-header{ height: auto; background: transparent; margin-bottom: 60px; } #learn-press-profile-header .lp-profile-cover:after{ content: " "; display: block; clear: both; width: 0px; height: 0px; } #learn-press-profile-header .lp-profile-avatar{ position: static; float: left; line-height: 0; overflow: hidden; margin-right: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } #learn-press-profile-header .kingster-learn-press-profile-cover-content{ overflow: hidden; padding-top: 18px; } #learn-press-profile-header .profile-name{ position: static; font-size: 22px; text-align: left; font-weight: 600; } #learn-press-profile-header .profile-email{ font-size: 18px; } #learn-press-profile-nav{ min-width: 250px; background: transparent; padding-top: 0px; } #learn-press-profile-nav:before{ display: none; } #learn-press-profile-nav .tabs > li{ margin-bottom: 3px; } #learn-press-profile-nav .tabs > li a{ padding: 12px 20px; } #learn-press-profile-nav .tabs > li a i{ margin-right: 12px; } #learn-press-profile-nav .tabs > li.active ul{ display: none; } #learn-press-profile-nav .tabs > li:hover:not(.active) ul{ display: none; } #learn-press-profile-content{ width: auto; float: none; padding-left: 60px; margin-top: 0px; } .kingster-learn-press-profile-nav-logout{ display: block; padding: 12px 20px; font-style: italic; } .kingster-learn-press-profile-nav-logout i{ margin-right: 12px; } .lp-tab-sections{ background: transparent; margin-bottom: 45px; } .lp-tab-sections .section-tab.active span{ border-bottom-width: 3px; } .lp-tab-sections .section-tab a, .lp-tab-sections .section-tab span{ font-size: 18px; font-weight: 600; padding-left: 0px; padding-right: 0px; margin-right: 30px; } .learn-press-form .form-fields .form-field label{ font-size: 18px; font-weight: 500; margin-bottom: 16px; } .learn-press-form .form-fields .form-field .description{ font-size: 16px; font-weight: 300; } .learn-press-form .form-fields .form-field{ margin-bottom: 32px; } .learn-press-form .form-fields .form-field input[type="text"], .learn-press-form .form-fields .form-field input[type="email"], .learn-press-form .form-fields .form-field input[type="number"], .learn-press-form .form-fields .form-field input[type="password"]{ font-size: 16px; padding: 12px 22px 16px; } .learn-press-form .form-fields .form-field textarea{ font-size: 16px; padding: 16px 22px 20px; } .learn-press-form .form-fields .form-field select{ font-size: 16px; padding: 12px 22px 16px; min-width: 220px; } .learn-press-form .form-fields .form-field select:focus{ outline: none; } .learn-press-form .form-fields .form-field .kingster-lp-combobox{ display: inline-block; padding-right: 10px; border-width: 1px; border-style: solid; } .learn-press-form .form-fields .form-field .kingster-lp-combobox select{ padding: 11px 22px 15px; border: none; } form[name="profile-avatar"] p{ margin-bottom: 8px; } form[name="profile-avatar"] .lp-avatar-preview .profile-picture{ margin: 0px; } form[name="profile-avatar"] .lp-avatar-preview{ line-height: 1; margin-bottom: 8px; } form[name="profile-avatar"] button#lp-upload-photo{ width: 200px; padding: 12px 25px; } form[name="profile-publicity"] input[type="checkbox"]{ float: left; margin-right: 12px; margin-top: 5px; } form[name="profile-publicity"] .form-fields .form-field .description { font-weight: 400; font-style: normal; } .learn-press-subtab-content .profile-heading{ font-size: 24px; margin-bottom: 30px; } .learn-press-subtab-content .lp-sub-menu{ font-size: 18px; font-weight: 500; line-height: 1.5; margin-bottom: 38px; } .learn-press-subtab-content .lp-sub-menu span{ border-bottom-width: 3px; border-style: solid; } .lp-label{ border-radius: 0px; padding: 7px 8px; } .lp-list-table{ border-spacing: 1px; } .lp-list-table th{ padding: 22px; font-weight: 500; font-size: 18px; } .lp-list-table td{ font-weight: 500; padding: 28px 20px 0px 0px; } .lp-list-table tr:last-child td{ padding-bottom: 22px; } .lp-list-table tbody tr td{ font-size: 17px; border: 0px; } .lp-list-table tfoot tr td, .lp-list-table tfoot tr th{ font-size: 17px; } .lp-list-table .list-table-nav td{ font-size: 17px; font-weight: 400; padding-bottom: 22px; padding-top: 20px; border-top-width: 1px; border-style: solid; } .profile-list-table .result-percent{ font-size: 17px; font-weight: 500; } .profile-recover-order{ border: 0px; padding: 20px 0px 0px; font-size: 19px; } .profile-recover-order:after{ content: " "; display: block; clear: both; width: 0px; height: 0px; } .profile-recover-order .order-recover{ margin-top: 20px; } .profile-recover-order .order-recover input[name="order-key"]{ line-height: 1.7; padding: 13px 19px; font-size: 16px; background: #f7f7f7; border: 0px; float: left; } div#profile-content-order-details strong{ margin-right: 5px; } #profile-content-orders h3, #profile-content-order-details h3{ font-size: 24px; margin-bottom: 30px; } .lp-list-table.order-table-details{ padding-bottom: 15px; margin-bottom: 34px; border-bottom-width: 1px; border-bottom-style: solid; } .lp-list-table.order-table-details td{ font-weight: 400; } .lp-list-table.order-table-details tfoot tr td, .lp-list-table.order-table-details tfoot tr th{ font-weight: 400; padding: 0px 0px 20px 0px; border-bottom: 0px; } .lp-list-table.order-table-details tfoot tr:last-child th{ font-weight: 600; } #learn-press-profile-tab-course-wishlist ul.learn-press-courses .course{ width: 33.33%; margin: 0px; padding: 0px 15px; } #learn-press-profile-tab-course-wishlist ul.learn-press-courses{ margin: 0px -15px; } #profile-content-courses .profile-courses-list{ margin: 0px -15px; } #profile-content-courses .kingster-profile-owned-course-list{ padding: 0px 15px; } form.kingster-lp-menu-search{ position: relative; float: left; margin-left: 30px; } form.kingster-lp-menu-search:after{ content: "\e090"; position: absolute; right: 14px; top: 2px; font-family: simple-line-icons; line-height: 50px; pointer-events: none; } form.kingster-lp-menu-search input[type="text"]{ font-size: 16px; border: none; height: 50px; line-height: 20px; padding: 15px 40px 15px 20px; width: 300px; } form.kingster-lp-menu-search input[type="submit"]{ position: absolute; right: 0px; top: 0px; width: 40px; height: 50px; padding: 0px; color: transparent; background: transparent; } .kingster-lp-top-bar-user-button{ color: #fff; } .kingster-lp-top-bar-user .kingster-lp-top-bar-nav-content a, .kingster-lp-top-bar-user .kingster-lp-top-bar-nav-content a:hover{ color: #1c2a44; } .kingster-lp-top-bar-user{ display: inline-block; padding-left: 25px; position: relative; } .kingster-lp-top-bar-user .kingster-lp-top-bar-user-button{ font-family: FontAwesome; font-size: 14px; width: 32px; text-align: center; line-height: 32px; cursor: pointer; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .kingster-lp-top-bar-user .kingster-lp-top-bar-nav{ position: absolute; right: 0px; width: 180px; z-index: 99; padding-top: 8px; opacity: 0; pointer-events: none; transition: opacity 200ms; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } .kingster-lp-top-bar-user .kingster-lp-top-bar-nav-content{ background: #fff; padding: 22px 25px 14px; } .kingster-lp-top-bar-user .kingster-lp-top-bar-nav-content a{ display: block; margin-bottom: 10px; } .kingster-lp-top-bar-user .kingster-lp-top-bar-nav-content a:first-child{ margin-top: 8px; } .kingster-lp-top-bar-user .kingster-lp-top-bar-nav-content a i{ margin-right: 12px; } .kingster-lp-top-bar-user:hover .kingster-lp-top-bar-nav{ opacity: 1; pointer-events: auto; } .kingster-lp-top-bar-user a.kingster-lp-page-dashboard, .kingster-lp-top-bar-user a.kingster-lp-page-quizzes, .kingster-lp-top-bar-user a.kingster-lp-page-orders, .kingster-lp-top-bar-user a.kingster-lp-page-order-details{ display: none; } body .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .duration{ font-size: 14px; padding: 0 0px; } body.viewing-course-item .course-curriculum ul.curriculum-sections .section-header .section-meta{ display: block; white-space: nowrap; padding-left: 0px; text-align: left; margin-bottom: 20px; } body.viewing-course-item .course-curriculum ul.curriculum-sections .section-header .section-title{ margin-bottom: 10px; } .content-item-scrollable .gdlr-core-page-builder-body { margin-bottom: 0px; } #learn-press-content-item .content-item-wrap #comments { margin-top: 60px; } .question-fill-in-blank .question-passage, .question-type-fill_in_blank .question-passage { margin-bottom: 40px; } #content-item-quiz input.answer-options{ margin-bottom: 0; } .question-numbers{ margin-top: 45px; } body .question-numbers li a{ padding: 20px; border: 0; min-width: 12px; min-height: 12px; border-radius: 27px; } body .question-numbers li a:hover{ border: 0; } body .course-curriculum ul.curriculum-sections .section-header .section-meta{ display: table-cell !important; white-space: nowrap !important; padding-left: 20px !important; text-align: right !important; font-size: 14px; vertical-align: middle; } body.viewing-course-item .course-curriculum ul.curriculum-sections .section-header .section-meta{ display: block !important; white-space: nowrap !important; padding-left: 0px !important; text-align: left !important; margin-bottom: 20px; } body.viewing-course-item .course-curriculum ul.curriculum-sections .section-header .section-title{ margin-bottom: 5px !important; } body.course-item-popup #learn-press-course-curriculum .section-header{ padding-top: 15px !important; } body .course-curriculum ul.curriculum-sections{ padding-top: 25px; } body .course-curriculum ul.curriculum-sections .section-content .course-item .item-icon, body .course-curriculum ul.curriculum-sections .section-content .course-item .item-name{ padding: 16px 10px; } body .course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link:before{ padding: 7px 0px 20px ; } body .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .count-questions{ background: #ffe7df; color: #e67550; } body .course-curriculum ul.curriculum-sections .section-content .course-item.has-status.item-failed .course-item-status, body .course-curriculum ul.curriculum-sections .section-content .course-item.has-status.failed .course-item-status{ color: #ffb4b4; } body #course-item-content-header .course-item-search input{ font-weight: 400; } body #course-item-content-header .course-item-search{ padding: 10px 20px; } body #course-item-content-header .course-title { padding: 0 25px; letter-spacing: 0.5px; } body #course-item-content-header .toggle-content-item:before{ font: 17px/50px fontawesome; } body #course-item-content-header .toggle-content-item{ width: 55px; height: 50px; } body.full-screen-content-item #course-item-content-header .toggle-content-item:before{ font: 19px/50px fontawesome; } body .course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status:before{ color: #111111; } body .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .count-questions{ font-size: 11px; } body .learn-press-progress .progress-bg { height: 6px; top: -1px; } body .kingster-lp-course-social-share .kingster-head{ font-size: 15px; letter-spacing: 1px; } body .kingster-lp-course-social-share .gdlr-core-social-share-wrap a{ line-height: 48px; width: 50px; font-size: 17px; } body .kingster-lp-course-social-share .kingster-head{ margin-top: 13px; } body .kingster-lp-course-social-share .gdlr-core-social-share-item.gdlr-core-item-pdb.gdlr-core-left-align.gdlr-core-social-share-left-text.gdlr-core-item-mglr.gdlr-core-style-plain.gdlr-core-no-counter{ margin-bottom: 35px; } body form[name="search-course"]{ margin-bottom: 60px; } body form[name="search-course"] .search-course-input{ width: 100%; padding: 18px 20px; } body form[name="search-course"] .search-course-button{ right: -3px; padding: 13px 30px 16px; } body .learn-press-pagination .page-numbers > li a, body .learn-press-pagination .page-numbers > li span{ display: block; padding: 15px 20px; } body .learn-press-course-results-progress{ margin-bottom: 30px; } body .kingster-learn-press-nav-tabs-wrap{ margin-bottom: 25px; } body #learn-press-course-tabs{ margin-bottom: 60px; } body.course-item-popup #learn-press-course-curriculum .section-header{ padding-top: 0px !important; } body.viewing-course-item .course-curriculum ul.curriculum-sections .section-header .section-title{ padding-top: 1px; } body.course-item-popup #learn-press-course-curriculum .section-header{ padding-top: 20px !important; } body .course-curriculum ul.curriculum-sections{ padding-top: 15px; } .kingster-lp-course-price-item .course-price .price .kingster-currency-symbol{ font-size: 40px; } .kingster-lp-course-price-item .course-price .price{ font-size: 70px; } .kingster-lp-course-price-item .course-price .price{ font-size: 69px; } .course-curriculum ul.curriculum-sections .section-header .section-left{ padding-bottom: 0px; } .viewing-course-item .course-curriculum ul.curriculum-sections .section-header .section-left{ padding-bottom: 20px; } body .lp-single-course .course-price .price{ margin-bottom: 20; font-weight: 600; } body .lp-single-course .course-price{ margin-bottom: 25px; } h3.kingster-lp-course-related-title{ font-size: 29px; } body .kingster-lp-course-grid .kingster-lp-course-info-wrap{ margin-bottom: 13px; } @media screen and (max-width: 1300px) { body.course-item-popup .course-curriculum ul.curriculum-sections .section-content .course-item .item-name{ display: block; overflow: hidden; padding-bottom: 8px; } body.course-item-popup .course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link:before{ display: block; float: left; padding-bottom: 5px; } body.course-item-popup .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta{ display: block; padding: 0px 0px 10px; text-align: left; margin-left: -5px; } } @media screen and (max-width: 1200px) { body.course-item-popup #learn-press-content-item .content-item-wrap { width: auto; } } @media screen and (max-width: 782px){ body.course-item-popup.wpadminbar #course-item-content-header{ top: 46px; } body.kingster-body.course-item-popup.wpadminbar #learn-press-course-curriculum, body.kingster-body.course-item-popup.wpadminbar #learn-press-content-item{ top: 96px; } } @media screen and (max-width: 768px) { div#learn-press-content-item{ width: 100%; } body.course-item-popup #course-item-content-header .course-item-search{ width: 300px; } body.course-item-popup #course-item-content-header .course-item-search input{ width: 100%; } body.course-item-popup #course-item-content-header .course-item-search button{ left: 300px; } body.course-item-popup #learn-press-course-curriculum{ width: 300px; } body.course-item-popup #content-item-nav, body.course-item-popup #learn-press-content-item, body.course-item-popup #course-item-content-footer{ left: 300px; } body #course-item-content-header .toggle-content-item{ position: absolute; top: 65px; border-left: none; width: 42px; height: 42px; -webkit-animation: delayLeft 500ms forwards; -moz-animation: delayLeft 500ms forwards; animation: delayLeft 500ms forwards; } body #course-item-content-header .toggle-content-item:before{ font-size: 15px; line-height: 42px; display: block; } body.full-screen-content-item #course-item-content-header .toggle-content-item{ left: 0px; -webkit-animation: none; -moz-animation: none; animation: none; } body.full-screen-content-item #course-item-content-header .toggle-content-item:before{ font-size: 17px; line-height: 42px; } #course-item-content-header .form-button.lp-button-back{ opacity: 0; transition: opacity 300ms; pointer-events: none; } body.full-screen-content-item #course-item-content-header .form-button.lp-button-back{ opacity: 1; pointer-events: auto; } .kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item{ margin-left: 0px; } } @media screen and (max-width: 767px){ #learn-press-user-profile .learn-press-form-login{ float: none; width: auto; padding-right: 40px; } #learn-press-user-profile .learn-press-form-login:before{ right: 0px; } #learn-press-user-profile .learn-press-form-register{ float: none; width: auto; padding-left: 40px;} #learn-press-user-profile .learn-press-form-register:before{ left: 0px; } .kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item{ margin-top: 30px; padding: 0px; } .kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-email{ width: 100%; } .kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-email input[type="email"]{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-submit{ width: 100%; margin: 0px; } .kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-submit input[type="submit"]{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .kingster-lp-course-social-share .gdlr-core-social-share-left-text{ text-align: left; } .kingster-course-rating-summary { float: none; margin: 0px 0px 30px; } .course-tab-panel-instructor .author-thumbnail{ float: none; margin: 0px 0px 30px; text-align: center; } } @keyframes delayLeft{ 0% { left: 0px; } 80% { left: 0px; } 100% { left: 300px; } } @-webkit-keyframes delayLeft{ 0% { left: 0px; } 80% { left: 0px; } 100% { left: 300px; } } @-moz-keyframes delayLeft{ 0% { left: 0px; } 80% { left: 0px; } 100% { left: 300px; } } @keyframes delayLeft2{ 0% { left: 0px; } 80% { left: 0px; } 100% { left: 200px; } } @-webkit-keyframes delayLeft2{ 0% { left: 0px; } 80% { left: 0px; } 100% { left: 200px; } } @-moz-keyframes delayLeft2{ 0% { left: 0px; } 80% { left: 0px; } 100% { left: 200px; } } @media screen and (max-width: 768px) { body.full-screen-content-item #course-item-content-header .toggle-content-item{} } ul.learn-press-nav-tabs{ display: flex; max-height: none; background: transparent; border-width: 0px 0px 1px; border-style: solid; } ul.learn-press-nav-tabs .course-nav.active::before{ display: none; } ul.learn-press-nav-tabs .course-nav{ border: none; } #learn-press-course-tabs .course-nav label{ font-size: 15px; text-transform: uppercase; letter-spacing: .5px; font-weight: 500; padding: 0 30px 15px; } .review-stars-rated{ line-height: 1; } .kingster-lp-course-info-item .review-stars-rated{ margin-top: 5px; margin-bottom: 5px; } .kingster-course-rating-content .review-bar{ margin-top: 10px; } .kingster-course-rating-content .review-stars-rated{ margin-bottom: 0px; margin-top: 5px; } .kingster-course-rating-content .course-rate{ overflow: visible; } .course-reviews-list .review-stars-rated .review-star{ display: inline; margin: 0px } #learn-press-course-tabs .course-tab-panels .course-tab-panel.course-tab-panel-reviews, #learn-press-course-tabs .course-tab-panels .course-tab-panel.course-tab-panel-instructor, #learn-press-course-tabs .course-tab-panels .course-tab-panel.course-tab-panel-faqs{ padding-top: 0px; } #learn-press-course-tabs .course-tab-panels .course-tab-panel{ padding-top: 20px; } .single-lp_course{ margin-bottom: 0px; } .single-lp_course .learn-press-breadcrumb{ display: none; } .single-lp_course .course-author .author-name{ font-size: 22px; float: none; text-align: left; font-style: normal; font-weight: 600; margin-bottom: 20px; } .single-lp_course .course-author .author-description{ font-size: 18px; } .single-lp_course .course-author .author-name a{ color: #222; } .kingster-lp-course-price-item{ text-align: center; } #learn-press-course-tabs .course-curriculum .section-header .section-left{ display: block; } #learn-press-course-tabs .course-curriculum .section-header .section-left .section-toggle{ display: none; } #learn-press-course-tabs #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-header .section-meta{ display: none !important; } #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item{ background: transparent; border-bottom-width: 1px; border-bottom-style: solid; padding-left: 0px; padding-right: 0px; display: block; } #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link::before{ display: none; } #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .item-name{ padding-left: 0px; } #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link{ width: 100%; } #popup-course #popup-sidebar .course-curriculum .section .section-header{ height: auto; } #popup-course #popup-sidebar .course-curriculum .section .section-header .section-meta{ display: none !important; } #popup-course #popup-sidebar .course-curriculum .section .section-header .section-left .section-title{ padding: 4px 0px; margin-bottom: 0px !important; font-size: 18px; } #popup-course #popup-sidebar .course-curriculum .section .section-header .section-left{ padding-bottom: 0; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link{ height: auto; line-height: 1.7; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .item-name{ font-weight: 500; font-size: 16px; padding: 16px 0px 0px; line-height: 1.3; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta{ padding-top: 0px; padding-bottom: 16px; margin-left: -14px; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta:first-child{ margin-left: 14px; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item{ background: transparent; height: auto; margin-bottom: 0; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link:before{ display: table-cell; content: "\e04c"; font-family: "simple-line-icons"; padding-right: 10px; vertical-align: top; margin-right: 10px; padding-bottom: 0px; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta{ text-transform: none; vertical-align: baseline; } #popup-course #popup-content #learn-press-content-item .content-item-wrap{ width: 900px; margin-top: 60px; padding: 0; } #popup-course #popup-footer .course-item-nav a.kingster-nav-title{ display: none; } #popup-course #popup-footer .course-item-nav .prev::before { display: none; } #popup-course #popup-footer .course-item-nav .next::before { display: none; } #popup-course #popup-footer{ padding: 0px 15px; max-width: calc(100% - 475px); } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta:first-child{ height: auto; padding: 0px; display: inline; } @media screen and (max-width: 1280px){ #popup-course #popup-footer{ max-width: calc(100% - 300px); } } @media screen and (max-width: 900px){ #popup-course #popup-footer{ max-width: calc(100% - 40px); } } .learn-press-breadcrumb{ max-width: 1360px; width: auto; padding: 60px 40px 0px; margin-bottom: 20px; } .learn-press-breadcrumb { font-size: 16px; font-weight:normal; } .learn-press-breadcrumb li a{ color:inherit; font-weight: normal; } .learn-press-breadcrumb li.breadcrumb-delimiter i{ display: none; } .learn-press-breadcrumb li.breadcrumb-delimiter:before{ content: "/"; margin: 0px 5px; } .lp-courses-bar{ display: block; float: none; width: 100%; padding: 0px 20px; } .lp-courses-bar .search-courses { width: 100%; } .lp-courses-bar .search-courses input[type="text"] { border-radius: 0; height: auto; padding: 16px 25px; border-bottom-width: 2px; } .archive .kingster-lp-content-area{ padding-top: 0px; padding-bottom: 30px; } .archive .switch-layout{ display: none; } @media (max-width: 767px) { .archive .lp-courses-bar .search-courses{ margin-left: 20px; } } .learn-press-message.error:before{ display: none; } .kingster-lp-course-price-item button.lp-button{ font-size: 13px; font-weight: 600; text-transform: uppercase; border:none; } .kingster-lp-course-price-item button.lp-button, .kingster-lp-course-price-item button.lp-button:hover{ color: #fff; } .kingster-lp-course-wishlist i{ font-family: "fontAwesome"; } div#learn-press-checkout{ padding-top: 60px; padding-bottom: 30px; } div#checkout-account-login label{ margin-bottom: 5px; display: block; } div#checkout-account-guest input[type="text"], div#checkout-account-login input[type="text"], div#checkout-account-login input[type="password"]{ width: 100%; border-width: 1px; font-size: 13px; padding: 13px 15px; } div#checkout-account-login input[type="checkbox"]{ vertical-align: baseline; } .learn-press-checkout-comment textarea{ border-width: 1px; font-size: 13px; padding: 13px 15px; } #checkout-order .lp-checkout-order__inner .course-thumbnail{ padding: 0; line-height: 0; } #checkout-order .lp-checkout-order__inner .course-name{ vertical-align: middle; padding: 0px 20px; } #checkout-order .lp-checkout-order__inner{ padding: 0px; border: none; border-radius: 0px; } #checkout-order .lp-checkout-order__inner table{ border-collapse: collapse; } body #checkout-order .lp-checkout-order__inner .col-number{ padding: 0 20px; vertical-align: middle; } #checkout-order .lp-checkout-order__inner tfoot .order-total th{ padding: 18px 20px; } #checkout-order .lp-checkout-order__inner .order-total .col-number{ font-size: 22px; } #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status::before{ content: "\e08e"; font-weight: normal; font-family: "simple-line-icons"; } #popup-course #popup-header{ background: #f8faff; border-bottom: 0px; } #popup-course #popup-header .popup-header__inner .course-title a, #popup-course #popup-header .popup-header__inner .course-title a:hover{ color: #222; font-weight: 600; } #popup-course #popup-header .popup-header__inner{ width: auto; margin: 0px 25px; } #popup-course #popup-header .popup-header__inner .course-title{ line-height: 50px; } #popup-course #popup-sidebar .search-course input[name="s"]{ font-size: 16px; font-style: normal; } #popup-course #popup-sidebar .search-course{ height: 50px; } #popup-course #popup-sidebar .search-course button{ height: 50px; font-size: 15px; } #popup-course #popup-sidebar .search-course button:before{ content: "\e090"; font-family: "simple-line-icons"; } #popup-course #popup-sidebar .search-course{ background: #f5f5f5; } #popup-course #popup-sidebar{ border-right: 1px solid #e7e7e7; box-shadow: none; } .course-item-popup .kingster-mobile-header-wrap{ display: none; } #popup-course #sidebar-toggle{ position: fixed; top: auto; right: 0px; left: auto; z-index: 101; height: 50px; box-shadow: none; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 1px solid #DDD; background: transparent; width: 50px; } #popup-course #sidebar-toggle:focus{ border-left: 1px solid #ddd; } #popup-course #sidebar-toggle:before{ font: 17px/50px fontawesome; content: "\f065"; } #popup-course #sidebar-toggle:checked{ left: auto; } #popup-course #sidebar-toggle:checked:before{ content: "\f066"; } .kingster-lp-course-info{ position: relative; } @media only screen and (max-width: 1400px){ .kingster-lp-course-info.gdlr-core-column-15{ width: 50%; margin-bottom: 15px; } .kingster-lp-course-info.gdlr-core-column-15:nth-child(2n + 1){ clear: left; } .kingster-lp-course-info.gdlr-core-column-15:nth-child(2n + 1) .kingster-lp-course-info-divider{ display: none; } } @media only screen and (max-width: 1300px){ body .kingster-lp-course-price-item .course-price .price{ font-size: 60px; } } @media only screen and (max-width: 1150px){ .kingster-lp-course-price-item button.lp-button{ min-width: 0px; white-space: nowrap; } body .kingster-lp-course-price-item .course-price .price{ font-size: 42px; } } @media only screen and (max-width: 767px){ .kingster-lp-course-info-item .kingster-lp-course-info-content{ padding-left: 0px; padding-right: 0px; } .kingster-lp-course-info-item .kingster-lp-course-info-item-inner{ margin-left: 0px; margin-right: 0px; } } .kingster-top-bar-right-social i { font-family: 'FontAwesome'; } .kingster-top-bar-right-social i.fa5b{ font-family: "Font Awesome 5 Brands"; } .kingster-top-bar-right-social i.fa5s { font-family: "Font Awesome 5 Free"; } .kingster-top-bar-right-social i.fa6b { font-family: 'Font Awesome 6 Brands'; } body #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item.item-preview .course-item-preview, body #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .count-questions{ font-size: 11px; text-transform: uppercase; } body #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .duration{ padding: 0px; } #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .item-meta{ margin-left: 10px; color: #2f2f2f; width: 23px; height: 23px; margin-top: 0px; padding-top: 3px; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .item-name{ display: table-cell; vertical-align: middle; padding: 10px 0px 0px; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta{ display: table-cell; vertical-align: middle; padding: 0px; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta:first-child { position: static; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta.course-item-status::before { font-size: 17px; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta { font-size: 14px; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta.course-item-preview:before{ padding: 1px 6px; font-size: 12px; text-transform: uppercase; border-radius: 3px; color: #fff; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta.count-questions{ padding: 1px 6px; font-size: 12px; text-transform: uppercase; height: auto; } .review-stars-rated .review-stars.empty:before{ color: #989898; } #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-header .section-desc{ margin-top: 8px; } #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-header .section-desc{ margin-top: 8px; } #popup-course #popup-content{ margin-top: 50px; margin-bottom: 0px; } .course-item-nav .prev, .course-item-nav .next{ flex: 1; } .content-item-wrap.kingster-continue{ max-width: 900px; margin: 0px auto 60px; padding: 0 30px; } body.checkout .learn-press-breadcrumb{ display: none; } body #checkout-order .lp-checkout-order__inner .course-thumbnail > img { width: 0; display: none;} body #checkout-order .lp-checkout-order__inner .course-thumbnail { width: 0px;} body #checkout-order .lp-checkout-order__inner .course-name { padding: 15px 20px;} body #checkout-order .lp-checkout-order__inner tfoot .cart-subtotal > th { padding: 20px 20px 17px 20px; color: #444;} body #learn-press-checkout .payment-methods .lp-payment-method{ margin-bottom: 10px; } body .learn-press-checkout-comment textarea { font-size: 16px; padding: 13px 15px; color: #555555;} body .lp-terms-and-conditions { font-weight: 400;} body .learn-press-message.error { margin-bottom: 60px;} body div#checkout-account-guest input[type="text"], body div#checkout-account-login input[type="text"], body div#checkout-account-login input[type="password"] { font-size: 16px; } body #checkout-payment #checkout-order-action button{ border: none; border-radius: 0px; } #checkout-payment .payment-methods .lp-payment-method .gateway-input{ width: 14px; height: 14px; } body #learn-press-checkout .payment-methods .lp-payment-method label{ background: #f5f5f5; } body #learn-press-checkout .payment-methods .lp-payment-method.selected label{ background: #e7f7ff; } #learn-press-checkout .payment-methods .payment-method-form{ background: transparent; padding: 15px 0px; border-top: none; } body #learn-press-profile #profile-sidebar { border: 0px; } body #learn-press-profile .wrapper-profile-header { color: #2D2D2D; background: transparent;} body #learn-press-profile .wrapper-profile-header .lp-profile-right .lp-profile-username { font-size: 28px;} body #learn-press-profile .wrapper-profile-header .lp-profile-content-area { min-height: 208px; padding-top: 10px;} body #learn-press-profile #profile-content { padding-top: 0;} body #learn-press-profile .dashboard-general-statistic__row .statistic-box { border: 0px; background: #F5F5F5;} body #learn-press-profile .wrapper-profile-header .lp-profile-left { width: 200px; padding: 0; border: 0;} body #learn-press-profile #profile-sidebar { width: 200px;} @media (max-width: 990px){#learn-press-profile #profile-content { margin-top: 50px !important; } } #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status::before{ color: #555; font-size: 18px; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta.course-item-status::before{ color: #111; } .content-item-wrap.kingster-continue { width: 100%; max-width: 953px; } .lp-courses-bar .search-courses input[type="text"]:focus { border-color: inherit; } #learn-press-profile #profile-sidebar{ margin-top: 0px; } #learn-press-profile #profile-header{ padding: 60px 0px 42px; } #learn-press-profile .lp-user-profile-avatar{ max-width: 120px; float: left; border-radius: 50%; margin: 0px 40px 20px 0px; overflow: hidden; line-height: 0; } #learn-press-profile .lp-user-profile-socials{ display: none; } #learn-press-profile .wrapper-profile-header #profile-header .lp-profile-header__inner { padding: 0px; width: auto; overflow: hidden; min-height: 0px; } #learn-press-profile .wrapper-profile-header #profile-header .lp-profile-header__inner .lp-profile-user-bio { padding-bottom: 18px; } body #learn-press-profile #profile-sidebar { width: 250px; box-shadow: none; } #learn-press-profile #profile-nav .lp-profile-nav-tabs > li { border-top: none; margin-bottom: 2px; } #learn-press-profile #profile-nav .lp-profile-nav-tabs li > ul { display: none !important; } #learn-press-profile #profile-nav .lp-profile-nav-tabs > li > a::after { display: none; } #learn-press-profile #profile-nav .lp-profile-nav-tabs > li a{ font-weight: 400; } div#profile-nav i.fa-chalkboard-teacher:before{ font-family: simple-line-icons; content: "\e06a"; } div#profile-nav i.fa-book-open:before{ font-family: simple-line-icons; content: "\e04c"; } div#profile-nav i.fa-puzzle-piece:before{ font-family: simple-line-icons; content: "\e05f"; } div#profile-nav i.fa-shopping-cart:before{ font-family: simple-line-icons; content: "\e04e"; } div#profile-nav i.fa-cog:before{ font-family: simple-line-icons; content: "\e06c"; } div#profile-nav i.fa-sign-out-alt:before{ font-family: simple-line-icons; content: "\e065"; } #learn-press-profile #profile-nav .lp-profile-nav-tabs > li.wishlist > a::before{ font-family: simple-line-icons; content:"\e08a"; font-weight: 400; font-size: 16px; left: 20px; } #learn-press-profile #profile-nav .lp-profile-nav-tabs > li > a > i { font-weight: 400; font-size: 16px; left: 20px; } .learn-press-tabs{ background: transparent; } .learn-press-tabs .learn-press-tabs__nav{ border: none; } .learn-press-tabs .learn-press-tabs__tab::before{ display: none; } .learn-press-tabs .learn-press-tabs__tab::after{ display: none; } .learn-press-tabs .learn-press-tabs__tab > label{ padding: 0; margin-right: 30px; } .learn-press-tabs .learn-press-tabs__tab{ border: none; background: transparent; } .learn-press-tabs .learn-press-tabs__tab.active label{ border-bottom-width: 3px; border-bottom-style: solid; } .learn-press-subtab-content .learn-press-filters > li::after{ display: none; } .learn-press-subtab-content .learn-press-filters > li > span.count{ display: none; } .learn-press-subtab-content .learn-press-filters > li{ margin-right: 12px; } .learn-press-subtab-content .learn-press-filters > li > span{ border-bottom-width: 3px; border-style: solid; padding-bottom: 2px; } #learn-press-profile-basic-information .form-field .form-field-input input, form[name="profile-change-password"] .form-field .form-field-input input{ height: auto; padding: 12px 22px 16px; border-bottom-width: 2px; } #learn-press-profile-basic-information .form-field .form-field-input textarea{ padding: 12px 22px 16px; border-bottom-width: 2px; } #learn-press-profile-basic-information .form-field .form-field-input input[type="password"], form[name="profile-change-password"] .form-field .form-field-input input[type="password"]{ padding: 12px 22px 16px; } .lp-password-input .lp-show-password-input { top: 14px; } #learn-press-profile-basic-information button, form[name="profile-change-password"] button{ border-radius: 0; margin-top: 10px; font-weight: 600; } #learn-press-profile-basic-information button:hover, form[name="profile-change-password"] button:hover{ opacity: 1; } #learn-press-profile-basic-information .form-field > label, form[name="profile-change-password"] .form-field > label{ font-style: normal; font-size: 18px; } .learn-press-form .form-fields .form-field label { font-style: normal; } #learn-press-profile-basic-information .form-field .form-field-input input, #learn-press-profile-basic-information .form-field .form-field-input textarea, form[name="profile-change-password"] .form-field .form-field-input input, form[name="profile-change-password"] .form-field .form-field-input textarea{ font-style: normal; font-weight: 400; font-size: 16px; } #lp-user-edit-avatar .lp-avatar-preview{ margin: 0px;} #lp-user-edit-avatar #lp-avatar-actions a{ display: block; width: auto; border-radius: 0px; border: none; padding: 3px 0px; height: auto; } #lp-user-edit-avatar #lp-avatar-actions{ display: block; } body.learnpress .lp-list-table th { font-size: 18px; font-weight: 500; text-align: left; padding: 0px 20px; color: #fff; vertical-align: middle; } body.learnpress .lp-list-table tbody tr td { font-size: 17px; font-weight: 500; } span.lp-label.label-pending { background: #e5e5e5; } ul.courses-list li{ float: left; list-style: none; } .kingster-profile-owned-course-list { padding: 0px 15px; } body #learn-press-profile #profile-content { padding-top: 0; } @media (max-width: 990px){ #learn-press-profile #profile-content { margin-top: 50px !important; } } .lp-user-profile.guest { padding: 80px 0px 80px; } .lp-user-profile.guest .learn-press-form-login, .lp-user-profile.guest .learn-press-form-register{ float: left; width: 46%; margin: 0 2%; border: none; box-shadow: 0px 10px 30px rgb(0 0 0 / 10%) !important; } .learn-press-form .form-fields .form-field input[type="text"], .learn-press-form .form-fields .form-field input[type="email"], .learn-press-form .form-fields .form-field input[type="number"], .learn-press-form .form-fields .form-field input[type="password"]{ height: auto; line-height: 1; border-radius: 0px; border-bottom-width: 2px; } .learn-press-form-login button[type="submit"], .learn-press-form-register button[type="submit"] { width: auto; border-radius: 0px; } form[name="learn-press-login"] p a { text-decoration: underline; } body .lp-user-profile.guest{ padding: 30px 0px 60px; } body #learn-press-profile .dashboard-general-statistic__row .statistic-box { margin: 0 15px 30px 15px; } body #learn-press-profile #profile-content { margin-bottom: 20px; } body .learn-press-message { margin: 0 35px 50px; } body .learn-press-message.success{ margin: 0px 0px 50px; } body #popup-course #popup-header .popup-header__inner .items-progress .number { color: #524F4F; font-weight: 400; margin-left: 20px; } .lp-modal-dialog .lp-modal-content .lp-modal-body .main-content h3, .lp-modal-dialog .lp-modal-content .lp-modal-body .main-content h2, .lp-modal-dialog .lp-modal-content .lp-modal-body .main-content .pd-2em { padding: 19px 30px; } body .lp-modal-dialog .lp-modal-footer { padding: 0px 20px 27px; background-color: #ffffff; } body .learnpress-page .lp-button { font-size: 15px; font-weight: 500; line-height: 1.7; padding: 5px 28px; } body .learn-press-form .form-fields .form-field .description { display: inline; } #popup-course #popup-content .lp-button { border-radius: 0; font-weight: 600; border-width: 0px; } #learn-press-profile-tab-course-wishlist ul.learn-press-courses .course:nth-child(3n+1) { clear: left; } .profile-recover-order .order-recover input[name="order-key"] { height: auto; } #learn-press-profile #profile-content .order-recover .lp-button{ border-radius: 0px; margin-bottom: 0; } body #learn-press-profile .wrapper-profile-header .lp-profile-left { position: relative; float: left; width: auto; } #learn-press-profile .wrapper-profile-header .lp-profile-right { margin-left: 0px; overflow: hidden; padding-left: 0px; padding-top: 18px; } #learn-press-profile .lp-user-profile-avatar { margin-bottom: 0px; } body #learn-press-profile .wrapper-profile-header .lp-profile-right .lp-profile-username { font-size: 22px; font-weight: 600; line-height: 1; padding-bottom: 13px; } body .lp-label { font-weight: 500; } .quiz-status > div{ background: #f3f3f3; margin: 30px 0px 20px; border-radius: 0;} .quiz-status { margin-left: 0px !important; margin-right: 0px !important; } .quiz-status .countdown { padding: 16px 29px 17px; } body #popup-course #popup-content #learn-press-quiz-app .quiz-buttons.align-center .button-left.fixed{ position: static; margin-left: 0px !important; transform: none; } #popup-course .quiz-result .result-grade { background: transparent; } #popup-course #popup-content #learn-press-quiz-app .quiz-buttons .button-right .lp-button.submit-quiz { margin-top: 24px; text-transform: uppercase; margin-left: 0px; } #popup-course .question .answer-option input[type="radio"], #popup-course .question .answer-option input[type="checkbox"]{ margin-top: -14px; margin-left: 15px; } #popup-course .question .answer-option .option-title{ border-radius: 0; } .answer-options .answer-option input[type="checkbox"]:after{ margin-top: -10px; left: 6px; } .answer-options .answer-option input[type="checkbox"], .answer-options .answer-option input[type="radio"]{ width: 26px; height: 26px; min-width: 0; } .answer-options .answer-option input[type="radio"]:after{ left: 6px; } #popup-course .question .answer-option .option-title { padding-top: 13px; padding-bottom: 13px; } .learnpress-checkout .lp-form-fields .form-field input[type=text], .learnpress-checkout .lp-form-fields .form-field input[type=email], .learnpress-checkout .lp-form-fields .form-field input[type=number], .learnpress-checkout .lp-form-fields .form-field input[type=password] { padding: 13px 17px; } .learnpress-checkout .lp-form-fields .form-field .lp-password-input .lp-show-password-input { top: 10px; right: 19px; } .learn-press-profile-course__tab__inner a { padding: 0px; } .learn-press-profile-course__tab__inner a.active { border-top: 0px; border-bottom-width: 3px; border-style: solid; padding-bottom: 2px; background: transparent; } .learn-press-profile-course__tab__inner { background: transparent; } .learn-press-profile-course__tab__inner > li { font-size: 16px; margin-right: 25px !important; } .learn-press-course-tab-filters .learn-press-filters a.active{ border-bottom-width: 3px; border-style: solid; padding-bottom: 2px; } .learn-press-course-tab-filters .learn-press-filters a, .learn-press-profile-course__tab__inner a { cursor: pointer; } @media only screen and (max-width: 900px){ .lp-user-profile.guest .learn-press-form-login, .lp-user-profile.guest .learn-press-form-register { float: none; width: auto; margin: 0px auto; } } body .kingster-lp-top-bar-user .kingster-lp-top-bar-nav-content a { margin-bottom: 15px; } body.lp-sidebar-toggle__close #popup-course > #sidebar-toggle { left: auto;} body.lp-sidebar-toggle__close #popup-course > #sidebar-toggle::before { content: "\f066";} body .learn-press-subtab-content .learn-press-filters > li { margin-right: 25px; } .lp-profile-content ul.learn-press-profile-course__tab__inner { margin-bottom: 35px; } body .quiz-status > div{ max-width: none; padding: 5px 0px 5px 25px; } body .quiz-status .submit-quiz button { margin-right: 6px !important; } body #popup-course #popup-header .popup-header__inner .items-progress .number { color: #524F4F; font-weight: 400; margin-left: 20px; } body #popup-course #popup-content #learn-press-quiz-app .quiz-buttons.align-center .button-left.fixed { bottom: 50px; } body #popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers { font-weight: 600; } body #popup-course #popup-content #learn-press-quiz-app .quiz-buttons { justify-content: left; text-align: left; } body #profile-content-quizzes .lp-label { color: #fff; margin-left: 10px; } body .lp-label { font-weight: 500; } .quiz-status > div{ background: #f3f3f3; margin: 30px 0px 20px; border-radius: 0;} .quiz-status { margin-left: 0px !important; margin-right: 0px !important; } .quiz-status .countdown { padding: 16px 29px 17px; } body #popup-course #popup-content #learn-press-quiz-app .quiz-buttons.align-center .button-left.fixed{ position: static; margin-left: 0px !important; transform: none; } #popup-course .quiz-result .result-grade { background: transparent; } #popup-course #popup-content #learn-press-quiz-app .quiz-buttons .button-right .lp-button.submit-quiz { margin-top: 24px; text-transform: uppercase; margin-left: 0px; } body .lp-modal-dialog .lp-modal-footer button { padding: 10px 30px; font-weight: 500;} .lp-modal-dialog .lp-modal-content .lp-modal-body .main-content h3, .lp-modal-dialog .lp-modal-content .lp-modal-body .main-content h2, .lp-modal-dialog .lp-modal-content .lp-modal-body .main-content .pd-2em { color: #555;} body #popup-course #popup-content .lp-button.completed { margin-bottom: 40px;} .learn-press-course-tab-enrolled .lp_profile_course_progress__item a { font-weight: 500; } .learn-press-profile-course__tab__inner a.active { border-bottom: 0px; padding-bottom: 3px; } .learn-press-profile-course__tab__inner a.active::before{ top: auto; bottom: 0px; } #popup-course #popup-header .popup-header__inner .course-title { line-height: 1; } #popup-course #popup-header { height: 50px; } .course-extra-box h3{ font-size: 20px; margin-bottom: 0px; } .lp-user-profile .lp-profile-username::before, .lp-user-profile .lp-profile-username::after{ display: none; } #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item{ padding-left: 20px; padding-right: 20px; } .lp-user-profile #profile-content-settings .learn-press-tabs__nav{ border: 0px; } div#profile-nav i.fa-bars:before { font-family: simple-line-icons; content: "\e013"; } .learn-press-profile-course__progress .lp_profile_course_progress__item td { vertical-align: middle } .learn-press-profile-course__progress .lp_profile_course_progress { border-collapse: collapse; } .lp-profile-content table.lp-list-table tr td { padding-left: 20px; padding-bottom: 20px; } .lp-profile-content table.lp-list-table tr td:first-child, .lp-profile-content table.lp-list-table tr th:first-child{ text-align: left; } body.learnpress-checkout h1.lp-content-area { display: none; } body .course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section-content .course-item .item-name { padding-top: 0; } #learn-press-course-tabs .course-tab-panels .course-tab-panel { padding-top: 0px; } body #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item.item-preview .course-item-meta .item-meta { color: #ffffff; }.review-stars{ margin: 0 0; list-style: none; overflow: hidden; } .review-stars-rated{ width: 90px; position: relative; display: inline-block; display: flex; margin-left: 15px; justify-content: unset; } .kingster-tail .review-stars-rated { margin-left: 0; } .review-stars-rated .review-stars.empty, .review-stars-rated .review-stars.filled{ width: 120px; height: 24px; font-family: dashicons; font-size: 18px; } .review-stars-rated .review-stars.empty:before{ content: '\f154\f154\f154\f154\f154'; line-height: 1; vertical-align: top; white-space: nowrap; } .review-stars-rated .review-stars.filled:before{ content: '\f155\f155\f155\f155\f155'; line-height: 1; vertical-align: top; white-space: nowrap; } .review-stars-rated .review-stars.filled{ position: absolute; top: 0; left: 0; } .content-item-scrollable [data-gdlr-animation="fadeIn"], .content-item-scrollable [data-gdlr-animation="fadeInDown"], .content-item-scrollable [data-gdlr-animation="fadeInUp"], .content-item-scrollable [data-gdlr-animation="fadeInLeft"], .content-item-scrollable [data-gdlr-animation="fadeInRight"]{ opacity: 1; } .content-item-scrollable .gdlr-core-page-builder-body{ margin-bottom: 50px; } .content-item-scrollable .gdlr-core-page-builder-body *{ box-sizing: border-box; } .kingster-lp-course-left-thumbnail .kingster-lp-course-title a{ color: #222; } .kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap .kingster-head{ color: #777; } .kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap .kingster-tail{ color: #373737; } .kingster-lp-course-left-thumbnail .kingster-lp-course-more-button, .kingster-lp-course-left-thumbnail .kingster-lp-course-more-button:hover{ background: #2dd17b; } .kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info.kingster-type-price{ color: #222; } .kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info.kingster-type-teacher .kingster-head, .kingster-lp-course-left-thumbnail .kingster-lp-course-wishlist{ color: #b1b1b1; } .kingster-lp-course-left-thumbnail{ margin-bottom: 60px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-thumbnail-wrap{ max-width: 30%; margin-right: 60px; float: left; } .kingster-lp-course-left-thumbnail .kingster-lp-course-thumbnail{ overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-content-wrap{ overflow: hidden; padding-top: 20px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-more-button{ font-size: 13px; font-weight: 600; text-transform: uppercase; display: block; margin-top: 8px; padding: 15px 20px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-more-button, .kingster-lp-course-left-thumbnail .kingster-lp-course-more-button:hover{ color: #fff; } .kingster-lp-course-left-thumbnail .kingster-lp-course-title{ font-size: 24px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-excerpt{ font-size: 18px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap{ margin-bottom: 32px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap .kingster-lp-course-info{ float: left; margin-right: 25px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap .kingster-head:after{ content: ":"; } .kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap .kingster-head{ display: inline; font-weight: 500; margin-right: 6px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap .kingster-tail{ display: inline; font-weight: 600; } .kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap .kingster-type-review .kingster-tail{ font-weight: 500; } .kingster-lp-course-left-thumbnail .kingster-type-review .kingster-head{ display: none; } .kingster-lp-course-left-thumbnail .review-stars-rated{ vertical-align: middle; width: 72px; margin-right: 7px; margin-bottom: -5px; } .kingster-lp-course-left-thumbnail .review-stars-rated .review-stars.empty, .kingster-lp-course-left-thumbnail .review-stars-rated .review-stars.filled{ height: auto; font-size: 12px; letter-spacing: 3px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-info-bottom-wrap{ margin-top: 37px; position: relative; } .kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info{ float: left; margin-left: 34px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info-content{ margin-left: 34px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info-divider{ position: absolute; top: 0px; bottom: 0px; border-left-width: 1px; border-left-style: solid; } .kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info:first-child{ margin-left: 0px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info:first-child .kingster-lp-course-bottom-info-content{ margin-left: 0px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info:first-child .kingster-lp-course-bottom-info-divider{ display: none; } .kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info.kingster-type-teacher .kingster-head{ font-size: 16px; font-weight: 500; line-height: 1.4; } .kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info.kingster-type-teacher .kingster-tail{ font-size: 13px; text-transform: uppercase; font-weight: 600 } .kingster-lp-course-left-thumbnail .kingster-author-thumbnail{ float: left; width: 48px; overflow: hidden; margin-right: 18px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .kingster-lp-course-left-thumbnail .kingster-author-content{ overflow: hidden; } .kingster-lp-course-left-thumbnail .kingster-type-wishlist .kingster-middle{ position: relative; } .kingster-lp-course-left-thumbnail .kingster-type-wishlist .course-wishlist{ cursor: pointer; opacity: 0; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .kingster-lp-course-left-thumbnail .kingster-type-wishlist .kingster-text{ display: none; } .kingster-lp-course-left-thumbnail .kingster-type-wishlist .kingster-lp-course-wishlist{ padding-top: 8px; transition: opacity 150ms; -webkit-transition: opacity 150ms; -moz-transition: opacity 150ms; } .kingster-lp-course-left-thumbnail .kingster-type-wishlist .kingster-lp-course-wishlist i{ margin-right: 12px; font-size: 18px; } .kingster-lp-course-left-thumbnail .kingster-type-wishlist .ajaxload_wishlist + .kingster-lp-course-wishlist{ opacity: 0.5; } .kingster-lp-course-left-thumbnail .kingster-type-wishlist .course-wishlist.on + .kingster-lp-course-wishlist i:before{ content: "\f02e"; } .kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info.kingster-type-price{ padding-top: 5px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info .origin-price{ text-decoration: line-through; margin-right: 5px; font-size: 13px; } .kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info .price{ font-size: 20px; font-weight: 500; } .kingster-lp-course-grid .kingster-lp-course-title { font-size: 20px; margin-bottom: 30px; } .kingster-lp-course-grid .kingster-lp-course-excerpt{ margin-bottom: 35px; margin-top: -10px; } .kingster-lp-course-grid .kingster-lp-course-info-wrap{ font-size: 15px; margin-bottom: 18px; } .kingster-lp-course-grid .kingster-lp-course-info{ float: left; } .kingster-lp-course-grid .kingster-lp-course-info .kingster-head{ display: none; } .kingster-lp-course-grid .kingster-lp-course-info.kingster-type-category {float: left;} .kingster-lp-course-grid .kingster-lp-course-info.kingster-type-review{ float: right; } .kingster-lp-course-grid .kingster-lp-course-info.kingster-type-review .kingster-text{ display: none; } .kingster-lp-course-grid .review-stars-rated .review-stars.empty, .kingster-lp-course-grid .review-stars-rated .review-stars.filled{ font-size: 13px; letter-spacing: 2px; width: 73px; height: 13px; } .kingster-lp-course-grid .review-stars-rated{ width: 73px; float: none; } .kingster-lp-course-grid .kingster-lp-course-info-bottom-wrap{ border-top-width: 1px; border-top-style: solid; padding: 16px 35px; } .kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-wishlist{ float: right; } .kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-wishlist .kingster-middle{ position: relative; } .kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-wishlist .course-wishlist{ cursor: pointer; opacity: 0; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-wishlist .kingster-text{ display: none; } .kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-wishlist .kingster-lp-course-wishlist{ transition: opacity 150ms; -webkit-transition: opacity 150ms; -moz-transition: opacity 150ms; } .kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-wishlist .ajaxload_wishlist + .kingster-lp-course-wishlist{ opacity: 0.5; } .kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-wishlist .course-wishlist.on + .kingster-lp-course-wishlist i:before{ content: "\f02e"; } .kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-price{ float: left; } .kingster-lp-course-grid .kingster-lp-course-bottom-info .origin-price{ font-size: 15px; text-decoration: line-through; margin-right: 5px; } .kingster-lp-course-grid .kingster-lp-course-bottom-info .price{ font-size: 20px; line-height: 1; } .kingster-lp-course-grid .kingster-lp-course-info-bottom2-wrap{ border-top-width: 1px; border-top-style: solid; padding: 16px 35px; } .kingster-lp-course-grid .kingster-lp-course-bottom2-info { display: inline-block; margin-right: 19px; } .kingster-lp-course-grid .kingster-lp-course-bottom2-info:last-child{ margin-right: 0px; } .kingster-lp-course-grid .kingster-lp-course-bottom2-info .kingster-head{ display: inline; margin-right: 12px; font-size: 15px; } .kingster-lp-course-grid .kingster-lp-course-bottom2-info .kingster-tail{ display: inline; font-weight: 500; } .kingster-lp-course-grid .kingster-lp-course-grid-frame{ padding: 25px 33px 0px; border-width: 1px; border-style: solid; } .kingster-lp-course-grid .kingster-lp-course-grid-frame .kingster-lp-course-info-bottom-wrap{ margin: 0px -35px; } .kingster-lp-course-grid .kingster-lp-course-grid-frame .kingster-lp-course-info-bottom2-wrap{ margin: 0px -35px; } .kingster-lp-course-grid.gdlr-core-without-frame .kingster-lp-course-thumbnail{ margin-bottom: 30px; } .kingster-lp-course-grid.gdlr-core-without-frame .kingster-lp-course-info-bottom-wrap{ padding-left: 0px; padding-right: 0px; } .kingster-lp-course-grid.gdlr-core-without-frame .kingster-lp-course-info-bottom2-wrap{ padding-left: 0px; padding-right: 0px; } .kingster-lp-course-grid .kingster-lp-course-grid-frame .kingster-lp-course-info-bottom-wrap.kingster-with-info2{ padding-top: 30px; } .kingster-lp-course-grid .kingster-lp-course-grid-frame .kingster-lp-course-info-bottom-wrap + .kingster-lp-course-info-bottom2-wrap{ border-top: none; padding-top: 0px; margin-top: -10px; padding-bottom: 30px; } .kingster-lp-course-info-item .kingster-head, .kingster-lp-course-info-item .kingster-middle{ color: #b1b1b1; } .kingster-lp-course-info-item{ position: relative; } .kingster-lp-course-info-item .kingster-lp-course-info-item-inner{ margin-left: -30px; margin-right: -30px; } .kingster-lp-course-info-item .kingster-lp-course-info-divider{ position: absolute; top: 0px; bottom: 0px; border-left-width: 1px; border-left-style: solid; } .kingster-lp-course-info-item .kingster-lp-course-info-content{ padding-left: 35px; padding-right: 35px; } .kingster-lp-course-info-item .kingster-author-thumbnail{ float: left; width: 45px; overflow: hidden; margin-right: 18px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .kingster-lp-course-info-item .kingster-head, .kingster-lp-course-info-item .kingster-middle{ font-size: 16px; } .kingster-lp-course-info-item .kingster-lp-course-info{ font-weight: 500; line-height: 1.5; } .kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist{ cursor: pointer; } .kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist i{ font-size: 18px; margin-right: 12px; } .kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist .kingster-middle{ padding-top: 10px; font-weight: 400; } .kingster-lp-course-info-item .kingster-author-content{ overflow: hidden; } .kingster-lp-course-info-item .kingster-tail{ font-size: 13px; text-transform: uppercase; } .kingster-lp-course-info-item .review-stars-rated{ vertical-align: middle; width: 72px; margin-right: 7px; margin-top: 2px; } .kingster-lp-course-info-item .review-stars-rated .review-stars.empty, .kingster-lp-course-info-item .review-stars-rated .review-stars.filled{ height: auto; font-size: 12px; letter-spacing: 3px; } .kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist .kingster-middle{ position: relative; } .kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist .course-wishlist{ cursor: pointer; opacity: 0; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist .kingster-lp-course-wishlist{ transition: opacity 150ms; -webkit-transition: opacity 150ms; -moz-transition: opacity 150ms; } .kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist .ajaxload_wishlist + .kingster-lp-course-wishlist{ opacity: 0.5; } .kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist .course-wishlist.on + .kingster-lp-course-wishlist i:before{ content: "\f02e"; } .kingster-lp-course-price-item button{ min-width: 175px; margin: 0px auto; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; } .kingster-lp-course-price-item .retake-course, .kingster-lp-course-price-item .enroll-course, .kingster-lp-course-price-item .purchase-course{ display: block; } .kingster-lp-course-price-item .course-price{ text-align: center; line-height: 1; margin-bottom: 30px; } .kingster-lp-course-price-item .course-price .price{ font-size: 62px; } .kingster-lp-course-price-item .course-price .price .kingster-currency-symbol{ font-size: 0.6em; vertical-align: super; margin-right: 3px; } .kingster-lp-course-price-item .origin-price{ text-decoration: line-through; display: block; margin-bottom: 10px; } .kingster-lp-course-search-item .kingster-lp-course-search-column{ padding-left: 10px; } .kingster-lp-course-search-item .kingster-lp-course-search-column:first-child{ padding-left: 0px; } .kingster-lp-course-search-item select{ font-size: 13px; height: 50px; padding: 12px 20px; margin: 0px; width: 100%; border: 0px; outline: none; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .kingster-lp-course-search-item select, .kingster-lp-course-search-item select:focus{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .kingster-lp-course-search-item .kingster-combobox{ position: relative; } .kingster-lp-course-search-item .kingster-combobox:after{ font-family: fontAwesome; content: "\f0dd"; font-size: 14px; line-height: 20px; position: absolute; right: 16px; top: 50%; margin-top: -13px; pointer-events: none; } .kingster-lp-course-search-item input[name="s"]{ width: 100%; padding: 12px 20px; margin: 0px; font-size: 16px; font-style: italic; height: 50px; border: none; box-shadow: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .kingster-lp-course-search-item input[type="submit"]{ font-size: 13px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; width: 100%; height: 50px; margin: 0px; border: 0px; outline: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .kingster-lp-course-search.kingster-lp-align-center{ margin-left: auto; margin-right: auto; } .kingster-lp-course-search.kingster-lp-align-left{ margin-right: auto; } .kingster-lp-course-search.kingster-lp-align-right{ margin-left: auto; } .kingster-lp-course-search.kingster-lp-size-2 .kingster-lp-course-search-column{ width: 40%; float: left; } .kingster-lp-course-search.kingster-lp-size-2 .kingster-lp-course-search-column.kingster-lp-type-button{ width: 20%; } .kingster-lp-course-search.kingster-lp-size-3 .kingster-lp-course-search-column{ width: 26.66%; float: left; } .kingster-lp-course-search.kingster-lp-size-3 .kingster-lp-course-search-column.kingster-lp-type-button{ width: 20%; } @media screen and (max-width: 767px){ .kingster-lp-course-info-item .kingster-lp-course-info{ margin-bottom: 20px; } .kingster-lp-course-info-item .kingster-lp-course-info-divider{ display: none; } .kingster-lp-course-search-item .kingster-lp-course-search-column{ padding-left: 0px; margin-bottom: 10px; } .kingster-lp-course-search.kingster-lp-size-2 .kingster-lp-course-search-column{ width: auto; float: none; } .kingster-lp-course-search.kingster-lp-size-2 .kingster-lp-course-search-column.kingster-lp-type-button{ width: auto; } .kingster-lp-course-search.kingster-lp-size-3 .kingster-lp-course-search-column{ width: auto; float: none; } .kingster-lp-course-search.kingster-lp-size-3 .kingster-lp-course-search-column.kingster-lp-type-button{ width: auto; } } .wp-core-ui .kingster-lp-course-price-item button{ padding: 13px 28px; height: auto; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border: 0px; box-shadow: none; line-height: 1.7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }:root { --sdb-color-primary: #0058B7; --sdb-color-primary-hover: #004A9B; --sdb-color-primary-soft: #1A6FCC; --sdb-color-editorial-accent: #1F3B5B; --sdb-color-secondary: #009BD8; --sdb-color-secondary-hover: #0092D1; --sdb-color-secondary-soft: #33B3E5; --sdb-color-blue-divider: #CAECFF; --sdb-color-blue-background: #E4F5FF; --sdb-color-title: #364048; --sdb-color-text: #6B7785; --sdb-color-muted: #8E9AA7; --sdb-color-border: #EEF3F8; --sdb-color-background: #F5F8FB; --sdb-color-surface: #FFFFFF; --sdb-color-soft-black: #1F2A36; --sdb-color-success: #2F8F4E; --sdb-color-success-bg: #E9F6EE; --sdb-color-success-text: #1E5F34; --sdb-color-warning: #F59E0B; --sdb-color-warning-bg: #FFF5E1; --sdb-color-warning-text: #8A4B00; --sdb-color-error: #C53030; --sdb-color-error-bg: #FDECEC; --sdb-color-error-text: #7F1D1D; --sdb-color-info: #4B4BB5; --sdb-color-info-bg: #F1F1FE; --sdb-color-info-text: #34348A; --sdb-color-info-soft: #E7E7FF; --sdb-color-info-border: rgba(75, 75, 181, .30); --sdb-color-mdb: #F26722; --sdb-color-mdb-dark: #E24B00; --sdb-color-mdb-divider: #FFE0CE; --sdb-color-mdb-bg: #FFE7D8; --sdb-color-solsal: #2DB414; --sdb-color-solsal-dark: #1E7A0D; --sdb-color-solsal-divider: #E8F4DB; --sdb-color-solsal-bg: #F4F9EF; --sdb-school-lisboa: #8A1F3D; --sdb-school-lisboa-dark: #5C1328; --sdb-school-lisboa-bg: #F5E6EB; --sdb-school-estoril: #FFD100; --sdb-school-estoril-dark: #FF8C00; --sdb-school-estoril-bg: #FFF7CC; --sdb-school-manique: #FF6A2B; --sdb-school-manique-dark: #B43A14; --sdb-school-manique-bg: #FFE9E0; --sdb-school-evora: #8CCF55; --sdb-school-evora-dark: #4A7C2A; --sdb-school-evora-bg: #EEF7E7; --sdb-school-mogofores: #3EC7B7; --sdb-school-mogofores-dark: #2F8F86; --sdb-school-mogofores-bg: #E6F7F5; --sdb-school-porto: #1B2F6B; --sdb-school-porto-dark: #111F4A; --sdb-school-porto-bg: #E6EBF6; --sdb-school-mirandela: #3AA657; --sdb-school-mirandela-dark: #1F5E32; --sdb-school-mirandela-bg: #E7F5EC; --sdb-school-funchal: #FF6F61; --sdb-school-funchal-dark: #B5453C; --sdb-school-funchal-bg: #FFECEB; --sdb-font-heading: "neo-sans", "Neo Sans", "Arial", sans-serif; --sdb-font-body: "archivo", "Archivo", "Arial", sans-serif; --sdb-font-meta: "archivo-narrow", "Archivo Narrow", "Arial Narrow", "Arial", sans-serif; --sdb-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; --sdb-font-code: var(--sdb-font-mono); --sdb-font-weight-regular: 400; --sdb-font-weight-medium: 500; --sdb-font-weight-semibold: 600; --sdb-font-weight-bold: 700; --sdb-font-weight-h1: var(--sdb-font-weight-bold); --sdb-font-weight-h2: var(--sdb-font-weight-semibold); --sdb-font-weight-h3: var(--sdb-font-weight-semibold); --sdb-font-weight-h4: var(--sdb-font-weight-medium); --sdb-font-weight-h5: var(--sdb-font-weight-medium); --sdb-font-weight-h6: var(--sdb-font-weight-medium); --sdb-font-weight-lead: var(--sdb-font-weight-medium); --sdb-font-weight-body: var(--sdb-font-weight-regular); --sdb-font-weight-meta: var(--sdb-font-weight-semibold); --sdb-font-weight-button: var(--sdb-font-weight-medium); --sdb-font-weight-card-title: var(--sdb-font-weight-semibold); --sdb-font-weight-hero-title: 800; --sdb-font-weight-hero-subtitle: var(--sdb-font-weight-regular); --sdb-line-height-h1: 1.25; --sdb-line-height-h2: 1.3; --sdb-line-height-h3: 1.35; --sdb-line-height-h4: 1.35; --sdb-line-height-h5: 1.35; --sdb-line-height-h6: 1.35; --sdb-line-height-lead: 1.6; --sdb-line-height-body: 1.65; --sdb-line-height-meta: 1.4; --sdb-line-height-button: 1.2; --sdb-line-height-card-title: 1.3; --sdb-line-height-hero-title: 1.02; --sdb-line-height-hero-subtitle: 1.55; --sdb-letter-spacing-h1: -0.02em; --sdb-letter-spacing-h2: -0.015em; --sdb-letter-spacing-h3: -0.01em; --sdb-letter-spacing-body: 0em; --sdb-letter-spacing-meta: 0.08em; --sdb-letter-spacing-button: 0em; --sdb-letter-spacing-card-title: -0.01em; --sdb-letter-spacing-hero-title: -0.035em; --sdb-letter-spacing-hero-subtitle: 0em; --sdb-text-h1: 42px; --sdb-text-h2: 34px; --sdb-text-h3: 26px; --sdb-text-h4: 21px; --sdb-text-h5: 20px; --sdb-text-h6: 16px; --sdb-text-lead: 21px; --sdb-text-body: 18px; --sdb-text-info: 16px; --sdb-space-1: 4px; --sdb-space-2: 8px; --sdb-space-3: 12px; --sdb-space-4: 16px; --sdb-space-5: 20px; --sdb-space-6: 24px; --sdb-space-8: 32px; --sdb-space-10: 40px; --sdb-space-12: 48px; --sdb-radius-sm: 6px; --sdb-radius-md: 10px; --sdb-radius-lg: 16px; --sdb-radius-xl: 22px; --sdb-radius-pill: 999px; --sdb-shadow-element: 5px 5px 5px rgba(143, 154, 164, 0.05); --sdb-shadow-card: 0 8px 20px rgba(31, 42, 54, 0.06); --sdb-shadow-card-hover: 0 14px 30px rgba(31, 42, 54, 0.10); --sdb-gradient-data-surface: linear-gradient(180deg, var(--sdb-color-surface), var(--sdb-color-background)); --sdb-gradient-sticky-mask: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--sdb-color-surface) 46%); --sdb-media-bg: var(--sdb-color-background); --sdb-media-border: var(--sdb-color-border); --sdb-status-active-bg: var(--sdb-color-success-bg); --sdb-status-active-text: var(--sdb-color-success-text); --sdb-status-draft-bg: #F3F4F6; --sdb-status-draft-text: #4B5563; --sdb-status-review-bg: var(--sdb-color-warning-bg); --sdb-status-review-text: var(--sdb-color-warning-text); --sdb-status-expired-bg: var(--sdb-color-error-bg); --sdb-status-expired-text: var(--sdb-color-error-text); --sdb-status-hidden-bg: #F1F5F9; --sdb-status-hidden-text: #475569; --sdb-date-badge-width: 72px; --sdb-ref-space-4: var(--sdb-space-4); --sdb-sys-color-surface: var(--sdb-color-surface); --sdb-sys-color-outline: var(--sdb-color-outline, #D6E0EA); --sdb-sem-color-action-primary-bg: var(--sdb-color-primary); --sdb-sem-color-action-primary-text: var(--sdb-color-on-primary, #FFFFFF); --sdb-sem-color-feedback-success-bg: var(--sdb-color-success-bg); --sdb-sem-color-feedback-error-bg: var(--sdb-color-error-bg); --sdb-comp-field-bg: var(--sdb-field-bg, var(--sdb-color-surface)); --sdb-comp-field-border: var(--sdb-field-border, var(--sdb-color-outline)); --sdb-context-admin-surface: var(--sdb-admin-surface, #fff); --sdb-context-editorial-title: var(--sdb-color-title); --sdb-bp-sm: 640px; --sdb-bp-md: 782px; --sdb-bp-lg: 1024px; --sdb-bp-xl: 1280px; --sdb-breakpoint-mobile: var(--sdb-bp-md); --sdb-breakpoint-tablet: var(--sdb-bp-lg); --sdb-color-outline: var(--sdb-color-border); --sdb-color-border-strong: #D8E2EE; --sdb-color-surface-soft: var(--sdb-color-background); --sdb-color-surface-alt: var(--sdb-color-background); --sdb-color-surface-inverse: var(--sdb-color-soft-black); --sdb-color-on-surface-inverse: #FFFFFF; --sdb-color-on-primary: #FFFFFF; --sdb-color-on-secondary: #FFFFFF; --sdb-color-primary-bg: var(--sdb-color-blue-background); --sdb-color-success-soft: var(--sdb-color-success-bg); --sdb-color-success-border: rgba(47, 143, 78, .28); --sdb-color-warning-soft: var(--sdb-color-warning-bg); --sdb-color-warning-border: rgba(245, 158, 11, .32); --sdb-color-error-border: rgba(197, 48, 48, .28); --sdb-color-danger: var(--sdb-color-error); --sdb-color-danger-soft: var(--sdb-color-error-bg); --sdb-color-danger-text: var(--sdb-color-error-text); --sdb-color-danger-border: var(--sdb-color-error-border); --sdb-gradient-primary: linear-gradient(90deg, var(--sdb-color-primary), var(--sdb-color-secondary)); --sdb-gradient-editorial: linear-gradient(135deg, var(--sdb-color-editorial-accent), var(--sdb-color-primary)); --sdb-gradient-overlay-soft: linear-gradient(180deg, rgba(5, 18, 34, .18), rgba(5, 18, 34, .42)); --sdb-gradient-overlay-medium: linear-gradient(180deg, rgba(5, 18, 34, .28), rgba(5, 18, 34, .62)); --sdb-gradient-overlay-strong: linear-gradient(180deg, rgba(5, 18, 34, .08), rgba(5, 18, 34, .78)); --sdb-gradient-mdb: linear-gradient(90deg, var(--sdb-mdb-color-primary, var(--sdb-color-mdb)), var(--sdb-mdb-color-primary-dark, var(--sdb-color-mdb-dark))); --sdb-overlay-soft: var(--sdb-gradient-overlay-soft); --sdb-overlay-medium: var(--sdb-gradient-overlay-medium); --sdb-overlay-strong: var(--sdb-gradient-overlay-strong); --sdb-content-width: var(--sdb-layout-max-width-content, 1320px); --sdb-section-padding: clamp(32px, 5vw, 72px); --sdb-section-padding-y: var(--sdb-section-padding); --sdb-grid-min: min(100%, 260px); --sdb-grid-columns: repeat(auto-fit, minmax(var(--sdb-grid-min), 1fr)); --sdb-stack-gap: var(--sdb-space-6); --sdb-flow-space: var(--sdb-space-5); --sdb-sticky-offset: 24px; --sdb-z-dropdown: 30; --sdb-focus-ring-width: 2px; --sdb-focus-ring-offset: 2px; --sdb-focus-ring-color: rgba(0, 88, 183, .45); --sdb-focus-ring: 0 0 0 var(--sdb-focus-ring-width) var(--sdb-focus-ring-color); --sdb-touch-target-min: 44px; --sdb-responsive-gap-sm: var(--sdb-space-3); --sdb-responsive-gap-md: var(--sdb-space-5); --sdb-responsive-gap-lg: var(--sdb-space-8); --sdb-responsive-grid-min: min(100%, 260px); --sdb-density-comfortable-gap: var(--sdb-responsive-gap-lg); --sdb-density-compact-gap: var(--sdb-responsive-gap-sm); --sdb-density-dense-gap: var(--sdb-space-2); --sdb-motion-transform-hover: translateY(-1px); --sdb-motion-safe-transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease; --sdb-tabs-gap: 6px; --sdb-tabs-item-padding: .58rem .82rem; --sdb-tabs-active-indicator: 2px; --sdb-accordion-padding: clamp(14px, 1.6vw, 18px); --sdb-accordion-gap: 10px; --sdb-breadcrumb-gap: .45rem; --sdb-action-menu-min-width: 220px; --sdb-skeleton-radius: var(--sdb-radius-sm, 6px); --sdb-toast-width: min(100%, 420px); --sdb-toast-padding: .8rem 1rem; --sdb-interactive-transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; --sdb-admin-dashboard-gap: var(--sdb-space-5); --sdb-admin-dashboard-kpi-min-width: 160px; --sdb-admin-dashboard-card-padding: clamp(14px, 1.8vw, 20px); --sdb-admin-dashboard-toolbar-gap: 10px; --sdb-admin-accent-surface-width: 3px; --sdb-admin-accent-surface-padding-block: clamp(14px, 1.6vw, 18px); --sdb-admin-accent-surface-padding-inline: clamp(16px, 1.8vw, 20px); --sdb-admin-accent-surface-radius: var(--sdb-radius-md, 10px); --sdb-admin-accent-surface-color: var(--sdb-color-primary, #0058B7); --sdb-admin-accent-surface-bg: var(--sdb-color-surface, #FFFFFF); --sdb-admin-dashboard-accent-width: var(--sdb-admin-accent-surface-width); --sdb-admin-header-rule-color: var(--sdb-color-outline-variant, #EEF3F8); --sdb-admin-header-block-padding: clamp(20px, 2.4vw, 30px); --sdb-admin-header-content-gap: clamp(20px, 3vw, 40px); --sdb-admin-dashboard-empty-min-height: 180px; --sdb-admin-grid-gap: var(--sdb-space-5); --sdb-admin-card-gap: var(--sdb-space-4); --sdb-admin-table-cell-padding-tablet: 10px 12px; --sdb-admin-note-min-height: 44px; --sdb-permission-matrix-max-height: 520px; --sdb-process-log-max-height: 360px; --sdb-playground-swatch: 42px; --sdb-consent-padding-x: clamp(13px, 1.8vw, 18px); --sdb-consent-padding-y: clamp(13px, 1.8vw, 18px); --sdb-session-card-padding-x: clamp(15px, 2vw, 22px); --sdb-session-card-padding-y: clamp(15px, 2vw, 22px); --sdb-session-card-content-gap: var(--sdb-space-3); --sdb-validation-summary-bg: var(--sdb-color-error-bg); --sdb-validation-summary-text: var(--sdb-color-error-text); --sdb-action-stack-gap: var(--sdb-space-2); --sdb-calendar-actions-gap: var(--sdb-space-2); --sdb-font-size-button: 16px; --sdb-font-size-card-title: var(--sdb-text-h4, 21px); --sdb-font-size-hero-title: var(--sdb-text-h1, 42px); --sdb-font-size-meta: 13px; --sdb-line-height-heading: 1.25; --sdb-letter-spacing-heading: -0.015em; --sdb-letter-spacing-h4: -0.005em; --sdb-record-columns: minmax(220px, .9fr) minmax(160px, .45fr) minmax(260px, 1fr); --sdb-progress-current: 0%; --sdb-u-progress-value: 0%; --sdb-impact-progress-value: 0%; --sdb-cause-card-gap: var(--sdb-space-md); --sdb-cause-card-border: var(--sdb-color-border); --sdb-cause-card-radius: var(--sdb-radius-lg); --sdb-cause-card-bg: var(--sdb-color-surface); --sdb-cause-card-shadow: var(--sdb-shadow-card); --sdb-editorial-adapter-bg: inherit; --sdb-editorial-adapter-border: 0; --sdb-editorial-tag-font-size: .76rem; --sdb-editorial-tag-font-weight: 800; --sdb-editorial-tag-letter-spacing: .06em; --sdb-editorial-tag-padding-x: .72em; --sdb-editorial-tag-padding-y: .34em; --sdb-tag-on-image-adapter-border: 0; --sdb-tag-on-image-adapter-padding: .34em .72em; --sdb-tag-on-image-adapter-radius: var(--sdb-radius-pill); --accent: var(--sdb-color-muted); --accent-dark: var(--sdb-color-primary); --accent-hover: var(--sdb-color-secondary); --border: var(--sdb-color-border); --bg-muted: var(--sdb-color-background); --radius: var(--sdb-radius-md); --font-small: 14px; --shadow-element: var(--sdb-shadow-element); --shadow-soft: var(--sdb-shadow-element); } @media (max-width: 767px) { :root { --sdb-text-h1: 28px; --sdb-text-h2: 22px; --sdb-text-h3: 20px; --sdb-text-h4: 18px; --sdb-text-h5: 17px; --sdb-text-h6: 16px; --sdb-text-lead: 20px; --sdb-text-body: 18px; --sdb-text-info: 14px; } } body.sdb-design-system-global-typography, body.sdb-design-system-global-typography p, body.sdb-design-system-global-typography .entry-content, body.sdb-design-system-global-typography .entry-content p { font-family: var(--sdb-font-body) !important; } body.sdb-design-system-global-typography h1, body.sdb-design-system-global-typography h2, body.sdb-design-system-global-typography h3, body.sdb-design-system-global-typography h4, body.sdb-design-system-global-typography h5, body.sdb-design-system-global-typography h6, body.sdb-design-system-global-typography .entry-title { font-family: var(--sdb-font-heading) !important; } body.sdb-design-system-global-typography .sdb-meta, body.sdb-design-system-global-typography .sdb-caption, body.sdb-design-system-global-typography .wp-element-caption { font-family: var(--sdb-font-meta) !important; } body.sdb-design-system-gutenberg-typography .wp-block-paragraph, body.sdb-design-system-gutenberg-typography .wp-block-list, body.sdb-design-system-gutenberg-typography .wp-block-quote, body.sdb-design-system-gutenberg-typography .wp-block-table, body.sdb-design-system-gutenberg-typography .wp-block-button, body.sdb-design-system-gutenberg-typography .wp-block-media-text { font-family: var(--sdb-font-body) !important; } body.sdb-design-system-gutenberg-typography .wp-block-heading { font-family: var(--sdb-font-heading) !important; } body.sdb-design-system-gutenberg-typography .wp-block-image figcaption, body.sdb-design-system-gutenberg-typography .wp-block-embed figcaption, body.sdb-design-system-gutenberg-typography .blocks-gallery-caption, body.sdb-design-system-gutenberg-typography .wp-element-caption { font-family: var(--sdb-font-meta) !important; } .sdb-section, .sdb-container, .sdb-grid, .sdb-card, .sdb-card *, .sdb-filter-bar, .sdb-filter-bar *, .sdb-form, .sdb-form *, .sdb-empty-state, .sdb-empty-state *, .sdb-alert, .sdb-table-wrap, .sdb-table, .sdb-table * { box-sizing: border-box; } .sdb-section { margin-block: var(--sdb-space-10); } .sdb-section .sdb-section { margin-block: var(--sdb-space-12); } .sdb-section-header { margin-bottom: var(--sdb-space-10); } .sdb-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-2); } .sdb-title-xl, .sdb-title-lg, .sdb-title-md, .sdb-title-sm { font-family: var(--sdb-font-heading) !important; color: var(--sdb-color-title) !important; margin: 0 0 var(--sdb-space-4); letter-spacing: -0.02em; } .sdb-title-xl { font-size: var(--sdb-text-h1); font-weight: var(--sdb-font-weight-h1); line-height: var(--sdb-line-height-h1); letter-spacing: var(--sdb-letter-spacing-h1); } .sdb-title-lg { font-size: var(--sdb-text-h2); font-weight: var(--sdb-font-weight-h2); line-height: var(--sdb-line-height-h2); letter-spacing: var(--sdb-letter-spacing-h2); } .sdb-title-md { font-size: var(--sdb-text-h3); font-weight: var(--sdb-font-weight-h3); line-height: var(--sdb-line-height-h3); letter-spacing: var(--sdb-letter-spacing-h3); } .sdb-title-sm { font-size: var(--sdb-text-h4); font-weight: var(--sdb-font-weight-h4); line-height: var(--sdb-line-height-h4); letter-spacing: var(--sdb-letter-spacing-h4, 0em); } .sdb-lead { font-family: var(--sdb-font-body) !important; font-size: var(--sdb-text-lead) !important; font-weight: var(--sdb-font-weight-lead); line-height: var(--sdb-line-height-lead); color: var(--sdb-color-text) !important; } .sdb-body { font-family: var(--sdb-font-body) !important; font-size: var(--sdb-text-body) !important; font-weight: var(--sdb-font-weight-body); line-height: var(--sdb-line-height-body); color: var(--sdb-color-text) !important; } .sdb-meta, .sdb-caption, .sdb-eyebrow { font-family: var(--sdb-font-meta) !important; color: var(--sdb-color-muted) !important; } .sdb-eyebrow { display: inline-block; margin-bottom: var(--sdb-space-2); font-size: var(--sdb-font-size-meta, 13px); font-weight: var(--sdb-font-weight-meta); line-height: var(--sdb-line-height-meta); letter-spacing: var(--sdb-letter-spacing-meta); text-transform: uppercase; } .sdb-container { width: min(100%, 1180px); margin-inline: auto; padding-inline: var(--sdb-space-6); } .sdb-grid { display: grid; gap: var(--sdb-space-6); align-items: stretch; } .sdb-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdb-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sdb-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @media (max-width: 1024px) { .sdb-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdb-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .sdb-container { padding-inline: var(--sdb-space-4); } .sdb-grid--2, .sdb-grid--3, .sdb-grid--4 { grid-template-columns: 1fr; } } .sdb-btn, a.sdb-btn, button.sdb-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: var(--sdb-space-2) !important; min-height: 44px !important; padding: 10px 22px !important; border-radius: var(--sdb-radius-md) !important; border: 1px solid transparent !important; box-shadow: none !important; font-family: var(--sdb-font-body) !important; font-size: var(--sdb-font-size-button, 16px) !important; font-weight: var(--sdb-font-weight-button, 500) !important; line-height: var(--sdb-line-height-button, 1.2) !important; letter-spacing: var(--sdb-letter-spacing-button, 0em) !important; text-decoration: none !important; cursor: pointer; vertical-align: middle; appearance: none; transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .sdb-btn:hover, a.sdb-btn:hover, button.sdb-btn:hover { transform: translateY(-1px); } .sdb-btn--primary, a.sdb-btn--primary, button.sdb-btn--primary { color: #fff !important; background: var(--sdb-color-primary) !important; border-color: var(--sdb-color-primary) !important; } .sdb-btn--primary:hover, a.sdb-btn--primary:hover, button.sdb-btn--primary:hover { color: #fff !important; background: var(--sdb-color-primary-hover) !important; border-color: var(--sdb-color-primary-hover) !important; box-shadow: 0 6px 14px rgba(0, 88, 183, 0.16) !important; } .sdb-btn--primary-light, a.sdb-btn--primary-light, button.sdb-btn--primary-light { color: var(--sdb-color-primary) !important; background: var(--sdb-color-blue-background) !important; border-color: var(--sdb-color-blue-divider) !important; } .sdb-btn--primary-light:hover, a.sdb-btn--primary-light:hover, button.sdb-btn--primary-light:hover { color: var(--sdb-color-primary-hover) !important; background: var(--sdb-color-blue-divider) !important; border-color: var(--sdb-color-secondary) !important; } .sdb-btn--secondary, a.sdb-btn--secondary, button.sdb-btn--secondary { color: var(--sdb-color-primary) !important; background: #fff !important; border-color: var(--sdb-color-secondary) !important; } .sdb-btn--secondary:hover, a.sdb-btn--secondary:hover, button.sdb-btn--secondary:hover { color: var(--sdb-color-primary-hover) !important; background: var(--sdb-color-blue-background) !important; border-color: var(--sdb-color-primary) !important; } .sdb-btn--neutral, a.sdb-btn--neutral, button.sdb-btn--neutral { color: var(--sdb-color-text) !important; background: #fff !important; border-color: var(--sdb-color-muted) !important; } .sdb-btn--neutral:hover, a.sdb-btn--neutral:hover, button.sdb-btn--neutral:hover { color: var(--sdb-color-primary) !important; border-color: var(--sdb-color-primary) !important; } .sdb-btn--text, a.sdb-btn--text, button.sdb-btn--text { min-height: var(--sdb-touch-target-min, 44px) !important; padding: 6px 0 !important; color: var(--sdb-color-primary) !important; background: transparent !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: inset 0 -1px 0 rgba(0, 88, 183, 0.22) !important; } .sdb-btn--text:hover, a.sdb-btn--text:hover, button.sdb-btn--text:hover { color: var(--sdb-color-primary-hover) !important; box-shadow: inset 0 -2px 0 var(--sdb-color-primary-hover) !important; } .sdb-btn--sm, a.sdb-btn--sm, button.sdb-btn--sm, .sdb-btn--compact, a.sdb-btn--compact, button.sdb-btn--compact, .sdb-btn--table-action, a.sdb-btn--table-action, button.sdb-btn--table-action { min-height: var(--sdb-btn-sm-min-height) !important; padding: var(--sdb-btn-sm-padding-y) var(--sdb-btn-sm-padding-x) !important; border-radius: var(--sdb-radius-sm, 8px) !important; font-size: var(--sdb-btn-sm-font-size) !important; line-height: 1.2 !important; letter-spacing: 0 !important; } .sdb-btn--table-action, a.sdb-btn--table-action, button.sdb-btn--table-action { min-height: var(--sdb-btn-table-action-min-height) !important; padding: var(--sdb-btn-table-action-padding-y) var(--sdb-btn-table-action-padding-x) !important; white-space: nowrap !important; } .sdb-btn--sm:focus-visible, .sdb-btn--compact:focus-visible, .sdb-btn--table-action:focus-visible { outline: 2px solid transparent !important; outline-offset: 2px !important; box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)) !important; } .sdb-card { position: relative; display: flex; flex-direction: column; overflow: hidden; background: var(--sdb-color-surface); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-element); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .sdb-card:hover { transform: translateY(-2px); box-shadow: var(--sdb-shadow-card); } .sdb-card__media img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; } .sdb-card__body { padding: var(--sdb-space-6); } .sdb-card__footer { margin-top: auto; padding: 0 var(--sdb-space-6) var(--sdb-space-6); } .sdb-card__actions { display: flex; flex-wrap: wrap; gap: var(--sdb-space-2); align-items: center; } .sdb-card__meta { margin-bottom: var(--sdb-space-2); font-family: var(--sdb-font-meta); font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--sdb-color-muted); } .sdb-card__title { margin: 0 0 var(--sdb-space-3); font-family: var(--sdb-font-heading); font-size: 21px; font-weight: 600; line-height: 1.3; color: var(--sdb-color-title); } .sdb-card__text { margin: 0; font-size: 16px; line-height: 1.6; color: var(--sdb-color-text); } .sdb-card--action { border-top: 4px solid var(--sdb-color-secondary); } .sdb-card--editorial .sdb-card__body { padding-top: var(--sdb-space-5); } .sdb-card--data { background: var(--sdb-gradient-data-surface); } .sdb-pill { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 5px 12px; border-radius: var(--sdb-radius-pill); font-size: 13px; font-weight: 600; line-height: 1; background: var(--sdb-color-background); color: var(--sdb-color-text); } .sdb-pill--success { background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); } .sdb-pill--warning { background: var(--sdb-color-warning-bg); color: var(--sdb-color-warning-text); } .sdb-pill--error { background: var(--sdb-color-error-bg); color: var(--sdb-color-error-text); } .sdb-pill--info { background: var(--sdb-color-info-bg); color: var(--sdb-color-info-text); } .sdb-filter-bar { display: flex; flex-wrap: wrap; align-items: end; gap: var(--sdb-space-4); padding: var(--sdb-space-5); margin-bottom: var(--sdb-space-6); background: var(--sdb-color-background); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); } .sdb-field { display: grid; gap: 6px; } .sdb-label { font-size: 13px; font-weight: 600; color: var(--sdb-color-title); } .sdb-input, .sdb-select, .sdb-textarea { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: #fff; color: var(--sdb-color-text); box-sizing: border-box; } .sdb-input:focus, .sdb-select:focus, .sdb-textarea:focus { outline: none; border-color: var(--sdb-color-primary); box-shadow: 0 0 0 4px rgba(0, 88, 183, .12); } .sdb-filter-bar__group, .sdb-form__field { display: grid; gap: 7px; } .sdb-filter-bar__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-2); } .sdb-form { display: grid; gap: var(--sdb-space-4); max-width: 760px; } .sdb-form__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sdb-space-4); } .sdb-filter-bar label, .sdb-form label, .sdb-label { font-family: var(--sdb-font-body) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; color: var(--sdb-color-title) !important; } .sdb-filter-bar input, .sdb-filter-bar select, .sdb-form input, .sdb-form select, .sdb-form textarea, .sdb-input, .sdb-select, .sdb-textarea { width: 100% !important; min-height: 44px !important; padding: 10px 12px !important; border: 1px solid var(--sdb-color-border) !important; border-radius: var(--sdb-radius-md) !important; background-color: #fff !important; color: var(--sdb-color-text) !important; font-family: var(--sdb-font-body) !important; font-size: 15px !important; line-height: 1.4 !important; box-shadow: none !important; appearance: auto; } .sdb-filter-bar input:focus, .sdb-filter-bar select:focus, .sdb-form input:focus, .sdb-form select:focus, .sdb-form textarea:focus, .sdb-input:focus, .sdb-select:focus, .sdb-textarea:focus { outline: none !important; border-color: var(--sdb-color-primary) !important; box-shadow: 0 0 0 4px rgba(0, 88, 183, .12) !important; } .sdb-form textarea, .sdb-textarea { min-height: 130px !important; resize: vertical; } @media (max-width: 768px) { .sdb-form__row { grid-template-columns: 1fr; } .sdb-filter-bar { align-items: stretch; } .sdb-filter-bar__group, .sdb-filter-bar__actions { width: 100%; } } .sdb-alert { padding: var(--sdb-space-5); border-radius: var(--sdb-radius-lg); border: 1px solid var(--sdb-color-border); background: #fff; color: var(--sdb-color-text); } .sdb-alert--success { background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); border-color: rgba(47,143,78,.25); } .sdb-alert--warning { background: var(--sdb-color-warning-bg); color: var(--sdb-color-warning-text); border-color: rgba(245,158,11,.25); } .sdb-alert--error { background: var(--sdb-color-error-bg); color: var(--sdb-color-error-text); border-color: rgba(197,48,48,.25); } .sdb-alert--info { background: var(--sdb-color-info-bg); color: var(--sdb-color-info-text); border-color: rgba(134,134,242,.25); } .sdb-table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; background: #fff; border: 1px solid #dfe8f2; border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-element); } .sdb-table-wrap::after { display: none; } .sdb-table-wrap .sdb-table, table.sdb-table { width: 100% !important; min-width: 720px !important; margin: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; table-layout: auto !important; background: #fff !important; box-shadow: none !important; } .sdb-table-wrap .sdb-table th, .sdb-table-wrap .sdb-table td, table.sdb-table th, table.sdb-table td { padding: 17px 20px !important; border: 0 !important; border-bottom: 1px solid #edf2f7 !important; font-family: var(--sdb-font-body) !important; font-size: 15px !important; line-height: 1.45 !important; text-align: left !important; vertical-align: middle !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; } .sdb-table-wrap .sdb-table th, table.sdb-table th { background: #f7f9fc !important; color: #1f2a36 !important; font-weight: 700 !important; box-shadow: inset 0 -1px 0 #ccd8e5 !important; } .sdb-table-wrap .sdb-table td, table.sdb-table td { color: #52677f !important; background: #fff !important; } .sdb-table-wrap .sdb-table tbody tr:nth-child(even) td, table.sdb-table tbody tr:nth-child(even) td { background: #fbfcfe !important; } .sdb-table-wrap .sdb-table tr:last-child td, table.sdb-table tr:last-child td { border-bottom: 0 !important; } .sdb-table-wrap .sdb-pill { white-space: nowrap; } @media (max-width: 768px) { .sdb-table-wrap { padding-bottom: 6px; } .sdb-table-wrap::after { content: "← Deslize para ver mais →"; display: block; padding: 10px 14px 12px; font-family: var(--sdb-font-meta); font-size: 11px; font-weight: 600; letter-spacing: .12em; text-align: center; text-transform: uppercase; color: var(--sdb-color-muted); background: #fff; } } .sdb-data-list { display: grid; overflow: hidden; background: #fff; border: 1px solid #dfe8f2; border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-element); } .sdb-data-list__head, .sdb-data-list__row { display: grid; grid-template-columns: minmax(0, 1.35fr) 150px 170px 150px; gap: var(--sdb-space-4); align-items: center; padding: 17px 20px; } .sdb-data-list__head { background: #f7f9fc; color: #1f2a36; font-family: var(--sdb-font-body); font-size: 14px; font-weight: 700; box-shadow: inset 0 -1px 0 #ccd8e5; } .sdb-data-list__row { border-top: 1px solid #edf2f7; color: #52677f; font-family: var(--sdb-font-body); font-size: 15px; line-height: 1.45; } .sdb-data-list__row:nth-child(even) { background: #fbfcfe; } .sdb-data-list__title { color: var(--sdb-color-title); font-weight: 600; } .sdb-data-list__label { display: none; margin-bottom: 4px; font-family: var(--sdb-font-meta); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--sdb-color-muted); } @media (max-width: 768px) { .sdb-data-list { gap: var(--sdb-space-3); padding: var(--sdb-space-3); background: var(--sdb-color-background); border-color: var(--sdb-color-border); } .sdb-data-list__head { display: none; } .sdb-data-list__row { display: grid; grid-template-columns: 1fr; gap: var(--sdb-space-3); padding: var(--sdb-space-5); background: #fff !important; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); } .sdb-data-list__label { display: block; } } .sdb-empty-state { display: grid; justify-items: center; text-align: center; gap: var(--sdb-space-3); padding: var(--sdb-space-10); background: #fff; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-element); } .sdb-empty-state__icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 999px; background: var(--sdb-color-blue-background); color: var(--sdb-color-primary); font-size: 20px; line-height: 1; } .sdb-empty-state__title { margin: 0; font-family: var(--sdb-font-heading) !important; font-size: 24px; font-weight: 600; line-height: 1.3; color: var(--sdb-color-title) !important; } .sdb-empty-state__text { max-width: 680px; margin: 0; color: var(--sdb-color-text) !important; font-size: 16px; line-height: 1.6; } .sdb-panel { padding: var(--sdb-space-6); background: #fff; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-element); } .sdb-panel--muted { background: var(--sdb-color-background); } .sdb-stack { display: grid; gap: var(--sdb-space-4); } .sdb-stack--sm { gap: var(--sdb-space-2); } .sdb-stack--lg { gap: var(--sdb-space-6); } .sdb-section-header { display: grid; gap: var(--sdb-space-2); max-width: 860px; } .sdb-section-header .sdb-title-xl, .sdb-section-header .sdb-title-lg, .sdb-section-header .sdb-lead { margin-bottom: 0; } .sdb-meta-list { display: flex; flex-wrap: wrap; gap: var(--sdb-space-2); margin: 0; padding: 0; list-style: none; } .sdb-meta-list__item { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 5px 10px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-pill); background: #fff; color: var(--sdb-color-text); font-family: var(--sdb-font-meta); font-size: 13px; font-weight: 500; } .sdb-divider { height: 1px; border: 0; background: var(--sdb-color-border); margin: var(--sdb-space-8) 0; } .sdb-kpi { display: grid; gap: var(--sdb-space-1); padding: var(--sdb-space-5); background: #fff; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-element); } .sdb-kpi__value { font-family: var(--sdb-font-heading); font-size: clamp(28px, 4vw, 42px); font-weight: 700; line-height: 1.05; color: var(--sdb-color-primary); } .sdb-kpi__label { font-family: var(--sdb-font-meta); font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--sdb-color-muted); } .sdb-progress { display: grid; gap: var(--sdb-space-2); } .sdb-progress__track { overflow: hidden; height: 10px; background: var(--sdb-color-background); border-radius: var(--sdb-radius-pill); } .sdb-progress__bar { display: block; width: var(--sdb-progress-value, 0%); height: 100%; background: var(--sdb-progress-fill); border-radius: inherit; } .sdb-progress__meta { display: flex; justify-content: space-between; gap: var(--sdb-space-3); font-family: var(--sdb-font-meta); font-size: 13px; color: var(--sdb-color-text); } .wp-block-image figcaption, .wp-block-embed figcaption, .blocks-gallery-caption.wp-element-caption { font-size: 14px; color: var(--sdb-color-muted); } .sdb-only-mobile { display: none !important; } @media (max-width: 768px) { .sdb-only-mobile { display: block !important; } .sdb-hide-mobile { display: none !important; } } .sdb-alert + .sdb-alert { margin-top: var(--sdb-space-3); } .sdb-table-wrap .sdb-table { margin: 0 !important; border: 0 !important; box-shadow: none !important; } .sdb-table-wrap .sdb-table th, .sdb-table-wrap .sdb-table td { font-family: var(--sdb-font-body) !important; } .sdb-section { margin-block: clamp(32px, 5vw, 56px) !important; } .sdb-section .sdb-section { margin-block: clamp(28px, 4vw, 48px) !important; } .sdb-section-header { margin-bottom: clamp(28px, 4vw, 44px) !important; } .sdb-title-xl, .sdb-title-lg, .sdb-title-md, .sdb-title-sm, .sdb-lead, .sdb-body, .sdb-meta, .sdb-card__title, .sdb-card__text, .sdb-empty-state__title, .sdb-empty-state__text { text-wrap: pretty; } .sdb-lead, .sdb-body { max-width: 820px; } .sdb-grid--2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important; } .sdb-grid--3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important; } .sdb-grid--4 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)) !important; } .sdb-card { min-width: 0 !important; } .sdb-card__body { display: grid; align-content: start; gap: var(--sdb-space-3); padding: clamp(20px, 2.2vw, 28px) !important; } .sdb-card__body > .sdb-pill { justify-self: start; } .sdb-card__title { margin: 0 !important; } .sdb-card__text { margin: 0 !important; } .sdb-card__footer { padding: 0 clamp(20px, 2.2vw, 28px) clamp(20px, 2.2vw, 28px) !important; } .sdb-card__footer .sdb-btn:not(.sdb-btn--text), .sdb-actions .sdb-btn:not(.sdb-btn--text) { min-width: 132px; } .sdb-filter-bar { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)) auto !important; align-items: end !important; gap: 14px 18px !important; padding: clamp(18px, 2.2vw, 24px) !important; } .sdb-filter-bar__group, .sdb-form__field { gap: 8px !important; min-width: 0 !important; } .sdb-filter-bar__group > label, .sdb-form__field > label, .sdb-form label, .sdb-filter-bar label { margin: 0 !important; padding: 0 !important; } .sdb-filter-bar__actions { align-self: end !important; display: flex !important; align-items: center !important; gap: var(--sdb-space-3) !important; padding-top: 0 !important; } .sdb-filter-bar input, .sdb-filter-bar select, .sdb-form input, .sdb-form select, .sdb-form textarea { margin: 0 !important; } @media (max-width: 780px) { .sdb-filter-bar { grid-template-columns: 1fr !important; } .sdb-filter-bar__actions { width: 100% !important; } } .sdb-form { gap: 18px !important; max-width: 780px !important; } .sdb-form__row { gap: 18px !important; } .sdb-form textarea, .sdb-textarea { min-height: 140px !important; } dl.sdb-meta-list { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)) !important; gap: 14px 22px !important; margin: 0 !important; padding: clamp(18px, 2vw, 24px) !important; background: #fff !important; border: 1px solid var(--sdb-color-border) !important; border-radius: var(--sdb-radius-lg) !important; box-shadow: var(--sdb-shadow-element) !important; } dl.sdb-meta-list > div { display: grid !important; align-content: start !important; gap: 6px !important; min-width: 0 !important; } dl.sdb-meta-list dt { margin: 0 !important; font-family: var(--sdb-font-meta) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--sdb-color-muted) !important; } dl.sdb-meta-list dd { margin: 0 !important; font-family: var(--sdb-font-body) !important; font-size: 16px !important; line-height: 1.45 !important; color: var(--sdb-color-text) !important; } .sdb-table-wrap { max-width: 100% !important; border-color: #dfe8f2 !important; scrollbar-gutter: stable; } .sdb-table-wrap .sdb-table, table.sdb-table { min-width: 640px !important; } .sdb-table-wrap .sdb-table th, .sdb-table-wrap .sdb-table td, table.sdb-table th, table.sdb-table td { padding: 15px 18px !important; } .sdb-data-list { container-type: inline-size; max-width: 100% !important; } .sdb-data-list__head, .sdb-data-list__row { grid-template-columns: minmax(180px, 1.4fr) minmax(110px, .75fr) minmax(130px, .9fr) minmax(120px, .8fr) !important; gap: 16px !important; } .sdb-data-list__row > div, .sdb-data-list__head > div { min-width: 0 !important; } .sdb-data-list__title, .sdb-data-list__row span:not(.sdb-pill), .sdb-data-list__row div { overflow-wrap: anywhere; } @container (max-width: 720px) { .sdb-data-list { gap: var(--sdb-space-3) !important; padding: var(--sdb-space-3) !important; background: var(--sdb-color-background) !important; border-color: var(--sdb-color-border) !important; } .sdb-data-list__head { display: none !important; } .sdb-data-list__row { display: grid !important; grid-template-columns: 1fr !important; gap: var(--sdb-space-3) !important; padding: var(--sdb-space-5) !important; background: #fff !important; border: 1px solid var(--sdb-color-border) !important; border-radius: var(--sdb-radius-md) !important; } .sdb-data-list__label { display: block !important; } } .sdb-empty-state { justify-items: start !important; text-align: left !important; padding: clamp(24px, 4vw, 40px) !important; } .sdb-empty-state__text { max-width: 760px !important; } @media (max-width: 640px) { .sdb-actions { align-items: stretch !important; } .sdb-actions .sdb-btn:not(.sdb-btn--text), .sdb-card__footer .sdb-btn:not(.sdb-btn--text) { width: 100% !important; } } .sdb-grid--3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important; } .sdb-grid--2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important; } .sdb-grid--4 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important; } .sdb-filter-bar { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important; align-items: end !important; gap: 16px !important; padding: clamp(18px, 2vw, 24px) !important; background: var(--sdb-color-background) !important; border: 1px solid var(--sdb-color-border) !important; border-radius: var(--sdb-radius-lg) !important; } .sdb-filter-bar__group, .sdb-form__field { display: block !important; min-width: 0 !important; } .sdb-filter-bar__group > label, .sdb-form__field > label, .sdb-filter-bar label, .sdb-form label { display: block !important; margin: 0 0 7px 0 !important; padding: 0 !important; } .sdb-filter-bar input, .sdb-filter-bar select, .sdb-form input, .sdb-form select, .sdb-form textarea { display: block !important; margin: 0 !important; } .sdb-filter-bar__actions { align-self: end !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 14px !important; min-height: 44px !important; padding: 0 !important; } .sdb-filter-bar__actions .sdb-btn--text { min-height: var(--sdb-touch-target-min, 44px) !important; padding-block: 10px !important; } @media (max-width: 1024px) { .sdb-filter-bar { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .sdb-filter-bar__actions { grid-column: 1 / -1 !important; } } @media (max-width: 640px) { .sdb-filter-bar { grid-template-columns: 1fr !important; gap: 14px !important; padding: 18px !important; } .sdb-filter-bar__actions { width: 100% !important; flex-wrap: wrap !important; } .sdb-filter-bar__actions .sdb-btn:not(.sdb-btn--text) { flex: 1 1 auto !important; } } .sdb-form { gap: 16px !important; } .sdb-form__row { gap: 16px !important; } .sdb-form__field + .sdb-form__field { margin-top: 0 !important; } .sdb-table-wrap { width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; } .sdb-table-wrap .sdb-table, table.sdb-table { width: 100% !important; min-width: 620px !important; margin: 0 !important; border: 0 !important; border-collapse: collapse !important; border-spacing: 0 !important; table-layout: auto !important; background: transparent !important; box-shadow: none !important; } .sdb-table-wrap .sdb-table th, table.sdb-table th { padding: 14px 16px !important; background: #f7f9fc !important; border: 0 !important; border-top: 1px solid #dfe8f2 !important; border-bottom: 1px solid #cbd8e5 !important; color: var(--sdb-color-soft-black) !important; font-family: var(--sdb-font-body) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.35 !important; text-align: left !important; white-space: nowrap !important; box-shadow: none !important; } .sdb-table-wrap .sdb-table td, table.sdb-table td { padding: 16px !important; background: #fff !important; border: 0 !important; border-bottom: 1px solid #edf2f7 !important; color: #52677f !important; font-family: var(--sdb-font-body) !important; font-size: 15px !important; line-height: 1.45 !important; text-align: left !important; vertical-align: middle !important; white-space: nowrap !important; } .sdb-table-wrap .sdb-table tbody tr:nth-child(even) td, table.sdb-table tbody tr:nth-child(even) td { background: #fbfcfe !important; } .sdb-table-wrap .sdb-table tbody tr:hover td, table.sdb-table tbody tr:hover td { background: #f8fbff !important; } .sdb-table-wrap::after { display: none !important; } @media (max-width: 768px) { .sdb-table-wrap { padding-bottom: 4px !important; border-bottom: 1px solid var(--sdb-color-border) !important; } .sdb-table-wrap::after { content: "← Deslize para ver mais →" !important; display: block !important; padding: 10px 0 0 !important; font-family: var(--sdb-font-meta) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .12em !important; text-align: center !important; text-transform: uppercase !important; color: var(--sdb-color-muted) !important; background: transparent !important; } } .sdb-data-list__head, .sdb-data-list__row { grid-template-columns: minmax(220px, 1.4fr) minmax(120px, .75fr) minmax(150px, .9fr) minmax(130px, .8fr) !important; } @container (max-width: 860px) { .sdb-data-list { gap: var(--sdb-space-3) !important; padding: var(--sdb-space-3) !important; background: var(--sdb-color-background) !important; border-color: var(--sdb-color-border) !important; } .sdb-data-list__head { display: none !important; } .sdb-data-list__row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px 18px !important; padding: var(--sdb-space-5) !important; background: #fff !important; border: 1px solid var(--sdb-color-border) !important; border-radius: var(--sdb-radius-md) !important; } .sdb-data-list__label { display: block !important; } } @container (max-width: 520px) { .sdb-data-list__row { grid-template-columns: 1fr !important; } } dl.sdb-meta-list { grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)) !important; gap: 18px 24px !important; } .sdb-section, .sdb-container, .sdb-panel, .sdb-card, .sdb-filter-bar, .sdb-form, .sdb-data-list, .sdb-empty-state, .sdb-kpi, .sdb-progress, .sdb-meta-list { container-type: inline-size; } .sdb-visually-hidden, .sdb-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .sdb-btn:focus-visible, .sdb-card a:focus-visible, .sdb-filter-bar input:focus-visible, .sdb-filter-bar select:focus-visible, .sdb-filter-bar textarea:focus-visible, .sdb-form input:focus-visible, .sdb-form select:focus-visible, .sdb-form textarea:focus-visible, .sdb-data-list a:focus-visible, .sdb-table a:focus-visible { outline: 3px solid color-mix(in srgb, var(--sdb-color-secondary) 45%, white) !important; outline-offset: 3px !important; box-shadow: 0 0 0 1px var(--sdb-color-primary) !important; } @supports not (color: color-mix(in srgb, #000 50%, #fff)) { .sdb-btn:focus-visible, .sdb-card a:focus-visible, .sdb-filter-bar input:focus-visible, .sdb-filter-bar select:focus-visible, .sdb-filter-bar textarea:focus-visible, .sdb-form input:focus-visible, .sdb-form select:focus-visible, .sdb-form textarea:focus-visible, .sdb-data-list a:focus-visible, .sdb-table a:focus-visible { outline-color: #CAECFF !important; } } @media (prefers-reduced-motion: reduce) { .sdb-btn, .sdb-card, .sdb-card *, .sdb-alert, .sdb-progress__bar { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } } @media (prefers-contrast: more) { :root { --sdb-color-text: #2A323B; --sdb-color-muted: #4A5560; --sdb-color-border: #6B7785; --sdb-color-outline: #4A5560; } .sdb-btn, a.sdb-btn, button.sdb-btn { border: 1px solid currentColor !important; } .sdb-btn:focus-visible, .sdb-card a:focus-visible, .sdb-filter-bar input:focus-visible, .sdb-filter-bar select:focus-visible, .sdb-filter-bar textarea:focus-visible, .sdb-form input:focus-visible, .sdb-form select:focus-visible, .sdb-form textarea:focus-visible, .sdb-data-list a:focus-visible, .sdb-table a:focus-visible { outline: 3px solid var(--sdb-color-primary) !important; outline-offset: 2px !important; } } .sdb-cluster { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: var(--sdb-space-3) !important; } .sdb-split { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: var(--sdb-space-4) !important; } .sdb-flow > * + * { margin-top: var(--sdb-flow-space, var(--sdb-space-4)) !important; } .sdb-surface { background: var(--sdb-color-surface) !important; border: 1px solid var(--sdb-color-border) !important; border-radius: var(--sdb-radius-lg) !important; box-shadow: var(--sdb-shadow-element) !important; } .sdb-grid--auto { grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--sdb-grid-min, 260px)), 1fr)) !important; } @container (max-width: 760px) { .sdb-grid--2, .sdb-grid--3, .sdb-grid--4 { grid-template-columns: 1fr !important; } } @container (min-width: 761px) and (max-width: 1040px) { .sdb-grid--3, .sdb-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } .sdb-card { overflow: clip !important; } .sdb-card__media img { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; } .sdb-card--compact .sdb-card__body { padding: var(--sdb-space-5) !important; } .sdb-card--compact .sdb-card__footer { padding: 0 var(--sdb-space-5) var(--sdb-space-5) !important; } .sdb-btn[aria-disabled="true"], .sdb-btn.is-disabled, .sdb-btn:disabled { cursor: not-allowed !important; opacity: .55 !important; pointer-events: none !important; } .sdb-filter-bar--compact { padding: var(--sdb-space-5) !important; gap: var(--sdb-space-4) !important; } .sdb-filter-bar--compact .sdb-filter-bar__group { gap: var(--sdb-space-2) !important; } .sdb-form__hint, .sdb-form__error { display: block !important; margin-top: var(--sdb-space-2) !important; font-family: var(--sdb-font-body) !important; font-size: 13px !important; line-height: 1.4 !important; } .sdb-form__hint { color: var(--sdb-color-muted) !important; } .sdb-form__error { color: var(--sdb-color-error-text) !important; font-weight: 600 !important; } .sdb-form__field.is-error input, .sdb-form__field.is-error select, .sdb-form__field.is-error textarea, .sdb-form input[aria-invalid="true"], .sdb-form select[aria-invalid="true"], .sdb-form textarea[aria-invalid="true"] { border-color: var(--sdb-color-error) !important; box-shadow: 0 0 0 3px rgba(197, 48, 48, .12) !important; } .sdb-table--compact th, .sdb-table--compact td { padding: 10px 12px !important; font-size: 14px !important; } .sdb-table--relaxed th, .sdb-table--relaxed td { padding: 18px 20px !important; } .sdb-table-wrap[data-scroll-hint]::after { content: attr(data-scroll-hint) !important; } .sdb-data-list--compact .sdb-data-list__row { padding-block: var(--sdb-space-4) !important; } .sdb-data-list--compact .sdb-data-list__head, .sdb-data-list--compact .sdb-data-list__row { gap: var(--sdb-space-3) !important; } .sdb-empty-state--compact { padding: var(--sdb-space-8) !important; } .sdb-empty-state--compact .sdb-empty-state__icon { width: 42px !important; height: 42px !important; font-size: 20px !important; } .sdb-notice { display: flex !important; gap: var(--sdb-space-3) !important; align-items: flex-start !important; padding: var(--sdb-space-4) var(--sdb-space-5) !important; border: 1px solid var(--sdb-color-border) !important; border-radius: var(--sdb-radius-md) !important; background: var(--sdb-color-surface) !important; color: var(--sdb-color-text) !important; font-family: var(--sdb-font-body) !important; line-height: 1.55 !important; } .sdb-notice__icon { flex: 0 0 auto !important; color: var(--sdb-color-primary) !important; font-weight: 700 !important; } .sdb-tag-list { display: flex !important; flex-wrap: wrap !important; gap: var(--sdb-space-2) !important; align-items: center !important; } .sdb-admin-preview-note { font-family: var(--sdb-font-meta) !important; font-size: 12px !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--sdb-color-muted) !important; } :root { --sdb-control-height-sm: 34px; --sdb-control-height-md: 42px; --sdb-control-height-lg: 48px; --sdb-line-tight: 1.3; --sdb-line-normal: 1.55; --sdb-line-relaxed: 1.7; --sdb-density-compact-padding: 12px; --sdb-density-comfortable-padding: 18px; --sdb-density-relaxed-padding: 24px; --sdb-z-sticky-actions: 20; } .sdb-toolbar, .sdb-action-bar, .sdb-record-list, .sdb-record-row, .sdb-detail-header, .sdb-nav-strip, .sdb-code-pill { box-sizing: border-box; } .sdb-toolbar, .sdb-action-bar { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: var(--sdb-space-3) var(--sdb-space-4) !important; margin-block: var(--sdb-space-5) !important; } .sdb-toolbar__main, .sdb-action-bar__main, .sdb-toolbar__actions, .sdb-action-bar__actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: var(--sdb-space-2) !important; } .sdb-toolbar--compact, .sdb-action-bar--compact { margin-block: var(--sdb-space-3) !important; gap: var(--sdb-space-2) !important; } .sdb-action-bar--sticky { position: sticky !important; bottom: 0 !important; z-index: var(--sdb-z-sticky-actions) !important; padding-block: var(--sdb-space-4) !important; background: var(--sdb-gradient-sticky-mask) !important; } .sdb-code-pill { display: inline-flex !important; align-items: center !important; min-height: 28px !important; max-width: 100% !important; padding: 4px 10px !important; border: 1px solid var(--sdb-color-blue-divider) !important; border-radius: var(--sdb-radius-pill) !important; background: var(--sdb-color-blue-background) !important; color: var(--sdb-color-primary) !important; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1.25 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .sdb-code-pill--neutral { border-color: var(--sdb-color-border) !important; background: var(--sdb-color-background) !important; color: var(--sdb-color-soft-black) !important; } .sdb-record-list { display: grid !important; gap: var(--sdb-space-3) !important; } .sdb-record-list--compact { gap: var(--sdb-space-2) !important; } .sdb-record-row { display: grid !important; grid-template-columns: var(--sdb-record-columns, minmax(220px, .9fr) minmax(160px, .45fr) minmax(260px, 1fr)); gap: var(--sdb-space-4) !important; align-items: start !important; padding: var(--sdb-density-comfortable-padding) !important; border: 1px solid var(--sdb-color-border) !important; border-radius: var(--sdb-radius-lg) !important; background: var(--sdb-color-surface) !important; box-shadow: var(--sdb-shadow-element) !important; } .sdb-record-row--compact { padding: var(--sdb-density-compact-padding) var(--sdb-density-comfortable-padding) !important; border-radius: var(--sdb-radius-md) !important; gap: var(--sdb-space-3) !important; } .sdb-record-cell { min-width: 0 !important; } .sdb-record-label { display: block !important; margin: 0 0 var(--sdb-space-1) !important; font-family: var(--sdb-font-meta) !important; font-size: 12px !important; font-weight: 700 !important; line-height: var(--sdb-line-tight) !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--sdb-color-muted) !important; } .sdb-record-title { display: block !important; margin: 0 !important; font-family: var(--sdb-font-heading) !important; font-size: 16px !important; font-weight: 700 !important; line-height: var(--sdb-line-tight) !important; color: var(--sdb-color-title) !important; } .sdb-record-meta { display: block !important; margin-top: var(--sdb-space-1) !important; font-family: var(--sdb-font-body) !important; font-size: 13px !important; line-height: var(--sdb-line-normal) !important; color: var(--sdb-color-text) !important; overflow-wrap: anywhere !important; } .sdb-field-compact textarea, textarea.sdb-textarea--single-line { min-height: var(--sdb-control-height-sm) !important; height: var(--sdb-control-height-sm) !important; padding-block: 6px !important; resize: vertical !important; } .sdb-detail-header { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: var(--sdb-space-5) !important; align-items: center !important; padding: var(--sdb-space-6) !important; margin-bottom: var(--sdb-space-6) !important; border: 1px solid var(--sdb-color-border) !important; border-radius: var(--sdb-radius-lg) !important; background: var(--sdb-color-surface) !important; box-shadow: var(--sdb-shadow-element) !important; } .sdb-detail-header__summary { min-width: 140px !important; padding: var(--sdb-space-4) var(--sdb-space-5) !important; border: 1px solid var(--sdb-color-border) !important; border-radius: var(--sdb-radius-lg) !important; background: linear-gradient(180deg, var(--sdb-color-background), var(--sdb-color-surface)) !important; text-align: center !important; } .sdb-detail-header__summary strong { display: block !important; color: var(--sdb-color-primary) !important; font-family: var(--sdb-font-heading) !important; font-size: 32px !important; line-height: 1 !important; } .sdb-detail-header__summary span { display: block !important; margin-top: var(--sdb-space-2) !important; color: var(--sdb-color-muted) !important; font-family: var(--sdb-font-meta) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; } .sdb-nav-strip { display: flex !important; flex-wrap: wrap !important; gap: var(--sdb-space-2) !important; align-items: center !important; margin-block: var(--sdb-space-5) !important; } .sdb-nav-strip__link { display: inline-flex !important; align-items: center !important; gap: var(--sdb-space-2) !important; min-height: 38px !important; padding: 8px 14px !important; border: 1px solid var(--sdb-color-border) !important; border-radius: var(--sdb-radius-pill) !important; background: var(--sdb-color-surface) !important; color: var(--sdb-color-title) !important; font-family: var(--sdb-font-body) !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; } .sdb-nav-strip__link:hover, .sdb-nav-strip__link:focus-visible, .sdb-nav-strip__link--active { border-color: var(--sdb-color-blue-divider) !important; background: var(--sdb-color-blue-background) !important; color: var(--sdb-color-primary) !important; } @media (max-width: 1100px) { .sdb-record-row { grid-template-columns: 1fr !important; } } @media (max-width: 782px) { .sdb-detail-header { grid-template-columns: 1fr !important; padding: var(--sdb-space-5) !important; } .sdb-detail-header__summary { text-align: left !important; } .sdb-detail-header__summary strong, .sdb-detail-header__summary span { display: inline-block !important; vertical-align: baseline !important; } .sdb-detail-header__summary span { margin: 0 0 0 var(--sdb-space-2) !important; } .sdb-toolbar, .sdb-action-bar { align-items: stretch !important; } } .sdb-density-compact { --sdb-density-padding-current: var(--sdb-density-compact-padding, 12px); --sdb-density-gap-current: var(--sdb-space-3); --sdb-density-control-height-current: var(--sdb-control-height-sm, 34px); } .sdb-density-comfortable { --sdb-density-padding-current: var(--sdb-density-comfortable-padding, 18px); --sdb-density-gap-current: var(--sdb-space-4); --sdb-density-control-height-current: var(--sdb-control-height-md, 42px); } .sdb-density-relaxed { --sdb-density-padding-current: var(--sdb-density-relaxed-padding, 24px); --sdb-density-gap-current: var(--sdb-space-6); --sdb-density-control-height-current: var(--sdb-control-height-lg, 48px); } .sdb-density-compact .sdb-card__body, .sdb-density-compact .sdb-panel, .sdb-density-compact .sdb-surface, .sdb-density-compact .sdb-filter-bar, .sdb-density-compact .sdb-empty-state { padding: var(--sdb-density-padding-current) !important; } .sdb-density-compact .sdb-card__footer { padding: 0 var(--sdb-density-padding-current) var(--sdb-density-padding-current) !important; } .sdb-density-compact .sdb-section { padding-block: var(--sdb-space-6) !important; } .sdb-density-relaxed .sdb-card__body, .sdb-density-relaxed .sdb-panel, .sdb-density-relaxed .sdb-surface, .sdb-density-relaxed .sdb-filter-bar, .sdb-density-relaxed .sdb-empty-state { padding: var(--sdb-density-padding-current) !important; } .sdb-density-relaxed .sdb-card__footer { padding: 0 var(--sdb-density-padding-current) var(--sdb-density-padding-current) !important; } .sdb-density-compact .sdb-grid, .sdb-density-compact .sdb-actions, .sdb-density-compact .sdb-stack, .sdb-density-compact .sdb-filter-bar { gap: var(--sdb-density-gap-current) !important; } .sdb-density-compact .sdb-btn { min-height: var(--sdb-density-control-height-current) !important; padding-block: 7px !important; } .sdb-preview { container-type: inline-size; } .sdb-preview__block { border-top: 1px solid var(--sdb-color-border) !important; } .sdb-preview .sdb-section-header { margin-bottom: var(--sdb-space-8) !important; } .sdb-preview code, .sdb-preview pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important; } :root { --sdb-container-sm: 720px; --sdb-container-md: 960px; --sdb-container-lg: 1180px; --sdb-container-xl: 1360px; --sdb-content-narrow: 760px; --sdb-content-wide: 1080px; --sdb-detail-sidebar-width: 320px; } .sdb-container--narrow { width: min(100%, var(--sdb-content-narrow)); } .sdb-container--wide { width: min(100%, var(--sdb-content-wide)); } .sdb-container--full { width: min(100%, var(--sdb-container-xl)); } .sdb-detail { display: grid; gap: var(--sdb-space-8); color: var(--sdb-color-text); } .sdb-detail__header { display: grid; gap: var(--sdb-space-4); padding-bottom: var(--sdb-space-6); border-bottom: 1px solid var(--sdb-color-border); } .sdb-detail__title { margin: 0; font-family: var(--sdb-font-heading); font-size: clamp(28px, 4vw, var(--sdb-text-h1)); line-height: 1.2; letter-spacing: -0.02em; color: var(--sdb-color-title); } .sdb-detail__summary { max-width: var(--sdb-content-narrow); margin: 0; font-family: var(--sdb-font-body); font-size: var(--sdb-text-lead); line-height: 1.6; color: var(--sdb-color-text); } .sdb-detail__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, var(--sdb-detail-sidebar-width)); gap: var(--sdb-space-10); align-items: start; } .sdb-detail__content { min-width: 0; font-family: var(--sdb-font-body); color: var(--sdb-color-text); } .sdb-detail__aside { min-width: 0; } .sdb-detail__actions, .sdb-secondary-actions, .sdb-context-actions, .sdb-button-group, .sdb-share-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-3); } .sdb-detail__footer { padding-top: var(--sdb-space-6); border-top: 1px solid var(--sdb-color-border); } .sdb-back-link, a.sdb-back-link { display: inline-flex; align-items: center; gap: 8px; font-family: var(--sdb-font-body); font-size: 15px; font-weight: 600; color: var(--sdb-color-primary); text-decoration: none; } .sdb-back-link::before { content: "←"; } .sdb-back-link:hover { color: var(--sdb-color-primary-hover); text-decoration: underline; text-underline-offset: 3px; } .sdb-inline-nav { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-2); padding-block: var(--sdb-space-3); border-block: 1px solid var(--sdb-color-border); } .sdb-inline-nav__link, a.sdb-inline-nav__link { display: inline-flex; align-items: center; min-height: 36px; padding: 7px 12px; border-radius: var(--sdb-radius-pill); color: var(--sdb-color-text); text-decoration: none; font-family: var(--sdb-font-body); font-size: 14px; font-weight: 600; } .sdb-inline-nav__link:hover, .sdb-inline-nav__link[aria-current="page"] { background: var(--sdb-color-primary-soft); color: var(--sdb-color-primary); } .sdb-nav-strip { display: flex; gap: var(--sdb-space-2); overflow-x: auto; padding: var(--sdb-space-2); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: #fff; -webkit-overflow-scrolling: touch; } .sdb-nav-strip__link, a.sdb-nav-strip__link { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 38px; padding: 8px 14px; border-radius: var(--sdb-radius-pill); color: var(--sdb-color-text); text-decoration: none; font-family: var(--sdb-font-body); font-size: 14px; font-weight: 600; } .sdb-nav-strip__link:hover, .sdb-nav-strip__link[aria-current="page"] { background: var(--sdb-color-primary); color: #fff; } .sdb-toolbar--between, .sdb-action-bar--between { justify-content: space-between; } .sdb-data-list--editorial .sdb-data-list__row { grid-template-columns: minmax(0, 2fr) minmax(150px, .8fr) minmax(160px, .8fr); } .sdb-data-list--with-actions .sdb-data-list__row, .sdb-data-list--with-actions .sdb-data-list__head { grid-template-columns: minmax(0, 1.6fr) minmax(140px, .7fr) minmax(160px, .8fr) minmax(150px, auto); } .sdb-data-list__actions { display: flex; flex-wrap: wrap; gap: var(--sdb-space-2); justify-content: flex-end; align-items: center; } .sdb-table--plain { border: 0 !important; box-shadow: none !important; } .sdb-table--plain thead th { background: transparent !important; border-bottom: 2px solid var(--sdb-color-border) !important; } .sdb-table--numeric th:not(:first-child), .sdb-table--numeric td:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; } .sdb-table--ranking td:first-child, .sdb-table--ranking th:first-child { width: 64px; text-align: center; font-weight: 700; color: var(--sdb-color-title); } @media (max-width: 900px) { .sdb-detail__layout { grid-template-columns: 1fr; } .sdb-detail__aside { order: -1; } .sdb-data-list--with-actions .sdb-data-list__row, .sdb-data-list--with-actions .sdb-data-list__head, .sdb-data-list--editorial .sdb-data-list__row { grid-template-columns: 1fr; } .sdb-data-list__actions { justify-content: flex-start; } } @media (max-width: 640px) { .sdb-detail__header { gap: var(--sdb-space-3); } .sdb-detail__summary { font-size: 18px; } .sdb-secondary-actions, .sdb-context-actions, .sdb-button-group, .sdb-share-actions { align-items: stretch; } .sdb-button-group .sdb-btn, .sdb-context-actions .sdb-btn { width: 100%; } } .sdb-plugin-shell { --sdb-plugin-shell-gap: clamp(18px, 3vw, 32px); display: grid; gap: var(--sdb-plugin-shell-gap); width: 100%; } .sdb-plugin-shell__header, .sdb-plugin-shell__filters, .sdb-plugin-shell__content, .sdb-plugin-shell__footer, .sdb-plugin-shell__aside { min-width: 0; } .sdb-plugin-shell__header { display: grid; gap: 10px; } .sdb-plugin-shell__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 320px); gap: clamp(20px, 3vw, 36px); align-items: start; } .sdb-plugin-shell__aside { position: sticky; top: var(--sdb-sticky-offset, 24px); } .sdb-plugin-shell--compact { --sdb-plugin-shell-gap: 16px; } .sdb-plugin-shell--compact .sdb-plugin-shell__header { gap: 6px; } .sdb-plugin-shell--wide .sdb-plugin-shell__layout { grid-template-columns: minmax(0, 1fr) minmax(280px, 380px); } .sdb-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: clamp(22px, 3vw, 36px) 0 0; font-family: var(--sdb-font-body); } .sdb-pagination__item { display: inline-flex; } .sdb-pagination__link { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 8px 12px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: #fff; color: var(--sdb-color-text); font-size: 15px; font-weight: 600; line-height: 1; text-decoration: none; transition: border-color .18s ease, color .18s ease, background-color .18s ease; } .sdb-pagination__link:hover, .sdb-pagination__link:focus-visible { border-color: var(--sdb-color-primary); color: var(--sdb-color-primary); background: var(--sdb-color-primary-soft, #e4f5ff); text-decoration: none; } .sdb-pagination__link--active, .sdb-pagination__link[aria-current="page"] { border-color: var(--sdb-color-primary); background: var(--sdb-color-primary); color: #fff; } .sdb-pagination__link--disabled, .sdb-pagination__link[aria-disabled="true"] { cursor: not-allowed; opacity: .55; pointer-events: none; } .sdb-pagination--compact { gap: 6px; margin-top: 18px; } .sdb-pagination--compact .sdb-pagination__link { min-width: 34px; min-height: 34px; padding: 6px 10px; font-size: 14px; } @media (max-width: 900px) { .sdb-plugin-shell__layout, .sdb-plugin-shell--wide .sdb-plugin-shell__layout { grid-template-columns: 1fr; } .sdb-plugin-shell__aside { position: static; } } @media (max-width: 560px) { .sdb-pagination { justify-content: flex-start; overflow-x: auto; padding-bottom: 4px; } .sdb-pagination__link { min-width: 36px; min-height: 36px; } } .sdb-media, .sdb-thumbnail { position: relative; display: block; width: 100%; overflow: hidden; background: var(--sdb-media-bg); border: 1px solid var(--sdb-media-border); border-radius: var(--sdb-radius-lg); } .sdb-media::before, .sdb-thumbnail::before { content: ""; display: block; aspect-ratio: 16 / 9; } .sdb-media--16x9::before { aspect-ratio: 16 / 9; } .sdb-media--4x3::before { aspect-ratio: 4 / 3; } .sdb-media--1x1::before { aspect-ratio: 1 / 1; } .sdb-media--portrait::before { aspect-ratio: 3 / 4; } .sdb-media__image, .sdb-thumbnail img, .sdb-media > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .sdb-avatar { display: inline-flex; width: 56px; height: 56px; overflow: hidden; align-items: center; justify-content: center; border-radius: 50%; background: var(--sdb-color-background); border: 1px solid var(--sdb-color-border); color: var(--sdb-color-muted); font-family: var(--sdb-font-heading); font-weight: 700; } .sdb-avatar img { width: 100%; height: 100%; object-fit: cover; } .sdb-logo-mark { display: inline-flex; max-width: 180px; max-height: 64px; object-fit: contain; } .sdb-document-list { display: grid; gap: 10px; margin: 20px 0; } .sdb-document-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--sdb-color-border); } .sdb-document-list--compact .sdb-document-item { gap: 10px; padding: 10px 0; } .sdb-document-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: var(--sdb-radius-md); background: var(--sdb-color-background); color: var(--sdb-color-primary); font-weight: 700; } .sdb-document-title { display: block; margin: 0; color: var(--sdb-color-title); font-family: var(--sdb-font-heading); font-size: 17px; font-weight: 700; line-height: 1.25; text-decoration: none; } .sdb-document-title:hover { color: var(--sdb-color-primary); text-decoration: none; } .sdb-document-meta { display: block; margin-top: 3px; color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); font-size: 13px; letter-spacing: .04em; text-transform: uppercase; } .sdb-document-actions { display: inline-flex; gap: 8px; align-items: center; justify-content: flex-end; } .sdb-form-section { padding: 22px; margin: 22px 0; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: #fff; } .sdb-form-section__title { margin: 0 0 6px; font-family: var(--sdb-font-heading); color: var(--sdb-color-title); font-size: 21px; line-height: 1.25; } .sdb-form-help, .sdb-form-error, .sdb-form-success { display: block; margin-top: 6px; font-size: 14px; line-height: 1.4; } .sdb-form-help { color: var(--sdb-color-muted); } .sdb-form-error { color: var(--sdb-color-error-text); font-weight: 600; } .sdb-form-success { color: var(--sdb-color-success-text); font-weight: 600; } .sdb-required { color: var(--sdb-color-error); font-weight: 700; } .sdb-choice-group { display: grid; gap: 10px; margin-top: 8px; } .sdb-radio-card, .sdb-checkbox-card { display: flex; gap: 10px; align-items: flex-start; padding: 14px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: #fff; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease; } .sdb-radio-card:has(input:checked), .sdb-checkbox-card:has(input:checked) { border-color: var(--sdb-color-primary); box-shadow: 0 0 0 3px rgba(0, 88, 183, .10); } .sdb-file-upload { display: block; padding: 18px; border: 1px dashed var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-background); color: var(--sdb-color-text); } .sdb-status { display: inline-flex; align-items: center; gap: 7px; min-height: 24px; padding: 4px 10px; border-radius: var(--sdb-radius-pill); background: var(--sdb-status-draft-bg); color: var(--sdb-status-draft-text); font-family: var(--sdb-font-meta); font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; } .sdb-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; } .sdb-status--active, .sdb-status--public { background: var(--sdb-status-active-bg); color: var(--sdb-status-active-text); } .sdb-status--draft { background: var(--sdb-status-draft-bg); color: var(--sdb-status-draft-text); } .sdb-status--review { background: var(--sdb-status-review-bg); color: var(--sdb-status-review-text); } .sdb-status--expired { background: var(--sdb-status-expired-bg); color: var(--sdb-status-expired-text); } .sdb-status--hidden, .sdb-status--internal { background: var(--sdb-status-hidden-bg); color: var(--sdb-status-hidden-text); } .sdb-timeline { display: grid; gap: 18px; margin: 26px 0; padding-left: 0; list-style: none; } .sdb-timeline__item { position: relative; display: grid; grid-template-columns: minmax(88px, auto) minmax(0, 1fr); gap: 18px; align-items: start; } .sdb-timeline__date { color: var(--sdb-color-primary); font-family: var(--sdb-font-meta); font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; } .sdb-timeline__content { padding: 0 0 18px 18px; border-left: 2px solid var(--sdb-color-border); } .sdb-schedule { display: grid; gap: 16px; margin: 24px 0; } .sdb-schedule__day { display: grid; gap: 10px; } .sdb-schedule__title { margin: 0; color: var(--sdb-color-title); font-family: var(--sdb-font-heading); font-size: 22px; } .sdb-schedule__item { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 14px; align-items: start; padding: 14px 0; border-bottom: 1px solid var(--sdb-color-border); } .sdb-schedule__time { color: var(--sdb-color-primary); font-family: var(--sdb-font-meta); font-weight: 700; letter-spacing: .04em; } .sdb-date-badge { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: var(--sdb-date-badge-width); min-height: 72px; padding: 8px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: #fff; color: var(--sdb-color-title); line-height: 1; text-align: center; } .sdb-date-badge__day { font-family: var(--sdb-font-heading); font-size: 28px; font-weight: 800; letter-spacing: -.04em; } .sdb-date-badge__month { margin-top: 5px; color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } @media (max-width: 640px) { .sdb-document-item { grid-template-columns: auto minmax(0, 1fr); } .sdb-document-actions { grid-column: 2; justify-content: flex-start; } .sdb-timeline__item, .sdb-schedule__item { grid-template-columns: 1fr; gap: 6px; } .sdb-timeline__content { padding-left: 14px; } } :root { --sdb-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --sdb-space-xs: var(--sdb-space-2); --sdb-space-sm: var(--sdb-space-3); --sdb-space-md: var(--sdb-space-5); --sdb-space-lg: var(--sdb-space-8); --sdb-space-xl: var(--sdb-space-12); --sdb-radius-circle: 999px; --sdb-shadow-hover: var(--sdb-shadow-card-hover); --sdb-shadow-modal: 0 24px 70px rgba(31, 42, 54, .18); --sdb-shadow-overlay: 0 20px 60px rgba(0, 0, 0, .24); --sdb-shadow-on-image-card: 0 18px 42px rgba(0, 0, 0, .22); --sdb-color-surface-muted: #F8FAFC; --sdb-color-overlay: rgba(12, 24, 38, .58); --sdb-color-on-image: #FFFFFF; --sdb-color-on-image-muted: rgba(255, 255, 255, .86); --sdb-border-on-image: rgba(255, 255, 255, .28); --sdb-focus-on-image: rgba(255, 255, 255, .72); --sdb-font-size-hero-xl: clamp(38px, 5vw, 72px); --sdb-font-size-hero-lg: clamp(32px, 4vw, 56px); --sdb-font-size-hero-md: clamp(28px, 3vw, 44px); --sdb-line-height-hero: 1.02; --sdb-transition-fast: 150ms; --sdb-transition-base: 220ms; --sdb-transition-slow: 360ms; --sdb-ease-standard: cubic-bezier(.2, .8, .2, 1); } .sdb-admin-dashboard-grid, .sdb-admin-tool-grid { display: grid; gap: var(--sdb-space-5); } .sdb-admin-dashboard-grid--two-columns, .sdb-admin-tool-grid--two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdb-admin-dashboard-grid--auto, .sdb-admin-tool-grid--auto { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } .sdb-admin-tool-panel, .sdb-admin-control-panel, .sdb-admin-results-panel, .sdb-admin-network-operation-panel { background: var(--sdb-color-surface); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-element); padding: var(--sdb-space-6); } .sdb-admin-tool-panel__header, .sdb-admin-code-editor__header { margin-bottom: var(--sdb-space-4); } .sdb-admin-tool-panel__title { margin: 0 0 var(--sdb-space-2); color: var(--sdb-color-title); font-size: 20px; } .sdb-admin-tool-panel__description { margin: 0; color: var(--sdb-color-text); } .sdb-admin-tool-panel__body { display: grid; gap: var(--sdb-space-4); } .sdb-admin-tool-panel__actions, .sdb-admin-batch-controls__actions, .sdb-admin-progress-panel__actions, .sdb-admin-export-actions { display: flex; flex-wrap: wrap; gap: var(--sdb-space-3); align-items: center; } .sdb-admin-site-selector { display: grid; gap: var(--sdb-space-2); } .sdb-admin-site-selector__label, .sdb-admin-batch-controls__field label { color: var(--sdb-color-title); font-weight: 700; } .sdb-admin-site-selector__control, .sdb-admin-code-field { width: 100%; min-height: var(--sdb-control-height-md, 44px); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface); color: var(--sdb-color-title); } .sdb-admin-site-selector__description, .sdb-admin-export-actions__note { margin: 0; color: var(--sdb-color-muted); font-size: 14px; } .sdb-admin-scan-status { display: flex; gap: var(--sdb-space-3); align-items: flex-start; padding: var(--sdb-space-4); border-radius: var(--sdb-radius-md); border: 1px solid var(--sdb-color-border); background: var(--sdb-color-background); } .sdb-admin-scan-status__icon { flex: 0 0 auto; width: 26px; height: 26px; display: inline-grid; place-items: center; border-radius: var(--sdb-radius-circle); background: var(--sdb-color-primary); color: #fff; } .sdb-admin-scan-status__content { display: grid; gap: 2px; color: var(--sdb-color-text); } .sdb-admin-scan-status__content strong { color: var(--sdb-color-title); } .sdb-admin-scan-status--running { background: var(--sdb-color-info-bg); border-color: rgba(134, 134, 242, .35); } .sdb-admin-scan-status--finished { background: var(--sdb-color-success-bg); border-color: rgba(47, 143, 78, .3); } .sdb-admin-scan-status--warning, .sdb-admin-scan-status--paused { background: var(--sdb-color-warning-bg); border-color: rgba(245, 158, 11, .35); } .sdb-admin-scan-status--error { background: var(--sdb-color-error-bg); border-color: rgba(197, 48, 48, .35); } .sdb-admin-progress-panel { display: grid; gap: var(--sdb-space-3); } .sdb-admin-progress-panel__meta { display: flex; justify-content: space-between; gap: var(--sdb-space-3); color: var(--sdb-color-text); font-size: 14px; } .sdb-admin-progress-panel__meta strong { color: var(--sdb-color-title); } .sdb-admin-progress-panel__bar { overflow: hidden; height: 8px; border-radius: var(--sdb-radius-pill); background: var(--sdb-color-border); } .sdb-admin-progress-panel__bar > span { display: block; height: 100%; border-radius: inherit; background: var(--sdb-progress-fill); } .sdb-admin-result-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: var(--sdb-space-3); } .sdb-admin-result-summary__item { padding: var(--sdb-space-4); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface-muted); } .sdb-admin-result-summary__item strong { display: block; color: var(--sdb-color-primary); font-size: 28px; line-height: 1; } .sdb-admin-result-summary__item span { display: block; margin-top: 6px; color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); text-transform: uppercase; letter-spacing: .08em; font-size: 12px; } .sdb-admin-danger-zone { padding: var(--sdb-space-6); border: 1px solid rgba(197, 48, 48, .28); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-error-bg); } .sdb-admin-danger-zone__title { margin: 0 0 var(--sdb-space-2); color: var(--sdb-color-error-text); } .sdb-admin-danger-zone__text { color: var(--sdb-color-error-text); } .sdb-admin-danger-zone__actions { display: flex; gap: var(--sdb-space-3); flex-wrap: wrap; } .sdb-admin-code-editor { overflow: hidden; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); box-shadow: var(--sdb-shadow-element); } .sdb-admin-code-editor__header, .sdb-admin-code-editor__footer { display: flex; align-items: center; justify-content: space-between; gap: var(--sdb-space-3); padding: var(--sdb-space-3) var(--sdb-space-4); background: var(--sdb-color-background); color: var(--sdb-color-title); } .sdb-admin-code-editor__body { padding: var(--sdb-space-4); font-family: var(--sdb-font-mono); color: var(--sdb-color-title); } .sdb-admin-file-status { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 9px; border-radius: var(--sdb-radius-pill); font-size: 12px; font-weight: 700; } .sdb-admin-file-status--readable, .sdb-admin-file-status--writable { background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); } .sdb-admin-file-status--missing, .sdb-admin-file-status--error { background: var(--sdb-color-error-bg); color: var(--sdb-color-error-text); } .sdb-admin-permission-matrix, .sdb-admin-capability-list { display: grid; gap: var(--sdb-space-3); } .sdb-admin-permission-matrix__group, .sdb-admin-capability-list__item { padding: var(--sdb-space-3); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface); } .sdb-admin-capability-list__code { font-family: var(--sdb-font-mono); font-size: 13px; } .sdb-admin-advanced-details { border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface); } .sdb-admin-advanced-details__summary { cursor: pointer; padding: var(--sdb-space-3) var(--sdb-space-4); font-weight: 700; color: var(--sdb-color-title); } .sdb-admin-advanced-details__content { padding: 0 var(--sdb-space-4) var(--sdb-space-4); color: var(--sdb-color-text); } .sdb-is-spinning { animation: sdb-spin 900ms linear infinite; } @keyframes sdb-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .sdb-is-spinning { animation: none; } } .sdb-hero-slider { position: relative; width: 100%; } .sdb-hero-slider--contained { overflow: hidden; border-radius: var(--sdb-radius-xl); box-shadow: var(--sdb-shadow-card); } .sdb-hero-slider--full-width { width: 100vw; margin-left: calc(50% - 50vw); } .sdb-hero-slider--full-viewport .sdb-hero-slide { min-height: 100vh; } .sdb-hero-slide { position: relative; min-height: clamp(420px, 62vw, 720px); display: grid; align-items: end; overflow: hidden; background: var(--sdb-color-soft-black); } .sdb-hero-media { position: absolute; inset: 0; } .sdb-hero-image { width: 100%; height: 100%; object-fit: cover; display: block; } .sdb-hero-overlay { position: absolute; inset: 0; background: var(--sdb-color-overlay); pointer-events: none; } .sdb-hero-overlay--dark { background: rgba(10, 20, 32, .62); } .sdb-hero-overlay--gradient-left { background: linear-gradient(90deg, rgba(10, 20, 32, .78) 0%, rgba(10, 20, 32, .42) 48%, rgba(10, 20, 32, .08) 100%); } .sdb-hero-overlay--gradient-bottom { background: linear-gradient(0deg, rgba(10, 20, 32, .78) 0%, rgba(10, 20, 32, .36) 45%, rgba(10, 20, 32, .08) 100%); } .sdb-hero-content { position: relative; z-index: 2; max-width: 780px; padding: clamp(28px, 6vw, 72px); color: var(--sdb-color-on-image); } .sdb-hero-title { margin: 0; color: var(--sdb-color-on-image); font-size: var(--sdb-font-size-hero-lg); line-height: var(--sdb-line-height-hero); font-family: var(--sdb-font-heading); } .sdb-hero-subtitle { margin: var(--sdb-space-4) 0 0; color: var(--sdb-color-on-image-muted); font-size: clamp(17px, 2vw, 22px); } .sdb-hero-tag { display: inline-flex; margin-bottom: var(--sdb-space-3); padding: 5px 12px; border: 1px solid var(--sdb-border-on-image); border-radius: var(--sdb-radius-pill); color: var(--sdb-color-on-image); font-family: var(--sdb-font-meta); text-transform: uppercase; letter-spacing: .09em; font-size: 12px; font-weight: 700; } .sdb-hero-cta { margin-top: var(--sdb-space-5); } .sdb-slider-control { position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: var(--sdb-radius-circle); border: 1px solid var(--sdb-color-border); background: var(--sdb-color-surface); color: var(--sdb-color-primary); display: inline-grid; place-items: center; cursor: pointer; transition: transform var(--sdb-transition-base) var(--sdb-ease-standard); } .sdb-slider-control:hover { transform: translateY(-50%) scale(1.04); } .sdb-slider-control--prev { left: var(--sdb-space-4); } .sdb-slider-control--next { right: var(--sdb-space-4); } .sdb-slider-control--on-image { border-color: var(--sdb-border-on-image); background: rgba(255,255,255,.14); color: var(--sdb-color-on-image); backdrop-filter: blur(8px); } .sdb-slider-pagination { display: flex; gap: var(--sdb-space-2); align-items: center; justify-content: center; } .sdb-slider-pagination--on-image { position: absolute; z-index: 3; left: 0; right: 0; bottom: var(--sdb-space-5); } .sdb-slider-pagination__item { width: 9px; height: 9px; border-radius: var(--sdb-radius-circle); background: var(--sdb-color-muted); opacity: .55; } .sdb-slider-pagination--on-image .sdb-slider-pagination__item { background: var(--sdb-color-on-image); } .sdb-slider-pagination__item--active { width: 24px; opacity: 1; } .sdb-slider-preview-card { position: relative; overflow: hidden; min-height: 220px; border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-on-image-card); background: var(--sdb-color-soft-black); } .sdb-slider-preview-card__image { position: absolute; inset: 0; } .sdb-slider-preview-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; } .sdb-slider-preview-card__overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,20,32,.72), rgba(10,20,32,.12)); } .sdb-slider-preview-card__title { position: absolute; left: var(--sdb-space-5); right: var(--sdb-space-5); bottom: var(--sdb-space-5); margin: 0; color: var(--sdb-color-on-image); font-size: 22px; } @media (max-width: 782px) { .sdb-admin-dashboard-grid--two-columns, .sdb-admin-tool-grid--two-columns { grid-template-columns: 1fr; } .sdb-hero-slide { min-height: 480px; } .sdb-slider-control { display: none; } .sdb-hero-content { padding: 28px; } } :root { --sdb-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --sdb-color-on-image: #FFFFFF; --sdb-color-on-image-muted: rgba(255, 255, 255, 0.82); --sdb-color-on-image-soft: rgba(255, 255, 255, 0.14); --sdb-color-on-image-border: rgba(255, 255, 255, 0.28); --sdb-shadow-overlay: 0 18px 45px rgba(10, 24, 42, 0.22); --sdb-shadow-on-image-card: 0 18px 44px rgba(0, 0, 0, 0.28); --sdb-focus-ring: 0 0 0 3px rgba(0, 155, 216, 0.28); } .sdb-u-font-heading { font-family: var(--sdb-font-heading); } .sdb-u-font-body { font-family: var(--sdb-font-body); } .sdb-u-font-meta { font-family: var(--sdb-font-meta); letter-spacing: .08em; text-transform: uppercase; } .sdb-u-font-mono { font-family: var(--sdb-font-mono); } .sdb-u-text-primary { color: var(--sdb-color-primary); } .sdb-u-text-secondary { color: var(--sdb-color-secondary); } .sdb-u-text-title { color: var(--sdb-color-title); } .sdb-u-text-body { color: var(--sdb-color-text); } .sdb-u-text-muted { color: var(--sdb-color-muted); } .sdb-u-text-on-image { color: var(--sdb-color-on-image); } .sdb-u-text-on-image-muted { color: var(--sdb-color-on-image-muted); } .sdb-u-bg-surface { background: var(--sdb-color-surface); } .sdb-u-bg-muted { background: var(--sdb-color-background); } .sdb-u-bg-primary { background: var(--sdb-color-primary); color: var(--sdb-color-on-image); } .sdb-u-bg-on-image { background: var(--sdb-color-on-image-soft); color: var(--sdb-color-on-image); } .sdb-u-radius-sm { border-radius: var(--sdb-radius-sm, 8px); } .sdb-u-radius-md { border-radius: var(--sdb-radius-md); } .sdb-u-radius-lg { border-radius: var(--sdb-radius-lg, 18px); } .sdb-u-radius-pill { border-radius: var(--sdb-radius-pill, 999px); } .sdb-u-shadow-card { box-shadow: var(--sdb-shadow-card, var(--sdb-shadow-element)); } .sdb-u-shadow-element { box-shadow: var(--sdb-shadow-element); } .sdb-u-shadow-overlay { box-shadow: var(--sdb-shadow-overlay); } .sdb-u-focus-ring:focus-visible, .sdb-u-focus-ring :where(a, button, input, select, textarea):focus-visible { outline: none; box-shadow: var(--sdb-focus-ring); } .sdb-u-clickable-area { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; } .sdb-u-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } .sdb-editorial { color: var(--sdb-color-text); font-family: var(--sdb-font-body); } .sdb-editorial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 34px); } .sdb-editorial-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdb-editorial-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sdb-editorial-list { display: grid; gap: 18px; } .sdb-editorial-item, .sdb-editorial-card, .sdb-editorial-feature { position: relative; min-width: 0; color: inherit; } .sdb-editorial-card { background: var(--sdb-color-surface); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg, 18px); overflow: clip; box-shadow: var(--sdb-shadow-card, var(--sdb-shadow-element)); } .sdb-editorial-card__inner, .sdb-editorial-content { padding: clamp(18px, 2.4vw, 28px); } .sdb-editorial-media { position: relative; overflow: hidden; background: var(--sdb-color-background); } .sdb-editorial-media img, .sdb-editorial-media__image { display: block; width: 100%; height: 100%; object-fit: cover; } .sdb-editorial-title { margin: 0 0 .55em; font-family: var(--sdb-font-heading); font-size: var(--sdb-font-size-card-title, inherit); font-weight: var(--sdb-font-weight-card-title, 700); line-height: var(--sdb-line-height-card-title, 1.1); letter-spacing: var(--sdb-letter-spacing-card-title, -0.01em); color: var(--sdb-color-title); } .sdb-editorial-text { margin: 0; color: var(--sdb-color-text); line-height: 1.65; } .sdb-editorial-meta, .sdb-editorial-eyebrow { display: inline-flex; align-items: center; gap: .45rem; font-family: var(--sdb-font-meta); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sdb-color-muted); } .sdb-editorial-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 20px; } .sdb-on-image { color: var(--sdb-color-on-image); text-shadow: 0 2px 12px rgba(0, 0, 0, .32); } .sdb-on-image__eyebrow, .sdb-tag-on-image { display: inline-flex; align-items: center; gap: .45rem; width: fit-content; max-width: 100%; font-family: var(--sdb-font-meta); font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: .08em; text-transform: uppercase; color: var(--sdb-color-on-image); } .sdb-on-image__title { margin: 0; font-family: var(--sdb-font-heading); font-size: var(--sdb-font-size-hero-title, inherit); font-weight: var(--sdb-font-weight-hero-title, 800); line-height: var(--sdb-line-height-hero-title, 1.02); letter-spacing: var(--sdb-letter-spacing-hero-title, -0.035em); color: var(--sdb-color-on-image); } .sdb-on-image__text, .sdb-on-image__meta { color: var(--sdb-color-on-image-muted); } .sdb-on-image__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 22px; } .sdb-tag-on-image--plain { padding: 0; background: transparent; border: 0; } .sdb-tag-on-image--pill { padding: .58em .85em; border-radius: var(--sdb-radius-pill, 999px); background: rgba(0, 0, 0, .32); border: 1px solid var(--sdb-color-on-image-border); backdrop-filter: blur(8px); } .sdb-tag-on-image--outline { padding: .58em .85em; border-radius: var(--sdb-radius-pill, 999px); background: transparent; border: 1px solid var(--sdb-color-on-image-border); } .sdb-link-on-image { display: inline-flex; align-items: center; gap: .55em; color: var(--sdb-color-on-image); font-family: var(--sdb-font-meta); font-weight: var(--sdb-font-weight-button, 800); letter-spacing: var(--sdb-letter-spacing-button, .06em); text-transform: uppercase; text-decoration: none; text-shadow: 0 2px 12px rgba(0, 0, 0, .34); } .sdb-link-on-image:hover, .sdb-link-on-image:focus-visible { color: var(--sdb-color-on-image); text-decoration: underline; text-underline-offset: .35em; } .sdb-link-on-image--arrow::after { content: '→'; transform: translateY(-1px); transition: transform .18s ease; } .sdb-link-on-image--arrow:hover::after { transform: translate(3px, -1px); } .sdb-link-on-image--underline { border-bottom: 1px solid rgba(255,255,255,.42); padding-bottom: .22em; } .sdb-btn--on-image, .sdb-btn--on-image-outline, .sdb-btn--on-image-text { color: var(--sdb-color-on-image); border-color: var(--sdb-color-on-image-border); } .sdb-btn--on-image { background: var(--sdb-color-primary); border-color: var(--sdb-color-primary); box-shadow: 0 14px 30px rgba(0, 0, 0, .18); } .sdb-btn--on-image:hover { color: var(--sdb-color-on-image); filter: brightness(1.06); } .sdb-btn--on-image-outline { background: rgba(0, 0, 0, .22); backdrop-filter: blur(8px); } .sdb-btn--on-image-outline:hover { background: rgba(255, 255, 255, .16); color: var(--sdb-color-on-image); } .sdb-btn--on-image-text { background: transparent; border-color: transparent; box-shadow: none; padding-inline: 0; } .sdb-btn--on-image-text:hover { color: var(--sdb-color-on-image); text-decoration: underline; text-underline-offset: .35em; } .sdb-slider-control--centered { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; } .sdb-slider-control--prev.sdb-slider-control--edge { left: clamp(14px, 2.5vw, 34px); } .sdb-slider-control--next.sdb-slider-control--edge { right: clamp(14px, 2.5vw, 34px); } .sdb-slider-control--light, .sdb-slider-control--dark, .sdb-slider-control--glass, .sdb-slider-control--minimal { min-width: 46px; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; text-decoration: none; border: 1px solid transparent; line-height: 1; } .sdb-slider-control--light { color: var(--sdb-color-title); background: rgba(255,255,255,.9); border-color: rgba(255,255,255,.52); box-shadow: var(--sdb-shadow-on-image-card); } .sdb-slider-control--dark { color: #fff; background: rgba(0,0,0,.45); border-color: rgba(255,255,255,.18); } .sdb-slider-control--glass { color: #fff; background: rgba(0,0,0,.22); border-color: rgba(255,255,255,.28); backdrop-filter: blur(10px); } .sdb-slider-control--minimal { color: #fff; background: transparent; border-color: transparent; text-shadow: 0 2px 12px rgba(0,0,0,.38); } .sdb-slider-control--light:hover, .sdb-slider-control--dark:hover, .sdb-slider-control--glass:hover, .sdb-slider-control--minimal:hover { filter: brightness(1.06); } @media (max-width: 900px) { .sdb-editorial-grid, .sdb-editorial-grid--2, .sdb-editorial-grid--3, .sdb-editorial-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .sdb-editorial-grid, .sdb-editorial-grid--2, .sdb-editorial-grid--3, .sdb-editorial-grid--4 { grid-template-columns: 1fr; } .sdb-slider-control--light, .sdb-slider-control--dark, .sdb-slider-control--glass, .sdb-slider-control--minimal { min-width: 42px; min-height: 42px; } } :root { --sdb-space-inline-xs: var(--sdb-space-2); --sdb-space-inline-sm: var(--sdb-space-3); --sdb-space-inline-md: var(--sdb-space-4); --sdb-space-inline-lg: var(--sdb-space-6); --sdb-space-block-xs: var(--sdb-space-2); --sdb-space-block-sm: var(--sdb-space-3); --sdb-space-block-md: var(--sdb-space-5); --sdb-space-block-lg: var(--sdb-space-8); --sdb-icon-size-sm: 28px; --sdb-icon-size-md: 38px; --sdb-icon-size-lg: 52px; --sdb-action-gap: var(--sdb-space-3); --sdb-detail-aside-bg: var(--sdb-color-surface); --sdb-detail-aside-border: var(--sdb-color-border); --sdb-detail-aside-radius: var(--sdb-radius-lg); } .sdb-btn--subtle, a.sdb-btn--subtle, button.sdb-btn--subtle { color: var(--sdb-color-primary) !important; background: var(--sdb-color-blue-background) !important; border-color: var(--sdb-color-blue-divider) !important; box-shadow: none !important; } .sdb-btn--subtle:hover, a.sdb-btn--subtle:hover, button.sdb-btn--subtle:hover { color: var(--sdb-color-primary-hover) !important; background: #fff !important; border-color: var(--sdb-color-primary) !important; } .sdb-btn--ghost, a.sdb-btn--ghost, button.sdb-btn--ghost { color: var(--sdb-color-text) !important; background: transparent !important; border-color: var(--sdb-color-border) !important; box-shadow: none !important; } .sdb-btn--ghost:hover, a.sdb-btn--ghost:hover, button.sdb-btn--ghost:hover { color: var(--sdb-color-primary) !important; background: var(--sdb-color-surface) !important; border-color: var(--sdb-color-primary) !important; } .sdb-actions--contextual, .sdb-context-actions--compact { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-action-gap); } .sdb-action-link, a.sdb-action-link { display: inline-flex; align-items: center; gap: .5em; font-family: var(--sdb-font-body); font-weight: 600; color: var(--sdb-color-primary); text-decoration: none; border-bottom: 1px solid rgba(0, 88, 183, .22); padding-bottom: .12em; } .sdb-action-link:hover, a.sdb-action-link:hover { color: var(--sdb-color-primary-hover); border-bottom-color: currentColor; } .sdb-action-link--arrow::after { content: "→"; font-size: 1.05em; line-height: 1; } .sdb-action-link--back::before { content: "←"; font-size: 1.05em; line-height: 1; } .sdb-section-icon, .sdb-icon-badge { width: var(--sdb-icon-size-md); height: var(--sdb-icon-size-md); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: var(--sdb-radius-pill); background: var(--sdb-color-blue-background); color: var(--sdb-color-primary); font-family: var(--sdb-font-heading); font-weight: 700; line-height: 1; } .sdb-icon-badge--sm { width: var(--sdb-icon-size-sm); height: var(--sdb-icon-size-sm); font-size: 13px; } .sdb-icon-badge--lg { width: var(--sdb-icon-size-lg); height: var(--sdb-icon-size-lg); font-size: 20px; } .sdb-share-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-2); } .sdb-share-action, a.sdb-share-action { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--sdb-radius-pill); border: 1px solid var(--sdb-color-border); background: var(--sdb-color-surface); color: var(--sdb-color-primary); font-family: var(--sdb-font-heading); font-weight: 700; font-size: 14px; text-decoration: none; box-shadow: var(--sdb-shadow-element); transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease; } .sdb-share-action:hover, a.sdb-share-action:hover { transform: translateY(-1px); background: var(--sdb-color-primary); border-color: var(--sdb-color-primary); color: #fff; } .sdb-detail-aside { min-width: 0; padding: clamp(18px, 2.5vw, 28px); background: var(--sdb-detail-aside-bg); border: 1px solid var(--sdb-detail-aside-border); border-radius: var(--sdb-detail-aside-radius); box-shadow: var(--sdb-shadow-element); color: var(--sdb-color-text); } .sdb-detail-aside__title { margin: 0 0 var(--sdb-space-4); font-family: var(--sdb-font-heading); font-size: 20px; line-height: 1.2; color: var(--sdb-color-title); } .sdb-detail-aside__list { display: grid; gap: var(--sdb-space-3); margin: 0; } .sdb-detail-aside__list dt { margin: 0; font-family: var(--sdb-font-meta); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sdb-color-muted); } .sdb-detail-aside__list dd { margin: -8px 0 0; color: var(--sdb-color-text); } .sdb-adoption-levels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sdb-space-4); } .sdb-adoption-level { padding: var(--sdb-space-5); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); box-shadow: var(--sdb-shadow-element); } .sdb-adoption-level strong { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: var(--sdb-space-3); border-radius: var(--sdb-radius-pill); background: var(--sdb-color-blue-background); color: var(--sdb-color-primary); font-family: var(--sdb-font-heading); } .sdb-adoption-level span { display: block; color: var(--sdb-color-text); font-weight: 600; } @media (max-width: 767px) { .sdb-adoption-levels { grid-template-columns: 1fr; } .sdb-actions--contextual { align-items: stretch; } .sdb-actions--contextual .sdb-btn { width: 100%; } } :root { --sdb-nav-font: var(--sdb-font-heading); --sdb-nav-font-size: 15px; --sdb-nav-font-weight: var(--sdb-font-weight-semibold); --sdb-nav-letter-spacing: 0.01em; --sdb-nav-dropdown-font: var(--sdb-font-body); --sdb-nav-dropdown-font-size: 14px; --sdb-nav-dropdown-font-weight: var(--sdb-font-weight-medium); --sdb-nav-mobile-font: var(--sdb-font-heading); --sdb-nav-mobile-font-size: 16px; --sdb-nav-mobile-font-weight: var(--sdb-font-weight-semibold); --sdb-topbar-font-size: 14px; --sdb-topbar-font-weight: var(--sdb-font-weight-regular); --sdb-topbar-letter-spacing: 0.02em; --sdb-nav-gap: var(--sdb-space-4, 16px); --sdb-nav-link-padding-y: 10px; --sdb-nav-link-padding-x: 12px; --sdb-nav-link-color: var(--sdb-color-title); --sdb-nav-link-hover-color: var(--sdb-color-primary); --sdb-nav-link-active-color: var(--sdb-color-primary); --sdb-nav-link-bg-hover: var(--sdb-color-blue-background); --sdb-nav-dropdown-bg: var(--sdb-color-surface); --sdb-nav-dropdown-color: var(--sdb-color-text); --sdb-nav-dropdown-border: var(--sdb-color-border); --sdb-nav-dropdown-radius: var(--sdb-radius-md); --sdb-nav-dropdown-shadow: var(--sdb-shadow-card); --sdb-nav-dropdown-min-width: 220px; --sdb-nav-dropdown-padding: var(--sdb-space-2, 8px); --sdb-nav-cta-bg: var(--sdb-color-primary); --sdb-nav-cta-color: #fff; --sdb-nav-cta-hover-bg: var(--sdb-color-secondary); --sdb-nav-cta-radius: var(--sdb-radius-pill); } .sdb-nav { display: flex; align-items: center; width: 100%; font-family: var(--sdb-nav-font); color: var(--sdb-nav-link-color); } .sdb-nav__list { display: flex; align-items: center; gap: var(--sdb-nav-gap); margin: 0; padding: 0; list-style: none; } .sdb-nav__item { position: relative; margin: 0; padding: 0; } .sdb-nav__link, .sdb-nav__cta { display: inline-flex; align-items: center; justify-content: center; gap: .45em; min-height: 40px; padding: var(--sdb-nav-link-padding-y) var(--sdb-nav-link-padding-x); border-radius: var(--sdb-radius-md); font-family: var(--sdb-nav-font); font-size: var(--sdb-nav-font-size); font-weight: var(--sdb-nav-font-weight); letter-spacing: var(--sdb-nav-letter-spacing); line-height: 1.2; text-decoration: none; transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease; } .sdb-nav__link { color: var(--sdb-nav-link-color); background: transparent; border: 0; } .sdb-nav__link:hover, .sdb-nav__link:focus-visible, .sdb-nav__item.is-active > .sdb-nav__link, .sdb-nav__link[aria-current="page"] { color: var(--sdb-nav-link-hover-color); background: var(--sdb-nav-link-bg-hover); } .sdb-nav__link:focus-visible, .sdb-nav__cta:focus-visible { outline: 2px solid var(--sdb-color-primary); outline-offset: 3px; } .sdb-nav__dropdown { position: absolute; top: calc(100% + 8px); left: 0; z-index: var(--sdb-z-dropdown, 40); min-width: var(--sdb-nav-dropdown-min-width); padding: var(--sdb-nav-dropdown-padding); color: var(--sdb-nav-dropdown-color); font-family: var(--sdb-nav-dropdown-font); font-size: var(--sdb-nav-dropdown-font-size); font-weight: var(--sdb-nav-dropdown-font-weight); background: var(--sdb-nav-dropdown-bg); border: 1px solid var(--sdb-nav-dropdown-border); border-radius: var(--sdb-nav-dropdown-radius); box-shadow: var(--sdb-nav-dropdown-shadow); } .sdb-nav__dropdown[hidden] { display: none; } .sdb-nav__cta { padding-inline: 18px; color: var(--sdb-nav-cta-color); background: var(--sdb-nav-cta-bg); border-radius: var(--sdb-nav-cta-radius); } .sdb-nav__cta:hover, .sdb-nav__cta:focus-visible { color: var(--sdb-nav-cta-color); background: var(--sdb-nav-cta-hover-bg); } .sdb-nav--vertical, .sdb-nav--vertical .sdb-nav__list { flex-direction: column; align-items: stretch; } .sdb-nav--compact { --sdb-nav-gap: var(--sdb-space-2, 8px); --sdb-nav-link-padding-y: 7px; --sdb-nav-link-padding-x: 9px; --sdb-nav-font-size: 14px; } @media (max-width: 767px) { .sdb-nav { font-family: var(--sdb-nav-mobile-font); } .sdb-nav__link, .sdb-nav__cta { font-size: var(--sdb-nav-mobile-font-size); font-weight: var(--sdb-nav-mobile-font-weight); } .sdb-nav__list { flex-wrap: wrap; align-items: stretch; } .sdb-nav__item { min-width: 0; } .sdb-nav__dropdown { position: static; width: 100%; margin-top: var(--sdb-space-2, 8px); } } :root { --sdb-editorial-title-sm: clamp(18px, 1.25vw, 22px); --sdb-editorial-title-md: clamp(22px, 1.8vw, 30px); --sdb-editorial-title-lg: clamp(28px, 3vw, 42px); --sdb-editorial-title-featured: clamp(34px, 4vw, 58px); --sdb-overlay-soft: linear-gradient(180deg, rgba(10, 24, 42, 0.08) 0%, rgba(10, 24, 42, 0.34) 100%); --sdb-overlay-medium: linear-gradient(180deg, rgba(10, 24, 42, 0.12) 0%, rgba(10, 24, 42, 0.56) 100%); --sdb-overlay-strong: linear-gradient(180deg, rgba(10, 24, 42, 0.22) 0%, rgba(10, 24, 42, 0.78) 100%); --sdb-editorial-panel-bg: var(--sdb-color-surface, #fff); --sdb-editorial-panel-color: var(--sdb-color-text, #364048); --sdb-editorial-panel-border: var(--sdb-color-border, #eef3f8); --sdb-editorial-panel-radius: var(--sdb-radius-lg, 18px); --sdb-editorial-panel-shadow: var(--sdb-shadow-card, var(--sdb-shadow-element)); --sdb-editorial-panel-padding: clamp(20px, 3vw, 34px); --sdb-editorial-panel-accent-bg: color-mix(in srgb, var(--sdb-color-primary, #0058B7) 8%, var(--sdb-color-surface, #fff)); --sdb-editorial-panel-on-image-bg: rgba(10, 24, 42, 0.54); --sdb-editorial-panel-on-image-border: rgba(255, 255, 255, 0.22); --sdb-editorial-eyebrow-color: var(--sdb-color-primary, #0058B7); --sdb-editorial-eyebrow-font-size: 13px; --sdb-editorial-eyebrow-font-weight: var(--sdb-font-weight-semibold, 600); --sdb-editorial-eyebrow-letter-spacing: 0.08em; --sdb-editorial-link-color: var(--sdb-color-primary, #0058B7); --sdb-editorial-link-hover-color: var(--sdb-color-secondary, #009BD8); } .sdb-editorial-title-sm { font-size: var(--sdb-editorial-title-sm); } .sdb-editorial-title-md { font-size: var(--sdb-editorial-title-md); } .sdb-editorial-title-lg { font-size: var(--sdb-editorial-title-lg); } .sdb-editorial-title-featured { font-size: var(--sdb-editorial-title-featured); } .sdb-editorial-title-sm, .sdb-editorial-title-md, .sdb-editorial-title-lg, .sdb-editorial-title-featured { font-family: var(--sdb-font-heading); font-weight: var(--sdb-font-weight-hero-title, var(--sdb-font-weight-bold, 700)); line-height: var(--sdb-line-height-heading, 1.12); letter-spacing: var(--sdb-letter-spacing-heading, -0.02em); color: var(--sdb-color-title, var(--sdb-color-text)); } .sdb-editorial-overlay { position: absolute; inset: 0; pointer-events: none; z-index: 1; } .sdb-editorial-overlay--soft { background: var(--sdb-overlay-soft); } .sdb-editorial-overlay--medium { background: var(--sdb-overlay-medium); } .sdb-editorial-overlay--strong { background: var(--sdb-overlay-strong); } .sdb-editorial-panel { position: relative; z-index: 2; padding: var(--sdb-editorial-panel-padding); border-radius: var(--sdb-editorial-panel-radius); color: var(--sdb-editorial-panel-color); } .sdb-editorial-panel--surface { background: var(--sdb-editorial-panel-bg); border: 1px solid var(--sdb-editorial-panel-border); box-shadow: var(--sdb-editorial-panel-shadow); } .sdb-editorial-panel--on-image { color: var(--sdb-color-on-image, #fff); background: var(--sdb-editorial-panel-on-image-bg); border: 1px solid var(--sdb-editorial-panel-on-image-border); box-shadow: var(--sdb-shadow-on-image-card, var(--sdb-shadow-overlay)); backdrop-filter: blur(10px); } .sdb-editorial-panel--on-image :where(h1,h2,h3,h4,p,a,span) { color: inherit; } .sdb-editorial-panel--accent-soft { background: var(--sdb-editorial-panel-accent-bg); border: 1px solid color-mix(in srgb, var(--sdb-color-primary, #0058B7) 18%, var(--sdb-color-border, #eef3f8)); box-shadow: var(--sdb-shadow-element); } .sdb-editorial-eyebrow { display: inline-flex; align-items: center; gap: .5em; width: fit-content; max-width: 100%; margin: 0 0 .85em; color: var(--sdb-editorial-eyebrow-color); font-family: var(--sdb-font-meta); font-size: var(--sdb-editorial-eyebrow-font-size); font-weight: var(--sdb-editorial-eyebrow-font-weight); letter-spacing: var(--sdb-editorial-eyebrow-letter-spacing); line-height: 1.2; text-transform: uppercase; } .sdb-editorial-eyebrow::before { content: ''; display: inline-block; width: 24px; height: 2px; border-radius: var(--sdb-radius-pill, 999px); background: currentColor; opacity: .46; } .sdb-editorial-panel--on-image .sdb-editorial-eyebrow, .sdb-on-image .sdb-editorial-eyebrow { color: var(--sdb-color-on-image-muted, rgba(255,255,255,.86)); } .sdb-editorial-link { display: inline-flex; align-items: center; gap: .5em; color: var(--sdb-editorial-link-color); font-family: var(--sdb-font-meta); font-size: var(--sdb-font-size-button, 15px); font-weight: var(--sdb-font-weight-button, var(--sdb-font-weight-semibold, 600)); letter-spacing: var(--sdb-letter-spacing-button, .04em); line-height: 1.2; text-decoration: none; text-transform: uppercase; } .sdb-editorial-link::after { content: '→'; transition: transform var(--sdb-transition-fast, 150ms) var(--sdb-ease-standard, ease); } .sdb-editorial-link:hover, .sdb-editorial-link:focus-visible { color: var(--sdb-editorial-link-hover-color); text-decoration: underline; text-underline-offset: .32em; } .sdb-editorial-link:hover::after, .sdb-editorial-link:focus-visible::after { transform: translateX(3px); } .sdb-editorial-link--on-image { color: var(--sdb-color-on-image, #fff); text-shadow: 0 2px 12px rgba(0, 0, 0, .34); } .sdb-editorial-link--on-image:hover, .sdb-editorial-link--on-image:focus-visible { color: var(--sdb-color-on-image, #fff); } .sdb-editorial-grid--mosaic { grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); align-items: stretch; } .sdb-editorial-grid--mosaic > :first-child { grid-row: span 2; } .sdb-editorial-grid--feature { grid-template-columns: minmax(0, 1.1fr) minmax(280px, .55fr); align-items: stretch; } .sdb-editorial-grid--compact { gap: clamp(12px, 2vw, 20px); } .sdb-editorial-grid--compact .sdb-editorial-content, .sdb-editorial-grid--compact .sdb-editorial-card__inner { padding: clamp(14px, 2vw, 20px); } @media (max-width: 900px) { .sdb-editorial-grid--mosaic, .sdb-editorial-grid--feature { grid-template-columns: 1fr; } .sdb-editorial-grid--mosaic > :first-child { grid-row: auto; } } :root { --sdb-mdb-color-primary: #F26722; --sdb-mdb-color-primary-dark: #E24B00; --sdb-mdb-color-primary-soft: #FFE0CE; --sdb-mdb-color-primary-bg: #FFE7D8; --sdb-mdb-color-title: var(--sdb-color-title); --sdb-mdb-color-text: var(--sdb-color-title); --sdb-mdb-color-muted: var(--sdb-color-muted); --sdb-mdb-color-border: #F6C7B0; --sdb-mdb-color-surface: var(--sdb-color-surface); --sdb-mdb-color-background: var(--sdb-color-background); --sdb-mdb-color-campaign: var(--sdb-mdb-color-primary); --sdb-mdb-color-project: var(--sdb-mdb-color-primary-dark); --sdb-mdb-color-urgent: var(--sdb-color-error); --sdb-mdb-color-completed: var(--sdb-color-success); --sdb-mdb-color-permanent: var(--sdb-color-info); --sdb-mdb-color-featured: var(--sdb-mdb-color-primary-dark); --sdb-mdb-color-progress: var(--sdb-mdb-color-primary); --sdb-mdb-font-title: var(--sdb-font-heading); --sdb-mdb-font-body: var(--sdb-font-body); --sdb-mdb-font-meta: var(--sdb-font-meta); --sdb-mdb-title-card: var(--sdb-editorial-title-md); --sdb-mdb-title-hero: var(--sdb-editorial-title-featured); --sdb-mdb-title-section: var(--sdb-editorial-title-sm); --sdb-mdb-radius-card: var(--sdb-radius-lg); --sdb-mdb-radius-button: var(--sdb-radius-md); --sdb-mdb-radius-pill: var(--sdb-radius-pill); --sdb-mdb-shadow-card: var(--sdb-shadow-card); --sdb-mdb-shadow-element: var(--sdb-shadow-element); --sdb-mdb-card-padding: var(--sdb-card-padding); --sdb-mdb-section-gap: var(--sdb-space-lg); --sdb-progress-height: 10px; --sdb-progress-radius: var(--sdb-radius-pill); --sdb-progress-bg: var(--sdb-color-background); --sdb-progress-fill: var(--sdb-gradient-primary); --sdb-progress-text: var(--sdb-color-text); --sdb-mdb-progress-bg: var(--sdb-mdb-color-primary-bg); --sdb-mdb-progress-fill: var(--sdb-gradient-mdb); --sdb-mdb-progress-height: var(--sdb-progress-height); --sdb-mdb-progress-radius: var(--sdb-progress-radius); --sdb-state-active-bg: var(--sdb-color-success-bg); --sdb-state-active-text: var(--sdb-color-success-text); --sdb-state-completed-bg: var(--sdb-color-success-bg); --sdb-state-completed-text: var(--sdb-color-success-text); --sdb-state-urgent-bg: var(--sdb-color-error-bg); --sdb-state-urgent-text: var(--sdb-color-error-text); --sdb-state-permanent-bg: var(--sdb-color-info-bg); --sdb-state-permanent-text: var(--sdb-color-info-text); --sdb-state-featured-bg: var(--sdb-mdb-color-primary-bg); --sdb-state-featured-text: var(--sdb-mdb-color-primary-dark); --sdb-mdb-state-active-bg: var(--sdb-state-active-bg); --sdb-mdb-state-active-text: var(--sdb-state-active-text); --sdb-mdb-state-completed-bg: var(--sdb-state-completed-bg); --sdb-mdb-state-completed-text: var(--sdb-state-completed-text); --sdb-mdb-state-urgent-bg: var(--sdb-state-urgent-bg); --sdb-mdb-state-urgent-text: var(--sdb-state-urgent-text); --sdb-mdb-state-permanent-bg: var(--sdb-state-permanent-bg); --sdb-mdb-state-permanent-text: var(--sdb-state-permanent-text); --sdb-mdb-state-featured-bg: var(--sdb-state-featured-bg); --sdb-mdb-state-featured-text: var(--sdb-state-featured-text); --sdb-impact-card-bg: var(--sdb-color-surface); --sdb-impact-number-color: var(--sdb-color-primary); --sdb-impact-label-color: var(--sdb-color-muted); --sdb-impact-icon-bg: var(--sdb-color-blue-background); --sdb-impact-icon-color: var(--sdb-color-primary); --sdb-mdb-impact-card-bg: var(--sdb-impact-card-bg); --sdb-mdb-impact-number-color: var(--sdb-mdb-color-primary); --sdb-mdb-impact-label-color: var(--sdb-impact-label-color); --sdb-mdb-impact-icon-bg: var(--sdb-mdb-color-primary-bg); --sdb-mdb-impact-icon-color: var(--sdb-mdb-color-primary-dark); --sdb-transparency-bg: var(--sdb-color-background); --sdb-transparency-border: var(--sdb-color-border); --sdb-transparency-title-color: var(--sdb-color-title); --sdb-transparency-text-color: var(--sdb-color-text); --sdb-mdb-transparency-bg: var(--sdb-mdb-color-primary-bg); --sdb-mdb-transparency-border: var(--sdb-mdb-color-primary-soft); --sdb-mdb-transparency-title-color: var(--sdb-color-title); --sdb-mdb-transparency-text-color: var(--sdb-color-text); } .sdb-u-container { width: min(100% - 32px, var(--sdb-content-width, 1120px)); margin-inline: auto; } .sdb-u-container-wide { width: min(100% - 32px, var(--sdb-content-wide, 1360px)); margin-inline: auto; } .sdb-u-container-content { width: min(100% - 32px, var(--sdb-content-narrow, 820px)); margin-inline: auto; } .sdb-u-section { padding-block: var(--sdb-section-padding, clamp(36px, 6vw, 84px)); } .sdb-u-section-soft { padding: var(--sdb-space-8, 32px); background: var(--sdb-color-background); border-radius: var(--sdb-radius-lg); } .sdb-u-grid { display: grid; gap: var(--sdb-space-lg); grid-template-columns: repeat(var(--sdb-grid-columns, auto-fit), minmax(min(100%, var(--sdb-grid-min, 260px)), 1fr)); } .sdb-u-stack { display: grid; gap: var(--sdb-stack-gap, var(--sdb-space-md)); } .sdb-u-surface { background: var(--sdb-color-surface); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-card); } .sdb-u-heading { font-family: var(--sdb-font-heading); color: var(--sdb-color-title); font-weight: var(--sdb-font-weight-semibold); line-height: 1.15; } .sdb-u-meta { font-family: var(--sdb-font-meta); color: var(--sdb-color-muted); font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .sdb-u-eyebrow { font-family: var(--sdb-font-meta); color: var(--sdb-color-primary); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .sdb-u-badge { display: inline-flex; align-items: center; gap: .4em; min-height: 26px; padding: .35em .7em; border-radius: var(--sdb-radius-pill); background: var(--sdb-color-background); color: var(--sdb-color-title); font-family: var(--sdb-font-meta); font-size: .78rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; } .sdb-u-progress { --sdb-progress-value: var(--sdb-u-progress-value, 0%); } .sdb-u-full-bleed { width: 100vw; margin-left: 50%; transform: translateX(-50%); } .sdb-progress { --sdb-progress-value: var(--sdb-progress-current, 0%); display: grid; gap: var(--sdb-space-2); } .sdb-progress__track { overflow: hidden; height: var(--sdb-progress-height); background: var(--sdb-progress-bg); border-radius: var(--sdb-progress-radius); } .sdb-progress__bar { display: block; width: var(--sdb-progress-value, 0%); height: 100%; background: var(--sdb-progress-fill); border-radius: inherit; transition: width .35s ease; } .sdb-progress__meta { display: flex; justify-content: space-between; gap: var(--sdb-space-3); font-family: var(--sdb-font-meta); font-size: 13px; font-weight: 700; color: var(--sdb-progress-text); } .sdb-progress--mdb { --sdb-progress-bg: var(--sdb-mdb-progress-bg); --sdb-progress-fill: var(--sdb-mdb-progress-fill); --sdb-progress-height: var(--sdb-mdb-progress-height); --sdb-progress-radius: var(--sdb-mdb-progress-radius); } .sdb-status-badge { display: inline-flex; align-items: center; gap: .45em; min-height: 28px; padding: .42em .78em; border-radius: var(--sdb-radius-pill); background: var(--sdb-state-active-bg); color: var(--sdb-state-active-text); font-family: var(--sdb-font-meta); font-size: .78rem; font-weight: 800; letter-spacing: .06em; line-height: 1; text-transform: uppercase; white-space: nowrap; } .sdb-status-badge::before { content: ""; width: .5em; height: .5em; border-radius: 50%; background: currentColor; } .sdb-status-badge--active { background: var(--sdb-state-active-bg); color: var(--sdb-state-active-text); } .sdb-status-badge--completed { background: var(--sdb-state-completed-bg); color: var(--sdb-state-completed-text); } .sdb-status-badge--urgent { background: var(--sdb-state-urgent-bg); color: var(--sdb-state-urgent-text); } .sdb-status-badge--permanent { background: var(--sdb-state-permanent-bg); color: var(--sdb-state-permanent-text); } .sdb-status-badge--featured { background: var(--sdb-state-featured-bg); color: var(--sdb-state-featured-text); } .sdb-impact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: var(--sdb-space-md); } .sdb-impact-metric { display: grid; gap: var(--sdb-space-2); padding: var(--sdb-card-padding); background: var(--sdb-impact-card-bg); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-card); } .sdb-impact-metric__icon { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: var(--sdb-radius-pill); background: var(--sdb-impact-icon-bg); color: var(--sdb-impact-icon-color); } .sdb-impact-metric__number { font-family: var(--sdb-font-heading); font-size: clamp(2rem, 4vw, 3.6rem); font-weight: 800; line-height: 1; color: var(--sdb-impact-number-color); } .sdb-impact-metric__label { font-family: var(--sdb-font-meta); font-size: .82rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--sdb-impact-label-color); } .sdb-impact-metric__text { color: var(--sdb-color-text); } .sdb-impact-grid--mdb, .sdb-impact-metric--mdb { --sdb-impact-card-bg: var(--sdb-mdb-impact-card-bg); --sdb-impact-number-color: var(--sdb-mdb-impact-number-color); --sdb-impact-label-color: var(--sdb-mdb-impact-label-color); --sdb-impact-icon-bg: var(--sdb-mdb-impact-icon-bg); --sdb-impact-icon-color: var(--sdb-mdb-impact-icon-color); } .sdb-transparency-panel { display: grid; gap: var(--sdb-space-md); padding: var(--sdb-card-padding); background: var(--sdb-transparency-bg); border: 1px solid var(--sdb-transparency-border); border-radius: var(--sdb-radius-lg); } .sdb-transparency-panel__title { margin: 0; font-family: var(--sdb-font-heading); color: var(--sdb-transparency-title-color); } .sdb-transparency-panel__text { margin: 0; color: var(--sdb-transparency-text-color); } .sdb-transparency-panel--mdb { --sdb-transparency-bg: var(--sdb-mdb-transparency-bg); --sdb-transparency-border: var(--sdb-mdb-transparency-border); --sdb-transparency-title-color: var(--sdb-mdb-transparency-title-color); --sdb-transparency-text-color: var(--sdb-mdb-transparency-text-color); } .sdb-cause-hero { position: relative; isolation: isolate; display: grid; align-items: end; min-height: clamp(360px, 52vw, 620px); overflow: hidden; border-radius: var(--sdb-radius-lg); background: var(--sdb-color-editorial-accent); color: var(--sdb-color-on-image); } .sdb-cause-hero__media { position: absolute; inset: 0; z-index: -2; } .sdb-cause-hero__media img { width: 100%; height: 100%; object-fit: cover; } .sdb-cause-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--sdb-overlay-strong); } .sdb-cause-hero__content { display: grid; gap: var(--sdb-space-md); width: min(100% - 40px, 760px); padding: clamp(28px, 5vw, 64px); } .sdb-cause-hero__eyebrow { color: currentColor; font-family: var(--sdb-font-meta); font-size: .8rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; opacity: .86; } .sdb-cause-hero__title { margin: 0; color: currentColor; font-family: var(--sdb-font-heading); font-size: var(--sdb-mdb-title-hero, var(--sdb-editorial-title-featured)); font-weight: 800; line-height: 1.02; letter-spacing: -.035em; } .sdb-cause-hero__text { max-width: 58ch; color: currentColor; opacity: .92; } .sdb-cause-hero--mdb { --sdb-color-editorial-accent: var(--sdb-mdb-color-primary-dark); } .sdb-cta-panel { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sdb-space-md); padding: clamp(22px, 4vw, 42px); background: var(--sdb-color-surface); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-card); } .sdb-cta-panel__title { margin: 0; font-family: var(--sdb-font-heading); color: var(--sdb-color-title); } .sdb-cta-panel__text { margin: .3rem 0 0; color: var(--sdb-color-text); } @media (max-width: 767px) { .sdb-cause-hero__content { width: auto; padding: 28px; } .sdb-cause-hero__title { font-size: clamp(2rem, 12vw, 3rem); } .sdb-cta-panel { display: grid; } } :root { --sdb-nav-strip-gap: var(--sdb-space-md, 16px); --sdb-nav-strip-gap-mobile: var(--sdb-space-sm, 10px); --sdb-nav-strip-padding-y: 10px; --sdb-nav-strip-link-padding-x: 4px; --sdb-nav-strip-link-padding-y: 9px; --sdb-nav-strip-font-size: var(--sdb-nav-font-size, 14px); --sdb-nav-strip-font-weight: var(--sdb-nav-font-weight, 600); --sdb-nav-strip-color: var(--sdb-color-text, #334155); --sdb-nav-strip-color-hover: var(--sdb-color-primary, #0058b7); --sdb-nav-strip-color-active: var(--sdb-color-primary, #0058b7); --sdb-nav-strip-muted-color: var(--sdb-color-muted, #64748b); --sdb-nav-strip-border-color: var(--sdb-color-border, #dbe7f3); --sdb-nav-strip-active-border: var(--sdb-color-primary, #0058b7); --sdb-nav-strip-chip-bg: var(--sdb-color-background, #f5f8fc); --sdb-nav-strip-chip-border: var(--sdb-color-border, #dbe7f3); --sdb-nav-strip-chip-color: var(--sdb-color-title, #1f2a36); --sdb-nav-strip-radius: var(--sdb-radius-pill, 999px); --sdb-nav-strip-focus-ring: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 155, 216, .28)); --sdb-hero-height-desktop: clamp(460px, 62vw, 760px); --sdb-hero-height-tablet: 560px; --sdb-hero-height-mobile: 480px; --sdb-hero-content-max-width: 780px; --sdb-hero-content-offset-desktop: clamp(32px, 6vw, 80px); --sdb-hero-content-offset-mobile: 28px; --sdb-hero-title-size-desktop: var(--sdb-editorial-title-featured, clamp(2.4rem, 5vw, 4.8rem)); --sdb-hero-title-size-mobile: clamp(2rem, 11vw, 3.4rem); --sdb-hero-title-line-height: 1.02; --sdb-hero-subtitle-size: clamp(1rem, 2vw, 1.35rem); --sdb-hero-subtitle-line-height: 1.45; --sdb-hero-overlay-soft: var(--sdb-overlay-soft, linear-gradient(90deg, rgba(5,18,34,.44), rgba(5,18,34,.08))); --sdb-hero-overlay-medium: var(--sdb-overlay-medium, linear-gradient(90deg, rgba(5,18,34,.66), rgba(5,18,34,.16))); --sdb-hero-overlay-strong: var(--sdb-overlay-strong, linear-gradient(90deg, rgba(5,18,34,.82), rgba(5,18,34,.24))); --sdb-hero-overlay-gradient-left: linear-gradient(90deg, rgba(5,18,34,.84) 0%, rgba(5,18,34,.54) 46%, rgba(5,18,34,.08) 100%); --sdb-hero-overlay-gradient-bottom: linear-gradient(0deg, rgba(5,18,34,.82) 0%, rgba(5,18,34,.34) 54%, rgba(5,18,34,.08) 100%); --sdb-hero-control-size: 48px; --sdb-hero-control-bg: rgba(255,255,255,.14); --sdb-hero-control-bg-hover: rgba(255,255,255,.22); --sdb-hero-control-color: var(--sdb-color-on-image, #fff); --sdb-hero-control-border: rgba(255,255,255,.30); --sdb-hero-control-shadow: var(--sdb-shadow-overlay, 0 18px 45px rgba(0,0,0,.22)); --sdb-hero-focus-ring: 0 0 0 3px rgba(255,255,255,.52); --sdb-hero-preview-width: 280px; --sdb-hero-preview-height: 168px; --sdb-hero-preview-shadow: var(--sdb-shadow-on-image-card, 0 18px 44px rgba(0,0,0,.28)); --sdb-transition-fast: 150ms; --sdb-transition-base: 220ms; --sdb-transition-slow: 360ms; --sdb-ease-standard: cubic-bezier(.2, .8, .2, 1); --sdb-ease-emphasized: cubic-bezier(.2, 0, 0, 1); --sdb-slider-transition-duration: var(--sdb-transition-base); --sdb-card-gap: var(--sdb-space-lg, 24px); --sdb-filter-gap: var(--sdb-space-md, 16px); --sdb-detail-gap: var(--sdb-space-lg, 28px); --sdb-detail-aside-width: 340px; --sdb-detail-aside-gap: var(--sdb-space-md, 16px); --sdb-section-icon-size: 42px; --sdb-section-icon-bg: var(--sdb-color-background, #f5f8fc); --sdb-section-icon-color: var(--sdb-color-primary, #0058b7); --sdb-section-icon-border: var(--sdb-color-border, #dbe7f3); --sdb-action-icon-size: 40px; --sdb-action-icon-bg: var(--sdb-color-surface, #fff); --sdb-action-icon-color: var(--sdb-color-primary, #0058b7); --sdb-action-icon-hover-bg: var(--sdb-color-primary, #0058b7); --sdb-action-icon-hover-color: #fff; --sdb-status-expiring-bg: var(--sdb-color-warning-soft, #fff3d8); --sdb-status-expiring-color: var(--sdb-color-warning, #8a5200); --sdb-status-review-bg: var(--sdb-color-info-soft, #eef6ff); --sdb-status-review-color: var(--sdb-color-info, #0058b7); --sdb-form-field-gap: var(--sdb-space-md, 16px); --sdb-font-code: var(--sdb-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace); --sdb-admin-surface: var(--sdb-color-surface, #fff); --sdb-admin-surface-muted: var(--sdb-color-surface-soft, #f8fafc); --sdb-admin-border: var(--sdb-color-border, #dbe7f3); --sdb-admin-border-strong: var(--sdb-color-border-strong, #bfd0e4); --sdb-admin-text: var(--sdb-color-text, #334155); --sdb-admin-text-muted: var(--sdb-color-muted, #64748b); --sdb-admin-gap: var(--sdb-space-md, 16px); --sdb-admin-panel-padding: clamp(18px, 2.5vw, 28px); --sdb-admin-control-height: 42px; --sdb-admin-progress-height: 8px; --sdb-admin-status-icon-size: 28px; --sdb-admin-compact-row-height: 36px; --sdb-admin-panel-max-width: 1180px; --sdb-color-protected: #6b4e00; --sdb-color-protected-soft: #fff7d6; } .sdb-nav-strip { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: var(--sdb-nav-strip-gap) !important; margin: 0 !important; padding-block: var(--sdb-nav-strip-padding-y) !important; border: 0 !important; border-block: 1px solid var(--sdb-nav-strip-border-color) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; font-family: var(--sdb-nav-font, var(--sdb-font-body)) !important; } .sdb-nav-strip__list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-nav-strip-gap); margin: 0; padding: 0; list-style: none; } .sdb-nav-strip__item { margin: 0; padding: 0; list-style: none; } .sdb-nav-strip__link, a.sdb-nav-strip__link { position: relative !important; flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; gap: .45em !important; min-height: 36px !important; padding: var(--sdb-nav-strip-link-padding-y) var(--sdb-nav-strip-link-padding-x) !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--sdb-nav-strip-color) !important; font-family: var(--sdb-nav-font, var(--sdb-font-body)) !important; font-size: var(--sdb-nav-strip-font-size) !important; font-weight: var(--sdb-nav-strip-font-weight) !important; letter-spacing: var(--sdb-nav-letter-spacing, .01em) !important; line-height: 1.2 !important; text-decoration: none !important; transition: color var(--sdb-transition-fast) var(--sdb-ease-standard), background-color var(--sdb-transition-fast) var(--sdb-ease-standard) !important; } .sdb-nav-strip__link::after, a.sdb-nav-strip__link::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; border-radius: 99px; background: transparent; transform: scaleX(.42); opacity: 0; transition: opacity var(--sdb-transition-fast) var(--sdb-ease-standard), transform var(--sdb-transition-fast) var(--sdb-ease-standard); } .sdb-nav-strip__link:hover, a.sdb-nav-strip__link:hover { color: var(--sdb-nav-strip-color-hover) !important; background: transparent !important; } .sdb-nav-strip__link:focus-visible, a.sdb-nav-strip__link:focus-visible { outline: none !important; box-shadow: var(--sdb-nav-strip-focus-ring) !important; border-radius: var(--sdb-radius-sm, 8px) !important; } .sdb-nav-strip__link--active, .sdb-nav-strip__link[aria-current="page"], .sdb-nav-strip .current-menu-item > .sdb-nav-strip__link, .sdb-nav-strip .current-menu-ancestor > .sdb-nav-strip__link { color: var(--sdb-nav-strip-color-active) !important; } .sdb-nav-strip__link--active::after, .sdb-nav-strip__link[aria-current="page"]::after, .sdb-nav-strip .current-menu-item > .sdb-nav-strip__link::after, .sdb-nav-strip .current-menu-ancestor > .sdb-nav-strip__link::after { background: var(--sdb-nav-strip-active-border); opacity: 1; transform: scaleX(1); } .sdb-nav-strip__link--muted { color: var(--sdb-nav-strip-muted-color) !important; font-weight: var(--sdb-font-weight-medium, 500) !important; } .sdb-nav-strip__link--context { color: var(--sdb-color-title, #1f2a36) !important; } .sdb-nav-strip__link--chip, a.sdb-nav-strip__link--chip { padding-inline: .9em !important; border: 1px solid var(--sdb-nav-strip-chip-border) !important; border-radius: var(--sdb-nav-strip-radius) !important; background: var(--sdb-nav-strip-chip-bg) !important; color: var(--sdb-nav-strip-chip-color) !important; } .sdb-nav-strip__link--chip::after { display: none; } .sdb-nav-strip__icon { display: inline-flex; flex: 0 0 auto; line-height: 1; } .sdb-nav-strip--compact { --sdb-nav-strip-gap: var(--sdb-space-sm, 10px); --sdb-nav-strip-padding-y: 7px; --sdb-nav-strip-font-size: 13px; } .sdb-nav-strip--spacious { --sdb-nav-strip-gap: var(--sdb-space-lg, 24px); --sdb-nav-strip-padding-y: 14px; } .sdb-nav-strip--center { justify-content: center !important; } .sdb-nav-strip--center .sdb-nav-strip__list { justify-content: center; } .sdb-nav-strip--right { justify-content: flex-end !important; } .sdb-nav-strip--right .sdb-nav-strip__list { justify-content: flex-end; } .sdb-nav-strip--scroll { overflow-x: auto !important; -webkit-overflow-scrolling: touch; scrollbar-width: thin; } .sdb-nav-strip--scroll .sdb-nav-strip__list { flex-wrap: nowrap; min-width: max-content; } .sdb-hero-slider--classic .sdb-hero-slide, .sdb-hero-slider--editorial .sdb-hero-slide, .sdb-hero-slider--modern .sdb-hero-slide { min-height: var(--sdb-hero-height-desktop); } .sdb-hero-slider--full-viewport .sdb-hero-slide { min-height: 100svh; } .sdb-hero-content { max-width: var(--sdb-hero-content-max-width); padding: var(--sdb-hero-content-offset-desktop); } .sdb-hero-title { font-size: var(--sdb-hero-title-size-desktop); line-height: var(--sdb-hero-title-line-height); } .sdb-hero-subtitle { font-size: var(--sdb-hero-subtitle-size); line-height: var(--sdb-hero-subtitle-line-height); } .sdb-hero-overlay--soft { background: var(--sdb-hero-overlay-soft); } .sdb-hero-overlay--medium { background: var(--sdb-hero-overlay-medium); } .sdb-hero-overlay--strong { background: var(--sdb-hero-overlay-strong); } .sdb-hero-overlay--gradient-left { background: var(--sdb-hero-overlay-gradient-left); } .sdb-hero-overlay--gradient-bottom { background: var(--sdb-hero-overlay-gradient-bottom); } .sdb-hero-tag--plain, .sdb-eyebrow-on-image { padding: 0; border: 0; border-radius: 0; background: transparent; letter-spacing: .12em; opacity: .9; } .sdb-hero-tag--line, .sdb-tag-on-image--line { padding: 0 0 .55em; border: 0; border-bottom: 2px solid currentColor; border-radius: 0; background: transparent; } .sdb-hero-cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-sm, 10px); } .sdb-slider-control--floating, .sdb-slider-control--on-image { width: var(--sdb-hero-control-size); height: var(--sdb-hero-control-size); border-color: var(--sdb-hero-control-border); background: var(--sdb-hero-control-bg); color: var(--sdb-hero-control-color); box-shadow: var(--sdb-hero-control-shadow); } .sdb-slider-control--floating:hover, .sdb-slider-control--on-image:hover { background: var(--sdb-hero-control-bg-hover); } .sdb-slider-control:focus-visible, .sdb-slider-pagination__item:focus-visible { outline: none; box-shadow: var(--sdb-hero-focus-ring); } .sdb-slider-control:disabled, .sdb-slider-control[aria-disabled="true"] { opacity: .48; cursor: not-allowed; } .sdb-slider-pagination--numbers .sdb-slider-pagination__item { width: auto; min-width: 28px; height: 28px; padding-inline: 8px; display: inline-grid; place-items: center; color: var(--sdb-color-on-image, #fff); font-family: var(--sdb-font-meta); font-weight: 700; } .sdb-slider-preview-card--side { width: var(--sdb-hero-preview-width); min-height: var(--sdb-hero-preview-height); } .sdb-slider-preview-card--on-image { box-shadow: var(--sdb-hero-preview-shadow); } .sdb-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, var(--sdb-detail-aside-width)); gap: var(--sdb-detail-gap); align-items: start; } .sdb-detail-main { min-width: 0; display: grid; gap: var(--sdb-detail-gap); } .sdb-detail-aside { position: relative; display: grid; gap: var(--sdb-detail-aside-gap); } .sdb-detail-meta { display: grid; gap: 12px; margin: 0; } .sdb-detail-meta__item { display: grid; gap: 4px; padding-block: 10px; border-bottom: 1px solid var(--sdb-color-border); } .sdb-detail-meta__label { color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .sdb-detail-meta__value { color: var(--sdb-color-title); font-weight: 700; overflow-wrap: anywhere; } .sdb-detail-cta { display: grid; gap: 12px; padding: var(--sdb-card-padding, 22px); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-background); } .sdb-section-icon { display: inline-grid; place-items: center; width: var(--sdb-section-icon-size); height: var(--sdb-section-icon-size); border: 1px solid var(--sdb-section-icon-border); border-radius: 999px; background: var(--sdb-section-icon-bg); color: var(--sdb-section-icon-color); } .sdb-share-action { display: inline-grid; place-items: center; width: var(--sdb-action-icon-size); height: var(--sdb-action-icon-size); border: 1px solid var(--sdb-color-border); border-radius: 999px; background: var(--sdb-action-icon-bg); color: var(--sdb-action-icon-color); text-decoration: none; } .sdb-share-action:hover, .sdb-share-action:focus-visible { background: var(--sdb-action-icon-hover-bg); color: var(--sdb-action-icon-hover-color); } .sdb-status--expiring { background: var(--sdb-status-expiring-bg); color: var(--sdb-status-expiring-color); } .sdb-status--review, .sdb-status--requires-review { background: var(--sdb-status-review-bg); color: var(--sdb-status-review-color); } .sdb-status--protected, .sdb-status--required, .sdb-status--locked { background: var(--sdb-color-protected-soft); color: var(--sdb-color-protected); } .sdb-btn--back::before, .sdb-back-link::before { content: "←"; } .sdb-seo-preview { display: grid; gap: 8px; padding: var(--sdb-card-padding, 22px); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); } .sdb-seo-preview__label { color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .sdb-seo-preview__title { margin: 0; color: var(--sdb-color-primary); font-family: var(--sdb-font-heading); font-size: 20px; } .sdb-seo-preview__url { color: #188038; font-size: 13px; overflow-wrap: anywhere; } .sdb-seo-preview__description { margin: 0; color: var(--sdb-color-text); line-height: 1.55; } .sdb-file-upload input[type="file"]:focus-visible { outline: 2px solid var(--sdb-color-primary); outline-offset: 3px; } .sdb-plugin-shell--admin-tool, .sdb-admin-page--tool { max-width: var(--sdb-admin-panel-max-width); } .sdb-admin-header { display: grid; gap: 8px; margin-bottom: var(--sdb-admin-gap); } .sdb-admin-header__title { margin: 0; color: var(--sdb-color-title); font-family: var(--sdb-font-heading); } .sdb-admin-header__version { display: inline-flex; width: fit-content; padding: 4px 9px; border-radius: var(--sdb-radius-pill); background: var(--sdb-admin-surface-muted); color: var(--sdb-admin-text-muted); font-family: var(--sdb-font-meta); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .sdb-admin-header__description { margin: 0; color: var(--sdb-admin-text); max-width: 78ch; } .sdb-admin-tool-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sdb-admin-tool-grid--stacked-mobile { align-items: start; } .sdb-admin-tool-panel--compact { padding: calc(var(--sdb-admin-panel-padding) * .72); } .sdb-admin-tool-panel--technical { background: var(--sdb-admin-surface); border-color: var(--sdb-admin-border); } .sdb-admin-tool-panel__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sdb-admin-gap); margin-top: var(--sdb-admin-gap); padding-top: var(--sdb-admin-gap); border-top: 1px solid var(--sdb-admin-border); } .sdb-admin-site-selector__control { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-admin-gap); } .sdb-admin-site-selector__select { min-width: min(100%, 320px); min-height: var(--sdb-admin-control-height); max-width: 100%; } .sdb-admin-site-selector__actions { display: flex; flex-wrap: wrap; gap: 8px; } .sdb-admin-site-selector__help { color: var(--sdb-admin-text-muted); font-size: 13px; } .sdb-admin-scan-status--idle { background: var(--sdb-admin-surface-muted); } .sdb-admin-scan-status--cancelled { background: var(--sdb-color-warning-soft, #fff3d8); } .sdb-admin-scan-status__title { margin: 0; color: var(--sdb-color-title); font-weight: 800; } .sdb-admin-scan-status__text { margin: 2px 0 0; color: var(--sdb-admin-text); } .sdb-admin-progress-panel__summary { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; color: var(--sdb-admin-text); } .sdb-admin-progress-panel progress { width: 100%; height: var(--sdb-admin-progress-height); accent-color: var(--sdb-color-primary); } .sdb-admin-progress-panel__help { color: var(--sdb-admin-text-muted); font-size: 13px; } .sdb-admin-batch-controls { display: grid; gap: var(--sdb-admin-gap); padding: var(--sdb-admin-panel-padding); border: 1px solid var(--sdb-admin-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-admin-surface-muted); } .sdb-admin-batch-controls__field { display: grid; gap: 6px; } .sdb-admin-batch-controls__input { width: 120px; min-height: var(--sdb-admin-control-height); } .sdb-admin-batch-controls__help { color: var(--sdb-admin-text-muted); font-size: 13px; } .sdb-admin-result-summary--compact { grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 8px; } .sdb-admin-result-summary__label { color: var(--sdb-admin-text-muted); font-family: var(--sdb-font-meta); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .sdb-admin-result-summary__value { color: var(--sdb-color-primary); font-family: var(--sdb-font-heading); font-size: 30px; font-weight: 800; line-height: 1; } .sdb-admin-export-actions { padding: var(--sdb-admin-panel-padding); border: 1px solid var(--sdb-admin-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-admin-surface); } .sdb-admin-export-actions__title { margin: 0; color: var(--sdb-color-title); } .sdb-admin-export-actions__description { margin: 4px 0 0; color: var(--sdb-admin-text); } .sdb-admin-export-actions__buttons { display: flex; flex-wrap: wrap; gap: 8px; } .sdb-admin-network-operation-panel { border-left: 4px solid var(--sdb-color-warning, #b7791f); background: var(--sdb-color-warning-soft, #fff3d8); } .sdb-admin-permission-matrix { max-height: var(--sdb-permission-matrix-max-height, 520px); overflow: auto; padding: 4px; } .sdb-admin-permission-matrix__item, .sdb-admin-capability-list__item { display: flex; align-items: flex-start; gap: 10px; min-height: var(--sdb-admin-compact-row-height); } .sdb-admin-capability-list__code, .sdb-admin-code-field { font-family: var(--sdb-font-code); } .sdb-admin-protected-item { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: var(--sdb-radius-pill); background: var(--sdb-color-protected-soft); color: var(--sdb-color-protected); font-size: 12px; font-weight: 800; } .sdb-admin-advanced-details > summary, .sdb-admin-advanced-details__summary { list-style: none; } .sdb-admin-advanced-details > summary::-webkit-details-marker { display: none; } .sdb-admin-advanced-details > summary:focus-visible, .sdb-admin-advanced-details__summary:focus-visible { outline: 2px solid var(--sdb-color-primary); outline-offset: 3px; } .sdb-admin-process-log { display: grid; gap: 6px; max-height: var(--sdb-process-log-max-height, 360px); overflow: auto; margin: 0; padding: 12px; border: 1px solid var(--sdb-admin-border); border-radius: var(--sdb-radius-md); background: var(--sdb-admin-surface-muted); font-family: var(--sdb-font-code); font-size: 12.5px; } .sdb-admin-process-log__item { display: grid; gap: 2px; padding: 7px 9px; border-radius: var(--sdb-radius-sm, 8px); background: var(--sdb-admin-surface); color: var(--sdb-admin-text); } .sdb-admin-process-log__item--success { border-left: 3px solid var(--sdb-color-success, #2f8f4e); } .sdb-admin-process-log__item--warning { border-left: 3px solid var(--sdb-color-warning, #b7791f); } .sdb-admin-process-log__item--error { border-left: 3px solid var(--sdb-color-danger, #c53030); } .sdb-btn--danger { background: var(--sdb-color-danger, #c53030) !important; border-color: var(--sdb-color-danger, #c53030) !important; color: #fff !important; } .sdb-btn--danger:hover { filter: brightness(.96); } .sdb-density-compact { --sdb-admin-panel-padding: 14px; --sdb-admin-gap: 10px; --sdb-card-padding: 16px; } .sdb-density-comfortable { --sdb-admin-panel-padding: 22px; --sdb-admin-gap: 16px; } .sdb-density-relaxed { --sdb-admin-panel-padding: 30px; --sdb-admin-gap: 22px; } @media (max-width: 900px) { .sdb-detail-layout, .sdb-admin-tool-grid--2 { grid-template-columns: 1fr; } .sdb-nav-strip { --sdb-nav-strip-gap: var(--sdb-nav-strip-gap-mobile); } .sdb-nav-strip--scroll { padding-inline: 0; } .sdb-hero-slider--classic .sdb-hero-slide, .sdb-hero-slider--editorial .sdb-hero-slide, .sdb-hero-slider--modern .sdb-hero-slide { min-height: var(--sdb-hero-height-tablet); } } @media (max-width: 640px) { .sdb-nav-strip { overflow-x: auto !important; -webkit-overflow-scrolling: touch; } .sdb-nav-strip__list { flex-wrap: nowrap; min-width: max-content; } .sdb-hero-slider--classic .sdb-hero-slide, .sdb-hero-slider--editorial .sdb-hero-slide, .sdb-hero-slider--modern .sdb-hero-slide { min-height: var(--sdb-hero-height-mobile); } .sdb-hero-content { padding: var(--sdb-hero-content-offset-mobile); } .sdb-hero-title { font-size: var(--sdb-hero-title-size-mobile); } .sdb-admin-site-selector__control, .sdb-admin-export-actions { display: grid; } } @media (prefers-reduced-motion: reduce) { .sdb-nav-strip__link, .sdb-nav-strip__link::after, .sdb-slider-control, .sdb-progress__bar { transition: none !important; } } :root { --sdb-layout-max-width-site: 1920px; --sdb-layout-max-width-content: 1320px; --sdb-layout-max-width-reading: 860px; --sdb-layout-hero-padding-y: clamp(56px, 8vw, 120px); --sdb-layout-hero-padding-x: clamp(24px, 4vw, 64px); --sdb-color-editorial-accent-soft: rgba(31, 59, 91, .10); --sdb-color-editorial-accent-muted: rgba(31, 59, 91, .68); --sdb-color-editorial-surface: var(--sdb-color-surface); --sdb-color-editorial-surface-soft: var(--sdb-color-background); --sdb-color-editorial-border: var(--sdb-color-border); --sdb-editorial-title-xs: clamp(1rem, 1vw, 1.1rem); --sdb-editorial-meta-size: .78rem; --sdb-editorial-meta-weight: var(--sdb-font-weight-semibold); --sdb-editorial-meta-letter-spacing: .08em; --sdb-editorial-meta-transform: uppercase; --sdb-editorial-excerpt-size: .96rem; --sdb-editorial-excerpt-line-height: 1.65; --sdb-editorial-link-weight: var(--sdb-font-weight-semibold); --sdb-editorial-cta-color: var(--sdb-color-primary); --sdb-editorial-cta-hover-color: var(--sdb-color-primary-hover, var(--sdb-color-primary)); --sdb-editorial-cta-bg: rgba(0, 88, 183, .08); --sdb-editorial-cta-bg-hover: rgba(0, 88, 183, .14); --sdb-editorial-cta-icon-bg: rgba(0, 88, 183, .10); --sdb-editorial-cta-icon-color: var(--sdb-color-primary); --sdb-editorial-cta-radius: var(--sdb-radius-pill); --sdb-radius-editorial: var(--sdb-radius-lg); --sdb-radius-editorial-lg: clamp(18px, 2vw, 28px); --sdb-shadow-editorial: var(--sdb-shadow-card); --sdb-shadow-editorial-soft: 0 16px 40px rgba(24, 47, 72, .08); --sdb-shadow-editorial-hover: 0 22px 54px rgba(24, 47, 72, .14); --sdb-editorial-overlay-gradient: linear-gradient(90deg, rgba(3, 17, 34, .78), rgba(3, 17, 34, .36), rgba(3, 17, 34, .04)); --sdb-editorial-overlay-bottom: linear-gradient(180deg, rgba(3, 17, 34, .04), rgba(3, 17, 34, .78)); --sdb-editorial-overlay-balanced: linear-gradient(180deg, rgba(3, 17, 34, .18), rgba(3, 17, 34, .58)); --sdb-editorial-media-featured-ratio: 16 / 9; --sdb-editorial-media-card-ratio: 4 / 3; --sdb-editorial-thumb-sm: 72px; --sdb-editorial-thumb-md: 108px; --sdb-editorial-thumb-lg: 160px; --sdb-editorial-divider-color: var(--sdb-color-border); --sdb-editorial-divider-spacing: var(--sdb-space-md); --sdb-aspect-portrait: 4 / 5; --sdb-aspect-profile-card: 3 / 4; --sdb-profile-card-min-height: 100%; --sdb-profile-card-title-size: var(--sdb-editorial-title-md); --sdb-profile-card-title-lines: 2; --sdb-profile-media-bg: var(--sdb-color-background); --sdb-carousel-gap: var(--sdb-space-lg); --sdb-carousel-item-width: min(82vw, 320px); --sdb-featured-profile-image-width: min(38vw, 420px); --sdb-featured-profile-padding: clamp(24px, 4vw, 48px); --sdb-bio-summary-label-color: var(--sdb-color-muted); --sdb-bio-summary-border: var(--sdb-color-border); --sdb-catalog-card-bg: var(--sdb-color-surface); --sdb-catalog-card-border: var(--sdb-color-border); --sdb-catalog-card-radius: var(--sdb-radius-lg); --sdb-catalog-card-shadow: var(--sdb-shadow-card); --sdb-catalog-card-padding: var(--sdb-card-padding); --sdb-catalog-card-gap: var(--sdb-space-md); --sdb-catalog-grid-gap: var(--sdb-card-gap, var(--sdb-space-lg)); --sdb-catalog-grid-min-width: 260px; --sdb-catalog-list-gap: var(--sdb-space-md); --sdb-media-card-aspect: 4 / 3; --sdb-media-card-aspect-wide: 16 / 9; --sdb-media-card-aspect-square: 1 / 1; --sdb-media-card-radius: var(--sdb-radius-md); --sdb-media-card-bg: var(--sdb-color-background); --sdb-media-card-object-fit: cover; --sdb-fact-list-gap: 10px; --sdb-fact-item-bg: var(--sdb-color-background); --sdb-fact-item-border: var(--sdb-color-border); --sdb-fact-item-radius: var(--sdb-radius-md); --sdb-fact-label-color: var(--sdb-color-muted); --sdb-fact-label-font-size: .72rem; --sdb-fact-label-letter-spacing: .08em; --sdb-fact-value-color: var(--sdb-color-title); --sdb-fact-value-font-size: .96rem; --sdb-sidebar-card-bg: var(--sdb-color-surface); --sdb-sidebar-card-border: var(--sdb-color-border); --sdb-sidebar-card-radius: var(--sdb-radius-lg); --sdb-sidebar-card-padding: var(--sdb-card-padding); --sdb-sidebar-card-shadow: var(--sdb-shadow-card); --sdb-sidebar-stack-gap: var(--sdb-space-md); --sdb-tabs-border: var(--sdb-color-border); --sdb-tabs-bg: transparent; --sdb-tabs-active-bg: var(--sdb-color-surface); --sdb-tabs-active-color: var(--sdb-color-primary); --sdb-tabs-inactive-color: var(--sdb-color-muted); --sdb-tabs-radius: var(--sdb-radius-pill); --sdb-tabs-padding: .72rem 1rem; --sdb-tabs-focus-ring: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.18)); --sdb-document-list-gap: var(--sdb-space-sm); --sdb-document-list-padding-y: 12px; --sdb-document-list-border-color: var(--sdb-color-border); --sdb-document-list-title-color: var(--sdb-color-title); --sdb-document-list-meta-color: var(--sdb-color-muted); --sdb-document-list-hover-bg: rgba(0,88,183,.04); --sdb-document-icon-size: 42px; --sdb-document-icon-color: var(--sdb-color-primary); --sdb-document-icon-bg: rgba(0,88,183,.08); --sdb-document-icon-radius: var(--sdb-radius-md); --sdb-document-meta-font: var(--sdb-font-meta); --sdb-document-meta-size: .78rem; --sdb-document-meta-color: var(--sdb-color-muted); --sdb-document-meta-gap: 8px; --sdb-download-action-font-size: .88rem; --sdb-download-action-font-weight: var(--sdb-font-weight-semibold); --sdb-download-action-color: var(--sdb-color-primary); --sdb-download-action-hover-color: var(--sdb-color-primary-hover, var(--sdb-color-primary)); --sdb-download-action-icon-size: 1em; --sdb-download-action-gap: 7px; --sdb-pagination-compact-gap: 6px; --sdb-pagination-compact-size: 34px; --sdb-file-pdf-color: #c53030; --sdb-file-doc-color: #1f5fbf; --sdb-file-xls-color: #2f8f4e; --sdb-file-zip-color: #7c4dff; --sdb-file-generic-color: var(--sdb-color-primary); --sdb-alert-radius: var(--sdb-radius-lg); --sdb-alert-shadow: var(--sdb-shadow-element); --sdb-alert-padding-y: 14px; --sdb-alert-padding-x: clamp(16px, 3vw, 28px); --sdb-alert-gap: var(--sdb-space-md); --sdb-alert-info-bg: var(--sdb-color-info-bg); --sdb-alert-info-border: var(--sdb-color-info); --sdb-alert-info-text: var(--sdb-color-info-text); --sdb-alert-success-bg: var(--sdb-color-success-bg); --sdb-alert-success-border: var(--sdb-color-success); --sdb-alert-success-text: var(--sdb-color-success-text); --sdb-alert-warning-bg: var(--sdb-color-warning-bg); --sdb-alert-warning-border: var(--sdb-color-warning); --sdb-alert-warning-text: var(--sdb-color-warning-text); --sdb-alert-error-bg: var(--sdb-color-error-bg); --sdb-alert-error-border: var(--sdb-color-error); --sdb-alert-error-text: var(--sdb-color-error-text); --sdb-alert-dark-bg: #071b32; --sdb-alert-dark-text: #fff; --sdb-alert-dark-muted: rgba(255,255,255,.78); --sdb-alert-dark-border: rgba(255,255,255,.16); --sdb-alert-link-color: var(--sdb-color-primary); --sdb-alert-link-hover-color: var(--sdb-color-primary-hover, var(--sdb-color-primary)); --sdb-alert-dark-link-color: #fff; --sdb-alert-dark-link-hover-color: #caecff; --sdb-dismiss-size: 34px; --sdb-dismiss-radius: var(--sdb-radius-pill); --sdb-dismiss-color: currentColor; --sdb-dismiss-hover-bg: rgba(0,0,0,.07); --sdb-dismiss-dark-color: #fff; --sdb-dismiss-dark-hover-bg: rgba(255,255,255,.14); --sdb-priority-low-bg: var(--sdb-color-background); --sdb-priority-low-text: var(--sdb-color-muted); --sdb-priority-normal-bg: var(--sdb-color-info-bg); --sdb-priority-normal-text: var(--sdb-color-info-text); --sdb-priority-high-bg: var(--sdb-color-warning-bg); --sdb-priority-high-text: var(--sdb-color-warning-text); --sdb-priority-urgent-bg: var(--sdb-color-error-bg); --sdb-priority-urgent-text: var(--sdb-color-error-text); --sdb-consent-banner-bg: var(--sdb-color-surface); --sdb-consent-banner-border: var(--sdb-color-border); --sdb-consent-banner-shadow: var(--sdb-shadow-card); --sdb-consent-panel-width: min(100%, 720px); --sdb-consent-backdrop-bg: rgba(8, 24, 43, .52); --sdb-consent-toggle-bg: var(--sdb-color-border); --sdb-consent-toggle-active-bg: var(--sdb-color-primary); --sdb-privacy-surface-bg: var(--sdb-color-surface); --sdb-privacy-surface-border: var(--sdb-color-border); --sdb-legal-text-size: .88rem; --sdb-legal-text-color: var(--sdb-color-muted); --sdb-state-available-bg: var(--sdb-color-success-bg); --sdb-state-available: var(--sdb-color-success-text); --sdb-state-limited-bg: var(--sdb-color-warning-bg); --sdb-state-limited: var(--sdb-color-warning-text); --sdb-state-full-bg: var(--sdb-color-error-bg); --sdb-state-full: var(--sdb-color-error-text); --sdb-state-waitlist-bg: var(--sdb-color-info-bg); --sdb-state-waitlist: var(--sdb-color-info-text); --sdb-state-confirmed: var(--sdb-color-success-text); --sdb-state-pending: var(--sdb-color-warning-text); --sdb-state-cancelled: var(--sdb-color-muted); --sdb-ticket-border: var(--sdb-color-border); --sdb-ticket-bg: var(--sdb-color-surface); --sdb-ticket-radius: var(--sdb-radius-lg); --sdb-ticket-shadow: var(--sdb-shadow-card); --sdb-form-section-gap: var(--sdb-space-lg); --sdb-form-error-bg: var(--sdb-color-error-bg); --sdb-form-success-bg: var(--sdb-color-success-bg); --sdb-admin-kpi-bg: var(--sdb-color-surface); --sdb-admin-kpi-border: var(--sdb-color-border); --sdb-sensitive-bg: #f8fbff; --sdb-sensitive-border: #dbe9f7; --sdb-sensitive-text: var(--sdb-color-text); --sdb-confidential-bg: #f2f6fb; --sdb-confidential-border: #cad8e6; --sdb-security-color: var(--sdb-color-primary); --sdb-privacy-note-bg: #f8fafc; --sdb-privacy-note-border: var(--sdb-color-border); --sdb-process-received-bg: var(--sdb-color-info-bg); --sdb-process-review-bg: var(--sdb-color-warning-bg); --sdb-process-completed-bg: var(--sdb-color-success-bg); --sdb-process-archived-bg: var(--sdb-color-background); --sdb-floating-action-size: 56px; --sdb-floating-action-offset: 24px; --sdb-floating-action-bg: var(--sdb-color-primary); --sdb-floating-action-color: #fff; --sdb-floating-action-shadow: var(--sdb-shadow-card); --sdb-floating-action-radius: var(--sdb-radius-pill); --sdb-floating-action-z-index: 9990; --sdb-modal-width-sm: 420px; --sdb-modal-width-md: 640px; --sdb-modal-padding: clamp(16px, 2.4vw, 24px); --sdb-modal-radius: var(--sdb-radius-lg); --sdb-modal-shadow: 0 26px 80px rgba(12, 34, 55, .24); --sdb-modal-backdrop-bg: rgba(8, 24, 43, .58); --sdb-modal-title-size: clamp(1.4rem, 2vw, 2rem); --sdb-modal-z-index: 10000; --sdb-z-base: 1; --sdb-z-sticky: 100; --sdb-z-floating: 9990; --sdb-z-overlay: 9995; --sdb-z-modal: 10000; --sdb-z-toast: 10020; --sdb-admin-bg: var(--sdb-color-background); --sdb-admin-surface-alt: var(--sdb-color-background); --sdb-admin-text: var(--sdb-color-text); --sdb-admin-muted: var(--sdb-color-muted); --sdb-admin-heading: var(--sdb-color-title); --sdb-admin-primary: var(--sdb-color-primary); --sdb-admin-primary-hover: var(--sdb-color-primary-hover, var(--sdb-color-primary)); --sdb-admin-primary-soft: rgba(0,88,183,.08); --sdb-wpadmin-menu-bg: #071b32; --sdb-wpadmin-menu-text: rgba(255,255,255,.88); --sdb-wpadmin-menu-hover-bg: rgba(255,255,255,.08); --sdb-wpadmin-menu-hover-text: #fff; --sdb-wpadmin-menu-current-bg: var(--sdb-color-primary); --sdb-wpadmin-menu-current-text: #fff; --sdb-wpadmin-bar-bg: #061629; --sdb-wpadmin-bar-text: #fff; --sdb-wpadmin-bar-hover-bg: rgba(255,255,255,.08); --sdb-wpadmin-bar-hover-text: #fff; --sdb-wpadmin-table-header-bg: var(--sdb-color-background); --sdb-wpadmin-table-row-hover-bg: rgba(0,88,183,.04); --sdb-wpadmin-table-border: var(--sdb-color-border); --sdb-editor-font-body: var(--sdb-font-body); --sdb-editor-font-heading: var(--sdb-font-heading); --sdb-editor-font-meta: var(--sdb-font-meta); --sdb-editor-text-color: var(--sdb-color-text); --sdb-editor-heading-color: var(--sdb-color-title); --sdb-editor-muted-color: var(--sdb-color-muted); --sdb-editor-background: var(--sdb-color-background); --sdb-editor-canvas-bg: #fff; --sdb-editor-content-width: 860px; --sdb-editor-wide-width: 1320px; --sdb-editor-body-size: 16px; --sdb-editor-body-line-height: 1.65; --sdb-editor-title-size: 32px; --sdb-editor-title-line-height: 1.25; --sdb-login-bg: var(--sdb-color-background); --sdb-login-card-bg: var(--sdb-color-surface); --sdb-login-card-border: var(--sdb-color-border); --sdb-login-card-radius: var(--sdb-radius-lg); --sdb-login-card-shadow: var(--sdb-shadow-card); --sdb-login-logo-width: 180px; --sdb-login-text: var(--sdb-color-text); --sdb-login-muted: var(--sdb-color-muted); --sdb-login-link: var(--sdb-color-primary); --sdb-login-link-hover: var(--sdb-color-primary-hover, var(--sdb-color-primary)); --sdb-login-button-bg: var(--sdb-color-primary); --sdb-login-button-hover-bg: var(--sdb-color-primary-hover, var(--sdb-color-primary)); --sdb-login-focus: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)); --sdb-mdb-hero-max-width: var(--sdb-layout-max-width-site); --sdb-mdb-hero-content-width: var(--sdb-layout-max-width-content); --sdb-mdb-hero-padding-y: var(--sdb-layout-hero-padding-y); --sdb-mdb-hero-padding-x: var(--sdb-layout-hero-padding-x); --sdb-cause-hero-bg: var(--sdb-color-background); --sdb-cause-hero-bg-soft: var(--sdb-color-surface); --sdb-cause-hero-title-color: var(--sdb-color-title); --sdb-cause-hero-eyebrow-color: var(--sdb-color-primary); --sdb-cause-hero-pattern-opacity: .16; --sdb-cause-hero-image-radius: var(--sdb-radius-lg); --sdb-cause-hero-image-shadow: var(--sdb-shadow-card); --sdb-cause-hero-card-bg: var(--sdb-color-surface); --sdb-cause-hero-card-border: var(--sdb-color-border); --sdb-mdb-hero-bg: var(--sdb-mdb-color-surface-soft, #FFF8F4); --sdb-mdb-hero-bg-soft: var(--sdb-mdb-color-surface-strong, #FFEFE6); --sdb-mdb-hero-title-color: var(--sdb-color-title); --sdb-mdb-hero-eyebrow-color: var(--sdb-mdb-color-primary, #F26722); --sdb-mdb-cta-bg: var(--sdb-mdb-color-primary, #F26722); --sdb-mdb-cta-bg-hover: var(--sdb-mdb-color-primary-dark, #E24B00); --sdb-mdb-cta-text: #fff; } .sdb-u-container-wide { width: min(100% - 32px, var(--sdb-layout-max-width-content)); margin-inline: auto; } .sdb-u-container-narrow, .sdb-u-container-reading { width: min(100% - 32px, var(--sdb-layout-max-width-reading)); margin-inline: auto; } .sdb-u-bleed-site { max-width: var(--sdb-layout-max-width-site); margin-inline: auto; } .sdb-u-bleed-viewport { width: 100vw; margin-left: calc(50% - 50vw); } .sdb-u-section-hero { padding: var(--sdb-layout-hero-padding-y) var(--sdb-layout-hero-padding-x); } .sdb-u-section-soft { background: var(--sdb-color-background); } .sdb-u-w-full { width: 100% !important; max-width: none !important; box-sizing: border-box !important; } .sdb-u-grid-auto { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--sdb-catalog-grid-min-width)), 1fr)); gap: var(--sdb-catalog-grid-gap); } .sdb-u-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sdb-catalog-grid-gap); } .sdb-u-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sdb-catalog-grid-gap); } .sdb-u-grid-sidebar-aware { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: var(--sdb-catalog-grid-gap); } .sdb-u-stack-sm { display: grid; gap: var(--sdb-space-sm); } .sdb-u-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-sm); } .sdb-u-surface-soft { background: var(--sdb-color-background); } .sdb-u-max-width-sm { max-width: var(--sdb-modal-width-sm); } .sdb-u-scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; } .sdb-u-nowrap { white-space: nowrap; } .sdb-u-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sdb-u-text-on-dark { color: #fff; } .sdb-u-border { border: 1px solid var(--sdb-color-border); } .sdb-u-hit-area { min-width: 44px; min-height: 44px; } .sdb-u-line-clamp-1, .sdb-u-line-clamp-2, .sdb-u-line-clamp-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .sdb-u-line-clamp-1 { -webkit-line-clamp: 1; line-clamp: 1; } .sdb-u-line-clamp-2 { -webkit-line-clamp: 2; line-clamp: 2; } .sdb-u-line-clamp-3 { -webkit-line-clamp: 3; line-clamp: 3; } .sdb-u-media-16x9, .sdb-u-media-16x10, .sdb-u-media-square, .sdb-u-media-wide, .sdb-u-media-portrait { display: block; overflow: hidden; background: var(--sdb-media-card-bg); border-radius: var(--sdb-media-card-radius); } .sdb-u-media-16x9 { aspect-ratio: 16 / 9; } .sdb-u-media-16x10 { aspect-ratio: 16 / 10; } .sdb-u-media-square { aspect-ratio: 1 / 1; } .sdb-u-media-wide { aspect-ratio: var(--sdb-media-card-aspect-wide); } .sdb-u-media-portrait { aspect-ratio: var(--sdb-aspect-portrait); } .sdb-u-media-cover > img, .sdb-media-fit-cover { width: 100%; height: 100%; object-fit: cover; } .sdb-u-media-contain > img, .sdb-media-fit-contain, .sdb-media-logo-safe { width: 100%; height: 100%; object-fit: contain; background: var(--sdb-color-background); } .sdb-media-focus-center { object-position: center; } .sdb-media-focus-top { object-position: top center; } .sdb-media-focus-bottom { object-position: bottom center; } .sdb-media-focus-left { object-position: center left; } .sdb-media-focus-right { object-position: center right; } .sdb-u-document-icon, .sdb-u-file-icon { inline-size: var(--sdb-document-icon-size); block-size: var(--sdb-document-icon-size); display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: var(--sdb-document-icon-radius); background: var(--sdb-document-icon-bg); color: var(--sdb-document-icon-color); font-weight: 800; } .sdb-u-file-icon--pdf { color: var(--sdb-file-pdf-color); } .sdb-u-file-icon--doc { color: var(--sdb-file-doc-color); } .sdb-u-file-icon--xls { color: var(--sdb-file-xls-color); } .sdb-u-file-icon--zip { color: var(--sdb-file-zip-color); } .sdb-u-editorial-divider, .sdb-u-separated-list > * + * { border-top: 1px solid var(--sdb-editorial-divider-color); padding-top: var(--sdb-editorial-divider-spacing); margin-top: var(--sdb-editorial-divider-spacing); } .sdb-editorial-pill { display: inline-flex; align-items: center; gap: .45em; width: fit-content; padding: var(--sdb-editorial-tag-padding-y, .38rem) var(--sdb-editorial-tag-padding-x, .68rem); border: 1px solid var(--sdb-color-editorial-border); border-radius: var(--sdb-radius-pill); background: var(--sdb-color-editorial-surface-soft); color: var(--sdb-color-editorial-accent); font-family: var(--sdb-font-meta); font-size: var(--sdb-editorial-tag-font-size, .75rem); font-weight: var(--sdb-editorial-tag-font-weight, 700); letter-spacing: var(--sdb-editorial-tag-letter-spacing, .08em); text-transform: uppercase; } .sdb-editorial-pill--on-image { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.32); color: #fff; backdrop-filter: blur(8px); } .sdb-editorial-pill--muted { background: var(--sdb-color-background); color: var(--sdb-color-muted); } .sdb-editorial-pill--accent { background: var(--sdb-color-editorial-accent-soft); border-color: transparent; color: var(--sdb-color-editorial-accent); } .sdb-editorial-link { color: var(--sdb-editorial-cta-color); font-weight: var(--sdb-editorial-link-weight); text-decoration: none; text-underline-offset: .2em; } .sdb-editorial-link:hover { color: var(--sdb-editorial-cta-hover-color); text-decoration: underline; } .sdb-editorial-link--subtle { color: var(--sdb-color-muted); } .sdb-editorial-link--strong { display: inline-flex; align-items: center; gap: .55em; padding: .65rem .9rem; border-radius: var(--sdb-editorial-cta-radius); background: var(--sdb-editorial-cta-bg); } .sdb-editorial-link--strong:hover { background: var(--sdb-editorial-cta-bg-hover); text-decoration: none; } .sdb-editorial-link--on-image { color: #fff; } .sdb-editorial-link--with-arrow::after { content: "→"; display: inline-block; margin-left: .45em; transition: transform var(--sdb-transition-fast, 160ms) ease; } .sdb-editorial-link--with-arrow:hover::after { transform: translateX(3px); } .sdb-editorial-panel--soft { background: var(--sdb-color-editorial-surface-soft); border: 1px solid var(--sdb-color-editorial-border); } .sdb-editorial-panel--institutional { background: linear-gradient(135deg, var(--sdb-color-editorial-surface), var(--sdb-color-editorial-surface-soft)); border-left: 4px solid var(--sdb-color-editorial-accent); } .sdb-editorial-panel--floating { box-shadow: var(--sdb-shadow-editorial-soft); border-radius: var(--sdb-radius-editorial-lg); } .sdb-on-image--bottom { align-items: end; } .sdb-on-image--center { align-items: center; justify-items: center; text-align: center; } .sdb-on-image--soft::before { background: var(--sdb-editorial-overlay-balanced); } .sdb-on-image--strong::before { background: var(--sdb-overlay-strong); } .sdb-on-image__content { position: relative; z-index: 2; max-width: var(--sdb-hero-content-max-width); color: var(--sdb-color-on-image, #fff); } .sdb-icon { inline-size: 1em; block-size: 1em; display: inline-flex; align-items: center; justify-content: center; line-height: 1; } .sdb-icon--inline { vertical-align: -0.125em; } .sdb-icon--circle { inline-size: 2em; block-size: 2em; border-radius: 50%; background: var(--sdb-color-editorial-accent-soft); color: var(--sdb-color-editorial-accent); } .sdb-icon--editorial { color: var(--sdb-color-editorial-accent); } .sdb-profile-card { display: grid; gap: var(--sdb-space-md); min-height: var(--sdb-profile-card-min-height); overflow: hidden; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-editorial); background: var(--sdb-color-surface); box-shadow: var(--sdb-shadow-editorial-soft); } .sdb-profile-card__media { position: relative; aspect-ratio: var(--sdb-aspect-profile-card); overflow: hidden; background: var(--sdb-profile-media-bg); } .sdb-profile-card__media img { width: 100%; height: 100%; object-fit: cover; } .sdb-profile-card__body { display: grid; gap: .55rem; padding: var(--sdb-card-padding); } .sdb-profile-card__title { margin: 0; color: var(--sdb-color-title); font-family: var(--sdb-font-heading); font-size: var(--sdb-profile-card-title-size); line-height: 1.18; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--sdb-profile-card-title-lines); line-clamp: var(--sdb-profile-card-title-lines); overflow: hidden; } .sdb-profile-card__meta { color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); font-size: var(--sdb-editorial-meta-size); font-weight: var(--sdb-editorial-meta-weight); letter-spacing: var(--sdb-editorial-meta-letter-spacing); text-transform: var(--sdb-editorial-meta-transform); } .sdb-featured-profile { display: grid; grid-template-columns: minmax(220px, var(--sdb-featured-profile-image-width)) minmax(0, 1fr); gap: clamp(22px, 4vw, 56px); align-items: center; padding: var(--sdb-featured-profile-padding); border-radius: var(--sdb-radius-editorial-lg); background: var(--sdb-color-surface); box-shadow: var(--sdb-shadow-editorial-soft); } .sdb-featured-profile__media { aspect-ratio: var(--sdb-aspect-portrait); overflow: hidden; border-radius: var(--sdb-radius-editorial); background: var(--sdb-profile-media-bg); } .sdb-featured-profile__media img { width: 100%; height: 100%; object-fit: cover; } .sdb-bio-summary { display: grid; gap: 10px; border-top: 1px solid var(--sdb-bio-summary-border); padding-top: var(--sdb-space-md); } .sdb-bio-summary__item { display: grid; grid-template-columns: minmax(110px, .35fr) 1fr; gap: 12px; } .sdb-bio-summary__label { color: var(--sdb-bio-summary-label-color); font-family: var(--sdb-font-meta); font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .sdb-bio-summary__value { color: var(--sdb-color-text); } .sdb-date-list, .sdb-timeline-compact { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .sdb-date-list__item, .sdb-timeline-compact__item { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; padding: 10px 0; border-bottom: 1px solid var(--sdb-color-border); } .sdb-editorial-carousel { display: grid; gap: var(--sdb-space-md); } .sdb-editorial-carousel__track { display: grid; grid-auto-flow: column; grid-auto-columns: var(--sdb-carousel-item-width); gap: var(--sdb-carousel-gap); overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 6px; } .sdb-editorial-carousel__item { scroll-snap-align: start; } .sdb-catalog-card { display: grid; gap: var(--sdb-catalog-card-gap); overflow: hidden; border: 1px solid var(--sdb-catalog-card-border); border-radius: var(--sdb-catalog-card-radius); background: var(--sdb-catalog-card-bg); box-shadow: var(--sdb-catalog-card-shadow); } .sdb-catalog-card__media { aspect-ratio: var(--sdb-media-card-aspect); overflow: hidden; background: var(--sdb-media-card-bg); } .sdb-catalog-card__media img { width: 100%; height: 100%; object-fit: var(--sdb-media-card-object-fit); } .sdb-catalog-card__body { display: grid; gap: .65rem; padding: var(--sdb-catalog-card-padding); } .sdb-catalog-card__eyebrow { color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); font-size: var(--sdb-editorial-meta-size); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .sdb-catalog-card__title { margin: 0; color: var(--sdb-color-title); font-family: var(--sdb-font-heading); font-size: var(--sdb-editorial-title-md); line-height: 1.18; } .sdb-catalog-card__text { color: var(--sdb-color-text); line-height: 1.6; } .sdb-fact-sheet { display: grid; gap: var(--sdb-fact-list-gap); } .sdb-fact-sheet__item { display: grid; gap: 4px; padding: 12px; border: 1px solid var(--sdb-fact-item-border); border-radius: var(--sdb-fact-item-radius); background: var(--sdb-fact-item-bg); } .sdb-fact-sheet__label { color: var(--sdb-fact-label-color); font-family: var(--sdb-font-meta); font-size: var(--sdb-fact-label-font-size); font-weight: 800; letter-spacing: var(--sdb-fact-label-letter-spacing); text-transform: uppercase; } .sdb-fact-sheet__value { color: var(--sdb-fact-value-color); font-size: var(--sdb-fact-value-font-size); font-weight: 650; } .sdb-action-stack { display: grid; gap: var(--sdb-space-sm); } .sdb-action-stack__primary, .sdb-action-stack__secondary, .sdb-action-stack__nav { display: flex; flex-wrap: wrap; gap: 8px; } .sdb-tabs { display: flex; flex-wrap: wrap; gap: 8px; border-bottom: 1px solid var(--sdb-tabs-border); } .sdb-tabs [role="tab"], .sdb-tabs__tab { padding: var(--sdb-tabs-padding); border: 1px solid transparent; border-radius: var(--sdb-tabs-radius) var(--sdb-tabs-radius) 0 0; background: var(--sdb-tabs-bg); color: var(--sdb-tabs-inactive-color); text-decoration: none; } .sdb-tabs [aria-selected="true"], .sdb-tabs__tab--active { background: var(--sdb-tabs-active-bg); border-color: var(--sdb-tabs-border); color: var(--sdb-tabs-active-color); } .sdb-document-list { display: grid; gap: var(--sdb-document-list-gap); } .sdb-document-list__item { display: flex; align-items: center; gap: var(--sdb-space-md); padding-block: var(--sdb-document-list-padding-y); border-bottom: 1px solid var(--sdb-document-list-border-color); } .sdb-document-list__item:hover { background: var(--sdb-document-list-hover-bg); } .sdb-document-list__icon { inline-size: var(--sdb-document-icon-size); block-size: var(--sdb-document-icon-size); display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: var(--sdb-document-icon-radius); background: var(--sdb-document-icon-bg); color: var(--sdb-document-icon-color); } .sdb-document-list__content { min-width: 0; flex: 1 1 auto; } .sdb-document-list__title { color: var(--sdb-document-list-title-color); font-weight: 700; text-decoration: none; } .sdb-document-list__title:hover { color: var(--sdb-color-primary); text-decoration: underline; } .sdb-document-list__meta, .sdb-document-meta { display: flex; flex-wrap: wrap; gap: var(--sdb-document-meta-gap); color: var(--sdb-document-meta-color); font-family: var(--sdb-document-meta-font); font-size: var(--sdb-document-meta-size); } .sdb-document-list--compact .sdb-document-list__item { gap: 10px; padding-block: 8px; } .sdb-document-list--inline { display: block; margin: 0; padding: 0; list-style: none; } .sdb-document-list--inline .sdb-document-list__item { padding: 8px 0; gap: 10px; } .sdb-download-action { display: inline-flex; align-items: center; gap: var(--sdb-download-action-gap); color: var(--sdb-download-action-color); font-size: var(--sdb-download-action-font-size); font-weight: var(--sdb-download-action-font-weight); text-decoration: none; } .sdb-download-action:hover { color: var(--sdb-download-action-hover-color); text-decoration: underline; } .sdb-data-list--documents .sdb-data-list__item { align-items: center; } .sdb-filter-bar--documents { gap: var(--sdb-filter-gap); } .sdb-empty-state--documents .sdb-empty-state__icon { color: var(--sdb-document-icon-color); } .sdb-pagination--compact { gap: var(--sdb-pagination-compact-gap); } .sdb-pagination--compact .page-numbers, .sdb-pagination--compact a, .sdb-pagination--compact span { min-width: var(--sdb-pagination-compact-size); min-height: var(--sdb-pagination-compact-size); } .sdb-alert-banner { border-radius: var(--sdb-alert-radius); box-shadow: var(--sdb-alert-shadow); background: var(--sdb-alert-info-bg); color: var(--sdb-alert-info-text); border: 1px solid var(--sdb-alert-info-border); } .sdb-alert-banner__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--sdb-alert-gap); padding: var(--sdb-alert-padding-y) var(--sdb-alert-padding-x); } .sdb-alert-banner__content { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 14px; min-width: 0; } .sdb-alert-banner__tag { font-family: var(--sdb-font-meta); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .sdb-alert-banner__title, .sdb-alert-banner__text { margin: 0; } .sdb-alert-banner__actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; } .sdb-alert-banner__link { color: var(--sdb-alert-link-color); font-weight: 700; } .sdb-alert-banner--success { background: var(--sdb-alert-success-bg); border-color: var(--sdb-alert-success-border); color: var(--sdb-alert-success-text); } .sdb-alert-banner--warning, .sdb-alert-banner--urgent { background: var(--sdb-alert-warning-bg); border-color: var(--sdb-alert-warning-border); color: var(--sdb-alert-warning-text); } .sdb-alert-banner--error { background: var(--sdb-alert-error-bg); border-color: var(--sdb-alert-error-border); color: var(--sdb-alert-error-text); } .sdb-alert-banner--dark { background: var(--sdb-alert-dark-bg); border-color: var(--sdb-alert-dark-border); color: var(--sdb-alert-dark-text); } .sdb-alert-banner--dark .sdb-alert-banner__link { color: var(--sdb-alert-dark-link-color); } .sdb-alert-banner--strip { border-radius: 0; box-shadow: none; border-inline: 0; } .sdb-alert-ticker { overflow: hidden; } .sdb-alert-ticker__viewport { display: grid; } .sdb-alert-ticker__item { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity var(--sdb-transition-base, 220ms) ease; } .sdb-alert-ticker__item--active { opacity: 1; visibility: visible; } .sdb-priority, .sdb-status-badge { display: inline-flex; align-items: center; gap: .35em; width: fit-content; padding: .32rem .6rem; border-radius: var(--sdb-radius-pill); font-size: .75rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; } .sdb-priority--low { background: var(--sdb-priority-low-bg); color: var(--sdb-priority-low-text); } .sdb-priority--normal { background: var(--sdb-priority-normal-bg); color: var(--sdb-priority-normal-text); } .sdb-priority--high { background: var(--sdb-priority-high-bg); color: var(--sdb-priority-high-text); } .sdb-priority--urgent { background: var(--sdb-priority-urgent-bg); color: var(--sdb-priority-urgent-text); } .sdb-dismiss-button, .sdb-alert-banner__dismiss { inline-size: var(--sdb-dismiss-size); block-size: var(--sdb-dismiss-size); display: inline-grid; place-items: center; border: 0; border-radius: var(--sdb-dismiss-radius); background: transparent; color: var(--sdb-dismiss-color); cursor: pointer; } .sdb-dismiss-button:hover, .sdb-alert-banner__dismiss:hover { background: var(--sdb-dismiss-hover-bg); } .sdb-dismiss-button--dark { color: var(--sdb-dismiss-dark-color); } .sdb-dismiss-button--dark:hover { background: var(--sdb-dismiss-dark-hover-bg); } .sdb-consent-banner, .sdb-consent-panel, .sdb-privacy-surface { border: 1px solid var(--sdb-privacy-surface-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-privacy-surface-bg); box-shadow: var(--sdb-shadow-card); } .sdb-consent-banner { padding: clamp(16px, 3vw, 24px); } .sdb-consent-panel { width: var(--sdb-consent-panel-width); max-height: min(88vh, 820px); overflow: auto; padding: clamp(18px, 4vw, 32px); } .sdb-consent-category { display: grid; gap: 8px; padding: 14px 0; border-bottom: 1px solid var(--sdb-color-border); } .sdb-consent-toggle { inline-size: 52px; block-size: 30px; border-radius: 999px; background: var(--sdb-consent-toggle-bg); position: relative; } .sdb-consent-toggle::after { content: ""; position: absolute; inline-size: 24px; block-size: 24px; inset: 3px auto 3px 3px; border-radius: 50%; background: #fff; transition: transform var(--sdb-transition-fast,160ms) ease; box-shadow: 0 2px 6px rgba(0,0,0,.18); } .sdb-consent-toggle[aria-checked="true"], .sdb-consent-toggle.is-active { background: var(--sdb-consent-toggle-active-bg); } .sdb-consent-toggle[aria-checked="true"]::after, .sdb-consent-toggle.is-active::after { transform: translateX(22px); } .sdb-cookie-list { display: grid; gap: 10px; } .sdb-cookie-list__item { padding: 12px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); } .sdb-diagnostic-check, .sdb-compliance-alert, .sdb-policy-version { padding: 14px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface); } .sdb-registration-form { display: grid; gap: var(--sdb-form-section-gap); } .sdb-consent-block { padding: 14px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-background); font-size: var(--sdb-legal-text-size); color: var(--sdb-legal-text-color); } .sdb-session-list { display: grid; gap: var(--sdb-space-md); } .sdb-session-card { display: grid; gap: 8px; padding: var(--sdb-card-padding); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); } .sdb-session-card[aria-selected="true"], .sdb-session-card--selected { border-color: var(--sdb-color-primary); box-shadow: 0 0 0 3px rgba(0,88,183,.12); } .sdb-capacity-indicator--available { color: var(--sdb-state-available); background: var(--sdb-state-available-bg); } .sdb-capacity-indicator--limited { color: var(--sdb-state-limited); background: var(--sdb-state-limited-bg); } .sdb-capacity-indicator--full { color: var(--sdb-state-full); background: var(--sdb-state-full-bg); } .sdb-ticket { display: grid; gap: var(--sdb-space-md); padding: clamp(20px, 4vw, 34px); border: 1px dashed var(--sdb-ticket-border); border-radius: var(--sdb-ticket-radius); background: var(--sdb-ticket-bg); box-shadow: var(--sdb-ticket-shadow); } .sdb-ticket__code { font-family: var(--sdb-font-code); font-size: clamp(1.3rem, 3vw, 2rem); font-weight: 800; color: var(--sdb-color-title); } .sdb-confirmation-panel { padding: var(--sdb-card-padding); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); } .sdb-participant-list { display: grid; gap: 8px; } .sdb-admin-kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--sdb-admin-gap); } .sdb-admin-kpi { padding: 16px; border: 1px solid var(--sdb-admin-kpi-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-admin-kpi-bg); } .sdb-export-panel { padding: var(--sdb-card-padding); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); } .sdb-match-card, .sdb-score-card, .sdb-competition-card { display: grid; gap: 10px; padding: var(--sdb-card-padding); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); } .sdb-match-card__teams { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; } .sdb-team-badge { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--sdb-color-title); } .sdb-live-indicator { display: inline-flex; align-items: center; gap: 6px; color: var(--sdb-color-error); font-weight: 800; } .sdb-live-indicator::before { content: ""; inline-size: 8px; block-size: 8px; border-radius: 50%; background: currentColor; } .sdb-result-list { display: grid; gap: 8px; } .sdb-standings-table, .sdb-medal-table, .sdb-mobile-data-table { width: 100%; border-collapse: collapse; } .sdb-standings-table th, .sdb-standings-table td, .sdb-medal-table th, .sdb-medal-table td, .sdb-mobile-data-table th, .sdb-mobile-data-table td { padding: 10px 12px; border-bottom: 1px solid var(--sdb-color-border); text-align: left; } .sdb-validation-summary { padding: 14px; border-radius: var(--sdb-radius-md); background: var(--sdb-color-warning-bg); color: var(--sdb-color-warning-text); } .sdb-operational-dashboard { display: grid; gap: var(--sdb-space-lg); } .sdb-sensitive-panel, .sdb-confidential-notice, .sdb-token-lookup, .sdb-admin-sensitive-detail { padding: var(--sdb-card-padding); border: 1px solid var(--sdb-sensitive-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-sensitive-bg); color: var(--sdb-sensitive-text); } .sdb-confidential-notice { background: var(--sdb-confidential-bg); border-color: var(--sdb-confidential-border); } .sdb-secure-upload { display: grid; gap: 8px; padding: 16px; border: 1px dashed var(--sdb-sensitive-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface); } .sdb-process-status { display: inline-flex; align-items: center; gap: .4em; padding: .35rem .65rem; border-radius: var(--sdb-radius-pill); background: var(--sdb-process-received-bg); font-weight: 800; } .sdb-process-status--review { background: var(--sdb-process-review-bg); color: var(--sdb-color-warning-text); } .sdb-process-status--completed { background: var(--sdb-process-completed-bg); color: var(--sdb-color-success-text); } .sdb-process-status--archived { background: var(--sdb-process-archived-bg); color: var(--sdb-color-muted); } .sdb-privacy-note { padding: 12px; border: 1px solid var(--sdb-privacy-note-border); border-radius: var(--sdb-radius-md); background: var(--sdb-privacy-note-bg); color: var(--sdb-color-muted); font-size: var(--sdb-legal-text-size); } .sdb-admin-evidence-list { display: grid; gap: 8px; } .sdb-status-timeline { display: grid; gap: 10px; } .sdb-floating-action { position: fixed; right: var(--sdb-floating-action-offset); bottom: var(--sdb-floating-action-offset); z-index: var(--sdb-floating-action-z-index); inline-size: var(--sdb-floating-action-size); block-size: var(--sdb-floating-action-size); display: inline-grid; place-items: center; border-radius: var(--sdb-floating-action-radius); background: var(--sdb-floating-action-bg); color: var(--sdb-floating-action-color); box-shadow: var(--sdb-floating-action-shadow); text-decoration: none; } .sdb-modal { width: min(100% - 32px, var(--sdb-modal-width-md)); max-height: min(92vh, 820px); overflow: auto; padding: var(--sdb-modal-padding); border-radius: var(--sdb-modal-radius); background: var(--sdb-color-surface); box-shadow: var(--sdb-modal-shadow); } .sdb-modal--sm { width: min(100% - 32px, var(--sdb-modal-width-sm)); } .sdb-modal-backdrop { position: fixed; inset: 0; z-index: var(--sdb-z-overlay); background: var(--sdb-modal-backdrop-bg); } .sdb-form--compact { gap: var(--sdb-space-sm); } .sdb-form--modal { gap: var(--sdb-form-field-gap); } .sdb-form__status, .sdb-status-message, .sdb-inline-notice { padding: 12px 14px; border-radius: var(--sdb-radius-md); background: var(--sdb-color-info-bg); color: var(--sdb-color-info-text); } .sdb-form__status--success, .sdb-status-message--success { background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); } .sdb-form__status--error, .sdb-status-message--error { background: var(--sdb-color-error-bg); color: var(--sdb-color-error-text); } .sdb-verification-block { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-background); } .sdb-verification-block--compact { padding: 8px; } .sdb-u-external-widget-wrap { max-width: 100%; overflow: hidden; } .sdb-table--technical, .sdb-table--compact { font-size: .9rem; } .sdb-table--compact th, .sdb-table--compact td { padding: 8px 10px; } .sdb-code-inline, .sdb-code-pill, .sdb-technical-meta { font-family: var(--sdb-font-code); font-size: .86em; } .sdb-code-inline { padding: .12em .34em; border-radius: var(--sdb-radius-sm); background: var(--sdb-admin-surface-muted); color: var(--sdb-color-title); } .sdb-code-pill, .sdb-origin-chip { display: inline-flex; align-items: center; width: fit-content; padding: .28rem .55rem; border-radius: var(--sdb-radius-pill); background: var(--sdb-admin-surface-muted); color: var(--sdb-admin-text); font-weight: 700; } .sdb-origin-chip--unknown { background: var(--sdb-color-warning-bg); color: var(--sdb-color-warning-text); } .sdb-admin-note-field { width: 100%; min-height: var(--sdb-admin-note-min-height, 70px); font-family: var(--sdb-font-body); } .sdb-inline-note { color: var(--sdb-admin-text-muted); font-size: .88rem; } .sdb-admin-settings, .sdb-admin-settings__section { display: grid; gap: var(--sdb-admin-gap); } .sdb-admin-settings__field { display: grid; gap: 6px; } .sdb-admin-settings__help { color: var(--sdb-admin-text-muted); font-size: .88rem; } .sdb-cause-hero { max-width: var(--sdb-layout-max-width-site); margin-inline: auto; padding: var(--sdb-layout-hero-padding-y) var(--sdb-layout-hero-padding-x); background: var(--sdb-cause-hero-bg); color: var(--sdb-cause-hero-title-color); } .sdb-cause-hero--mdb { background: var(--sdb-mdb-hero-bg); } .sdb-cause-hero__inner { width: min(100%, var(--sdb-layout-max-width-content)); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr); gap: clamp(24px, 5vw, 72px); align-items: center; } .sdb-cause-hero__eyebrow { color: var(--sdb-cause-hero-eyebrow-color); font-family: var(--sdb-font-meta); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .sdb-cause-hero__title { color: var(--sdb-cause-hero-title-color); font-family: var(--sdb-font-heading); font-size: var(--sdb-hero-title-size-desktop); line-height: var(--sdb-hero-title-line-height); } .sdb-cause-hero__media { overflow: hidden; border-radius: var(--sdb-cause-hero-image-radius); box-shadow: var(--sdb-cause-hero-image-shadow); } .sdb-cause-card { display: grid; gap: var(--sdb-cause-card-gap, var(--sdb-space-md)); border: 1px solid var(--sdb-cause-card-border, var(--sdb-color-border)); border-radius: var(--sdb-cause-card-radius, var(--sdb-radius-lg)); background: var(--sdb-cause-card-bg, var(--sdb-color-surface)); box-shadow: var(--sdb-cause-card-shadow, var(--sdb-shadow-card)); overflow: hidden; } .sdb-cause-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: var(--sdb-card-gap); } .sdb-progress-line { display: grid; gap: 6px; } .sdb-progress-line__track { overflow: hidden; height: var(--sdb-progress-height); border-radius: var(--sdb-progress-radius); background: var(--sdb-progress-bg); } .sdb-progress-line__fill { height: 100%; width: var(--sdb-progress-value, 0%); border-radius: inherit; background: var(--sdb-progress-fill); } .sdb-cta-panel { display: grid; gap: var(--sdb-space-md); padding: clamp(22px, 4vw, 42px); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-primary); color: #fff; } @media (max-width: 900px) { .sdb-u-grid-2, .sdb-u-grid-3, .sdb-featured-profile, .sdb-cause-hero__inner { grid-template-columns: 1fr; } .sdb-alert-banner__inner { align-items: flex-start; flex-direction: column; } } @media (max-width: 640px) { .sdb-document-list__item { align-items: flex-start; } .sdb-document-list__action { width: 100%; } .sdb-bio-summary__item { grid-template-columns: 1fr; } .sdb-floating-action { right: 16px; bottom: 16px; } } @media (prefers-reduced-motion: reduce) { .sdb-editorial-link--with-arrow::after, .sdb-consent-toggle::after, .sdb-alert-ticker__item { transition: none; } .sdb-live-indicator::before { animation: none; } } :where(.sdb-form, .sdb-sensitive-panel, .sdb-consent-panel, .sdb-privacy-surface, .sdb-registration-form, .sdb-token-lookup, .sdb-modal) :where(input[type="checkbox"], input[type="radio"]) { inline-size: auto !important; block-size: auto !important; width: auto !important; height: auto !important; min-inline-size: 18px !important; min-block-size: 18px !important; min-width: 18px !important; min-height: 18px !important; max-width: none !important; padding: 0 !important; margin: 0 !important; border-radius: initial !important; background: initial !important; box-shadow: none !important; appearance: auto !important; -webkit-appearance: auto !important; flex: 0 0 auto !important; vertical-align: middle !important; accent-color: var(--sdb-color-primary, #0058b7); } :where(.sdb-form, .sdb-sensitive-panel, .sdb-consent-panel, .sdb-privacy-surface, .sdb-registration-form, .sdb-token-lookup, .sdb-modal) :where(input[type="checkbox"], input[type="radio"]):focus-visible { outline: var(--sdb-focus-ring-width, 2px) solid var(--sdb-focus-ring-color, var(--sdb-color-primary, #0058b7)) !important; outline-offset: var(--sdb-focus-ring-offset, 3px) !important; box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.18)) !important; } .sdb-form__check, .sdb-checkbox, .sdb-radio { display: flex !important; align-items: flex-start !important; gap: .65rem !important; margin: 0 !important; color: var(--sdb-color-text) !important; font-family: var(--sdb-font-body) !important; font-size: 0.97rem !important; line-height: 1.45 !important; font-weight: 500 !important; cursor: pointer; } .sdb-form__check input, .sdb-checkbox input, .sdb-radio input { margin-top: .15em !important; } .sdb-form__check-label, .sdb-form__check-text, .sdb-checkbox__text, .sdb-radio__text { display: block !important; min-width: 0 !important; } .sdb-form__check-help, .sdb-checkbox__help, .sdb-radio__help { display: block !important; margin-top: .25rem !important; color: var(--sdb-color-muted) !important; font-size: .88rem !important; line-height: 1.45 !important; font-weight: 400 !important; } .sdb-check-group { display: grid !important; gap: .75rem !important; margin: 0 !important; } .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card, .sdb-consent-block { display: flex !important; align-items: flex-start !important; gap: .75rem !important; } .sdb-check-card { padding: 14px 16px !important; border: 1px solid var(--sdb-color-border) !important; border-left: 4px solid var(--sdb-color-primary) !important; border-radius: var(--sdb-radius-md) !important; background: var(--sdb-color-background) !important; } .sdb-check-card:has(input:checked), .sdb-checkbox-card:has(input:checked), .sdb-radio-card:has(input:checked) { border-color: var(--sdb-color-primary) !important; background: rgba(0, 88, 183, .04) !important; } .sdb-check-card input, .sdb-checkbox-card input, .sdb-radio-card input, .sdb-consent-block input[type="checkbox"], .sdb-consent-block input[type="radio"] { margin-top: .18em !important; } .sdb-form__field > :where(.sdb-form__check, .sdb-checkbox, .sdb-radio, .sdb-check-card) { margin-top: .2rem !important; } @media (max-width: 640px) { .sdb-form__check, .sdb-checkbox, .sdb-radio, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card, .sdb-consent-block { gap: .6rem !important; } .sdb-check-card { padding: 12px 14px !important; } } :root { --sdb-form-section-title-size: clamp(1rem, 1.1vw, 1.125rem); --sdb-form-section-title-weight: var(--sdb-font-weight-semibold, 600); --sdb-form-section-title-color: var(--sdb-color-title); --sdb-form-section-title-line-height: 1.3; --sdb-form-section-title-margin: 0 0 .75rem; --sdb-form-section-gap: clamp(18px, 2.2vw, 28px); --sdb-form-section-padding: clamp(16px, 2.2vw, 24px); --sdb-form-grid-gap: clamp(14px, 1.8vw, 20px); --sdb-form-label-size: .92rem; --sdb-form-label-weight: var(--sdb-font-weight-semibold, 600); --sdb-form-help-size: .86rem; --sdb-choice-size: 16px; --sdb-choice-border: var(--sdb-color-border); --sdb-choice-radius: 4px; --sdb-choice-bg: var(--sdb-color-surface); --sdb-choice-color: var(--sdb-color-primary); --sdb-choice-focus-ring: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.18)); --sdb-choice-gap: .7rem; --sdb-session-list-gap: clamp(12px, 1.8vw, 18px); --sdb-session-card-padding: clamp(15px, 2vw, 22px); --sdb-session-card-gap: clamp(10px, 1.5vw, 16px); --sdb-session-card-selected-bg: rgba(0, 88, 183, .045); --sdb-session-card-selected-border: rgba(0, 88, 183, .45); --sdb-session-card-hover-bg: rgba(0, 88, 183, .025); --sdb-session-card-disabled-opacity: .58; --sdb-session-card-title-size: clamp(1rem, 1.15vw, 1.14rem); --sdb-session-card-meta-size: .9rem; --sdb-capacity-available-color: var(--sdb-color-success-text); --sdb-capacity-available-bg: var(--sdb-color-success-bg); --sdb-capacity-limited-color: var(--sdb-color-warning-text); --sdb-capacity-limited-bg: var(--sdb-color-warning-bg); --sdb-capacity-full-color: var(--sdb-color-error-text); --sdb-capacity-full-bg: var(--sdb-color-error-bg); --sdb-capacity-waitlist-color: var(--sdb-color-info-text); --sdb-capacity-waitlist-bg: var(--sdb-color-info-bg); --sdb-consent-bg: var(--sdb-color-background); --sdb-consent-border: var(--sdb-color-border); --sdb-consent-radius: var(--sdb-radius-md); --sdb-consent-padding: clamp(13px, 1.8vw, 18px); --sdb-consent-gap: .75rem; --sdb-consent-text-size: .92rem; --sdb-consent-text-color: var(--sdb-color-text); --sdb-consent-checked-bg: color-mix(in srgb, var(--sdb-color-primary) 5%, var(--sdb-consent-bg)); --sdb-consent-checked-border: color-mix(in srgb, var(--sdb-color-primary) 46%, var(--sdb-consent-border)); --sdb-consent-focus-ring: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, .18)); --sdb-consent-error-bg: var(--sdb-color-error-bg, #fdecec); --sdb-consent-error-border: var(--sdb-color-error, #b42318); --sdb-consent-error-text: var(--sdb-color-error-text, #7f1d1d); --sdb-consent-disabled-opacity: .62; --sdb-form-full-max-width: none; --sdb-btn-sm-min-height: 32px; --sdb-btn-sm-padding-y: .38rem; --sdb-btn-sm-padding-x: .7rem; --sdb-btn-sm-font-size: .8125rem; --sdb-btn-table-action-min-height: 30px; --sdb-btn-table-action-padding-y: .32rem; --sdb-btn-table-action-padding-x: .58rem; --sdb-confirmation-bg: var(--sdb-color-success-bg); --sdb-confirmation-border: rgba(47, 143, 78, .22); --sdb-confirmation-radius: var(--sdb-radius-lg); --sdb-confirmation-padding: clamp(18px, 2.5vw, 28px); --sdb-confirmation-title-size: clamp(1.05rem, 1.25vw, 1.22rem); --sdb-confirmation-title-color: var(--sdb-color-title); --sdb-confirmation-text-color: var(--sdb-color-text); --sdb-card-action-link-color: var(--sdb-color-primary); --sdb-card-action-link-hover-color: var(--sdb-color-primary-hover, var(--sdb-color-primary)); --sdb-card-action-link-bg: rgba(0, 88, 183, .055); --sdb-card-action-link-bg-hover: rgba(0, 88, 183, .095); } .sdb-registration-form, .sdb-form.sdb-registration-form { display: grid; gap: var(--sdb-form-section-gap); } .sdb-form__section { display: grid; gap: var(--sdb-form-grid-gap); min-width: 0; } .sdb-form__section--surface { padding: var(--sdb-form-section-padding); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); } .sdb-form__section-title, .sdb-registration-form > :is(h2, h3, h4), .sdb-registration-form .sdb-form__section > :is(h2, h3, h4):first-child { margin: var(--sdb-form-section-title-margin); color: var(--sdb-form-section-title-color); font-family: var(--sdb-font-heading); font-size: var(--sdb-form-section-title-size); font-weight: var(--sdb-form-section-title-weight); line-height: var(--sdb-form-section-title-line-height); letter-spacing: -0.01em; } .sdb-form__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: var(--sdb-form-grid-gap); } .sdb-form__field { display: grid; gap: .45rem; min-width: 0; } .sdb-form__label { color: var(--sdb-color-title); font-size: var(--sdb-form-label-size); font-weight: var(--sdb-form-label-weight); line-height: 1.35; } .sdb-form__help, .sdb-form__field-help { color: var(--sdb-color-muted); font-size: var(--sdb-form-help-size); line-height: 1.45; } .sdb-form__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: .25rem; } :where(.sdb-form, .sdb-registration-form, .sdb-session-card, .sdb-consent-block, .sdb-confirmation-panel) :where(input[type="checkbox"], input[type="radio"]) { inline-size: var(--sdb-choice-size) !important; block-size: var(--sdb-choice-size) !important; width: var(--sdb-choice-size) !important; height: var(--sdb-choice-size) !important; min-inline-size: var(--sdb-choice-size) !important; min-block-size: var(--sdb-choice-size) !important; min-width: var(--sdb-choice-size) !important; min-height: var(--sdb-choice-size) !important; max-inline-size: var(--sdb-choice-size) !important; max-width: var(--sdb-choice-size) !important; margin: .18em 0 0 !important; padding: 0 !important; flex: 0 0 var(--sdb-choice-size) !important; align-self: flex-start !important; accent-color: var(--sdb-choice-color); } .sdb-choice, .sdb-form__choice, .sdb-form__check, .sdb-checkbox, .sdb-radio { display: flex; align-items: flex-start; gap: var(--sdb-choice-gap); min-width: 0; color: var(--sdb-color-text); line-height: 1.48; } .sdb-choice__content, .sdb-form__choice-content, .sdb-form__check-text, .sdb-checkbox__text, .sdb-radio__text { min-width: 0; font-weight: var(--sdb-font-weight-regular, 400); } .sdb-session-list { display: grid; gap: var(--sdb-session-list-gap); } .sdb-session-card { position: relative; display: grid; gap: var(--sdb-session-card-gap); min-width: 0; padding: var(--sdb-session-card-padding); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); color: var(--sdb-color-text); transition: border-color var(--sdb-transition-fast, 160ms) ease, background-color var(--sdb-transition-fast, 160ms) ease, box-shadow var(--sdb-transition-fast, 160ms) ease; } .sdb-session-card:where(:hover, :focus-within) { background: var(--sdb-session-card-hover-bg); border-color: color-mix(in srgb, var(--sdb-color-primary) 28%, var(--sdb-color-border)); } .sdb-session-card:has(> input[type="radio"], > input[type="checkbox"]), .sdb-session-card--choice { grid-template-columns: var(--sdb-choice-size) minmax(0, 1fr); column-gap: var(--sdb-session-card-gap); align-items: start; } .sdb-session-card__choice { grid-column: 1; display: flex; align-items: flex-start; padding-top: .12rem; } .sdb-session-card__body, .sdb-session-card__content { grid-column: 2; min-width: 0; display: grid; gap: .45rem; } .sdb-session-card__title { margin: 0; color: var(--sdb-color-title); font-family: var(--sdb-font-heading); font-size: var(--sdb-session-card-title-size); font-weight: var(--sdb-font-weight-semibold, 600); line-height: 1.3; } .sdb-session-card__meta, .sdb-session-card__description { margin: 0; color: var(--sdb-color-muted); font-size: var(--sdb-session-card-meta-size); line-height: 1.45; } .sdb-session-card[aria-selected="true"], .sdb-session-card--selected, .sdb-session-card:has(input:checked) { border-color: var(--sdb-session-card-selected-border); background: var(--sdb-session-card-selected-bg); box-shadow: 0 0 0 3px rgba(0, 88, 183, .08); } .sdb-session-card[aria-disabled="true"], .sdb-session-card--disabled, .sdb-session-card--full, .sdb-session-card--unavailable { opacity: var(--sdb-session-card-disabled-opacity); } .sdb-card-action-link, .sdb-session-card__details { display: inline-flex; align-items: center; width: fit-content; gap: .4rem; margin-top: .25rem; padding: .38rem .62rem; border-radius: var(--sdb-radius-pill); background: var(--sdb-card-action-link-bg); color: var(--sdb-card-action-link-color); font-size: .88rem; font-weight: var(--sdb-font-weight-semibold, 600); line-height: 1.2; text-decoration: none; } .sdb-card-action-link:hover, .sdb-session-card__details:hover { background: var(--sdb-card-action-link-bg-hover); color: var(--sdb-card-action-link-hover-color); text-decoration: none; } .sdb-capacity-indicator { display: inline-flex; align-items: center; width: fit-content; gap: .35rem; padding: .28rem .56rem; border-radius: var(--sdb-radius-pill); font-size: .78rem; font-weight: var(--sdb-font-weight-semibold, 600); line-height: 1.2; } .sdb-capacity-indicator--available { color: var(--sdb-capacity-available-color); background: var(--sdb-capacity-available-bg); } .sdb-capacity-indicator--limited { color: var(--sdb-capacity-limited-color); background: var(--sdb-capacity-limited-bg); } .sdb-capacity-indicator--full { color: var(--sdb-capacity-full-color); background: var(--sdb-capacity-full-bg); } .sdb-capacity-indicator--waitlist { color: var(--sdb-capacity-waitlist-color); background: var(--sdb-capacity-waitlist-bg); } .sdb-consent-block { display: flex; align-items: flex-start; gap: var(--sdb-consent-gap); padding: var(--sdb-consent-padding); border: 1px solid var(--sdb-consent-border); border-left: 3px solid color-mix(in srgb, var(--sdb-color-primary) 70%, var(--sdb-consent-border)); border-radius: var(--sdb-consent-radius); background: var(--sdb-consent-bg); color: var(--sdb-consent-text-color); font-size: var(--sdb-consent-text-size); line-height: 1.5; } .sdb-consent-block :where(strong, b) { color: var(--sdb-color-title); font-weight: var(--sdb-font-weight-semibold, 600); } .sdb-consent-block :where(.sdb-form__check, .sdb-checkbox, .sdb-radio) { font-size: var(--sdb-consent-text-size) !important; font-weight: var(--sdb-font-weight-regular, 400) !important; } .sdb-confirmation-panel { display: grid; gap: var(--sdb-space-sm); padding: var(--sdb-confirmation-padding); border: 1px solid var(--sdb-confirmation-border); border-radius: var(--sdb-confirmation-radius); background: var(--sdb-confirmation-bg); color: var(--sdb-confirmation-text-color); } .sdb-confirmation-panel__title, .sdb-confirmation-panel > :is(h2, h3, h4):first-child { margin: 0 0 .35rem; color: var(--sdb-confirmation-title-color); font-family: var(--sdb-font-heading); font-size: var(--sdb-confirmation-title-size); font-weight: var(--sdb-font-weight-semibold, 600); line-height: 1.3; } .sdb-confirmation-panel__list { display: grid; gap: .5rem; margin: .25rem 0 0; padding: 0; list-style: none; } .sdb-confirmation-panel__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: .5rem; } @media (max-width: 640px) { .sdb-form__grid { grid-template-columns: 1fr; } .sdb-form__actions, .sdb-confirmation-panel__actions { align-items: stretch; flex-direction: column; } .sdb-form__actions > *, .sdb-confirmation-panel__actions > * { width: 100%; justify-content: center; } .sdb-session-card, .sdb-consent-block, .sdb-confirmation-panel { border-radius: var(--sdb-radius-md); } } :root { --sdb-choice-label-align: flex-start; --sdb-choice-content-gap: .22rem; --sdb-choice-input-offset: .16em; } :where(.sdb-form__check, .sdb-form__choice, .sdb-checkbox, .sdb-radio, .sdb-check-card, .sdb-consent-block, .sdb-session-card--choice) { box-sizing: border-box; } :where(.sdb-form__check, .sdb-form__choice, .sdb-checkbox, .sdb-radio, .sdb-check-card), :where(label.sdb-consent-block) { display: flex; align-items: var(--sdb-choice-label-align); gap: var(--sdb-choice-gap); } :where(.sdb-form__check, .sdb-form__choice, .sdb-checkbox, .sdb-radio, .sdb-check-card, .sdb-consent-block) > :where(input[type="checkbox"], input[type="radio"]) { margin-block-start: var(--sdb-choice-input-offset) !important; } :where(.sdb-form__check-body, .sdb-form__choice-content, .sdb-checkbox__body, .sdb-radio__body) { display: grid; gap: var(--sdb-choice-content-gap); min-width: 0; } :where(.sdb-form__check-text, .sdb-form__check-body, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text), .sdb-consent-block > :where(label, .sdb-form__label, .sdb-form__check-text, .sdb-form__check-body, p, span, div):not(input):not(.sdb-form__check):not(.sdb-checkbox):not(.sdb-radio) { flex: 1 1 auto; min-width: 0; max-width: 100%; width: auto; margin-block-start: 0; } .sdb-consent-block > :where(label, .sdb-form__label) { display: block; margin: 0; color: var(--sdb-consent-text-color); font-size: var(--sdb-consent-text-size); font-weight: var(--sdb-font-weight-regular, 400); line-height: 1.5; } .sdb-consent-block > :where(label, .sdb-form__label) :where(strong, b) { font-weight: var(--sdb-font-weight-semibold, 600); } .sdb-consent-block :where(label):has(> input[type="checkbox"], > input[type="radio"]) { display: flex; align-items: flex-start; gap: var(--sdb-choice-gap); margin: 0; width: 100%; } .sdb-consent-block :where(label) > :where(input[type="checkbox"], input[type="radio"]) + :where(span, div, p) { flex: 1 1 auto; min-width: 0; } .sdb-session-card__header { grid-column: 1 / -1; display: flex; align-items: baseline; justify-content: space-between; gap: var(--sdb-session-card-gap); padding-block-end: .65rem; border-block-end: 1px solid var(--sdb-color-border); color: var(--sdb-color-title); font-weight: var(--sdb-font-weight-semibold, 600); } .sdb-session-card--choice > :where(input[type="radio"], input[type="checkbox"]) { grid-column: 1; align-self: start; } .sdb-session-card--choice > :where(.sdb-session-card__body, .sdb-session-card__content, label:not(.sdb-session-card):not(.sdb-form__check), h3, h4, p, .sdb-session-card__title, .sdb-session-card__meta, .sdb-session-card__description, .sdb-capacity-indicator, .sdb-session-card__details, .sdb-card-action-link) { grid-column: 2; min-width: 0; } .sdb-session-card--choice > :where(label:not(.sdb-session-card):not(.sdb-form__check)) { display: block; margin: 0; } @media (max-width: 640px) { .sdb-consent-block { gap: max(.6rem, var(--sdb-choice-gap)); } .sdb-session-card__header { align-items: flex-start; flex-direction: column; gap: .25rem; } } :root { --sdb-ref-color-blue-700: #0058B7; --sdb-ref-color-sky-500: #009BD8; --sdb-ref-color-neutral-900: #1F2A36; --sdb-sys-color-primary: var(--sdb-color-primary, var(--sdb-ref-color-blue-700)); --sdb-sys-color-secondary: var(--sdb-color-secondary, var(--sdb-ref-color-sky-500)); --sdb-sys-color-surface: var(--sdb-color-surface, #FFFFFF); --sdb-color-on-primary: #FFFFFF; --sdb-color-on-secondary: #FFFFFF; --sdb-color-on-success: #FFFFFF; --sdb-color-on-warning: var(--sdb-color-soft-black, #1F2A36); --sdb-color-on-error: #FFFFFF; --sdb-color-on-info: #FFFFFF; --sdb-color-surface-lowest: #FFFFFF; --sdb-color-surface-low: #FAFCFE; --sdb-color-surface-high: var(--sdb-color-background, #F5F8FB); --sdb-color-surface-highest: var(--sdb-color-border, #EEF3F8); --sdb-color-on-surface: var(--sdb-color-title, #364048); --sdb-color-on-surface-muted: var(--sdb-color-text, #6B7785); --sdb-color-outline: #D6E0EA; --sdb-color-outline-variant: var(--sdb-color-border, #EEF3F8); --sdb-type-display-lg-size: clamp(2.6rem, 5vw, 4.8rem); --sdb-type-display-lg-line-height: 1.02; --sdb-type-headline-lg-size: clamp(2rem, 3vw, 3rem); --sdb-type-headline-md-size: clamp(1.6rem, 2.2vw, 2.2rem); --sdb-type-headline-sm-size: clamp(1.35rem, 1.7vw, 1.7rem); --sdb-type-title-lg-size: 1.35rem; --sdb-type-title-md-size: 1.125rem; --sdb-type-title-sm-size: 1rem; --sdb-type-body-lg-size: 1.125rem; --sdb-type-body-md-size: 1rem; --sdb-type-body-sm-size: .925rem; --sdb-type-label-lg-size: .95rem; --sdb-type-label-md-size: .875rem; --sdb-type-label-sm-size: .78rem; --sdb-type-title-md-line-height: 1.3; --sdb-shape-none: 0; --sdb-shape-xs: 4px; --sdb-shape-sm: 6px; --sdb-shape-md: var(--sdb-radius-md, 10px); --sdb-shape-lg: var(--sdb-radius-lg, 16px); --sdb-shape-xl: var(--sdb-radius-xl, 22px); --sdb-shape-pill: var(--sdb-radius-pill, 999px); --sdb-shape-circle: 50%; --sdb-elevation-0: none; --sdb-elevation-1: 0 4px 12px rgba(31, 42, 54, .05); --sdb-elevation-2: 0 10px 24px rgba(31, 42, 54, .08); --sdb-elevation-3: 0 16px 36px rgba(31, 42, 54, .12); --sdb-elevation-4: 0 24px 60px rgba(31, 42, 54, .18); --sdb-motion-duration-fast: 120ms; --sdb-motion-duration-base: 180ms; --sdb-motion-duration-slow: 280ms; --sdb-motion-easing-standard: cubic-bezier(.2, 0, 0, 1); --sdb-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1.2); --sdb-state-hover-bg: rgba(0, 88, 183, .06); --sdb-state-active-bg: rgba(0, 88, 183, .10); --sdb-state-pressed-bg: rgba(0, 88, 183, .14); --sdb-state-selected-bg: rgba(0, 88, 183, .085); --sdb-state-selected-border: rgba(0, 88, 183, .35); --sdb-state-focus-ring: 0 0 0 3px rgba(0, 155, 216, .22); --sdb-state-disabled-opacity: .56; --sdb-state-disabled-bg: #F3F6FA; --sdb-state-disabled-color: var(--sdb-color-muted, #8E9AA7); --sdb-field-bg: var(--sdb-color-surface-lowest); --sdb-field-border: var(--sdb-color-outline); --sdb-field-border-hover: #B9C8D8; --sdb-field-focus-border: var(--sdb-sys-color-primary); --sdb-field-radius: var(--sdb-shape-md); --sdb-field-padding-x: .9rem; --sdb-field-padding-y: .72rem; --sdb-field-gap: .42rem; --sdb-field-help-color: var(--sdb-color-on-surface-muted); --sdb-field-error-color: var(--sdb-color-error-text); --sdb-field-error-bg: var(--sdb-color-error-bg); --sdb-control-height-xs: 30px; --sdb-control-height-sm: 34px; --sdb-control-height-md: 40px; --sdb-control-height-lg: 46px; } .sdb-field, .sdb-text-field, .sdb-select-field, .sdb-choice-group { box-sizing: border-box; display: grid; gap: var(--sdb-field-gap); min-width: 0; } .sdb-field *, .sdb-text-field *, .sdb-select-field *, .sdb-choice-group * { box-sizing: border-box; } .sdb-field__label, .sdb-choice-group__legend { color: var(--sdb-color-on-surface); font-family: var(--sdb-font-body); font-size: var(--sdb-type-label-md-size); font-weight: var(--sdb-font-weight-semibold); line-height: 1.35; } .sdb-field__control, .sdb-text-field input, .sdb-select-field select, .sdb-text-field textarea { width: 100%; min-height: var(--sdb-control-height-md); padding: var(--sdb-field-padding-y) var(--sdb-field-padding-x); border: 1px solid var(--sdb-field-border); border-radius: var(--sdb-field-radius); background: var(--sdb-field-bg); color: var(--sdb-color-on-surface); font: inherit; transition: border-color var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard), box-shadow var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard), background-color var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard); } .sdb-field__control:hover, .sdb-text-field input:hover, .sdb-select-field select:hover, .sdb-text-field textarea:hover { border-color: var(--sdb-field-border-hover); } .sdb-field__control:focus-visible, .sdb-text-field input:focus-visible, .sdb-select-field select:focus-visible, .sdb-text-field textarea:focus-visible { border-color: var(--sdb-field-focus-border); box-shadow: var(--sdb-state-focus-ring); outline: none; } .sdb-field__control:disabled, .sdb-text-field input:disabled, .sdb-select-field select:disabled, .sdb-text-field textarea:disabled { opacity: var(--sdb-state-disabled-opacity); background: var(--sdb-state-disabled-bg); color: var(--sdb-state-disabled-color); cursor: not-allowed; } .sdb-field__help, .sdb-field-message, .sdb-choice-field__help { margin: 0; color: var(--sdb-field-help-color); font-size: var(--sdb-type-body-sm-size); line-height: 1.45; } .sdb-field-message--error, .sdb-field--error .sdb-field-message, .sdb-field--error .sdb-field__help { color: var(--sdb-field-error-color); } .sdb-field--error .sdb-field__control, .sdb-text-field.sdb-field--error input, .sdb-select-field.sdb-field--error select { border-color: var(--sdb-color-error); background: color-mix(in srgb, var(--sdb-field-error-bg) 42%, #fff); } .sdb-choice-field, .sdb-checkbox-field, .sdb-radio-field { display: flex; align-items: flex-start; gap: var(--sdb-choice-gap, .7rem); color: var(--sdb-color-on-surface); line-height: 1.45; } .sdb-choice-field input[type="checkbox"], .sdb-choice-field input[type="radio"], .sdb-checkbox-field input[type="checkbox"], .sdb-radio-field input[type="radio"], .sdb-choice-group input[type="checkbox"], .sdb-choice-group input[type="radio"] { flex: 0 0 auto; width: var(--sdb-choice-size, 16px); height: var(--sdb-choice-size, 16px); min-width: var(--sdb-choice-size, 16px); min-height: var(--sdb-choice-size, 16px); margin: var(--sdb-choice-input-offset, .16em) 0 0; padding: 0; accent-color: var(--sdb-sys-color-primary); } .sdb-choice-field input[type="checkbox"]:focus-visible, .sdb-choice-field input[type="radio"]:focus-visible, .sdb-checkbox-field input[type="checkbox"]:focus-visible, .sdb-radio-field input[type="radio"]:focus-visible, .sdb-choice-group input[type="checkbox"]:focus-visible, .sdb-choice-group input[type="radio"]:focus-visible { box-shadow: var(--sdb-state-focus-ring); outline: none; } .sdb-choice-field__body { display: grid; gap: var(--sdb-choice-content-gap, .22rem); min-width: 0; } .sdb-choice-field__label { color: var(--sdb-color-on-surface); font-weight: var(--sdb-font-weight-medium); } .sdb-choice-group { margin: 0; padding: 0; border: 0; } .sdb-choice-group__items { display: grid; gap: var(--sdb-choice-gap, .7rem); } .sdb-choice-group--cards .sdb-choice-field { padding: var(--sdb-consent-padding, 16px); border: 1px solid var(--sdb-color-outline-variant); border-radius: var(--sdb-shape-md); background: var(--sdb-color-surface-lowest); transition: background-color var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard), border-color var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard), box-shadow var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard); } .sdb-choice-group--cards .sdb-choice-field:hover { background: var(--sdb-state-hover-bg); } .sdb-choice-group--cards .sdb-choice-field:has(input:checked) { border-color: var(--sdb-state-selected-border); background: var(--sdb-state-selected-bg); } @media (prefers-reduced-motion: reduce) { .sdb-field__control, .sdb-text-field input, .sdb-select-field select, .sdb-text-field textarea, .sdb-choice-group--cards .sdb-choice-field { transition: none; } } :root { --sdb-state-checked-bg: var(--sdb-color-primary, #0058B7); --sdb-state-checked-border: var(--sdb-color-primary, #0058B7); --sdb-state-expanded-bg: rgba(0, 88, 183, .08); --sdb-state-loading-opacity: .64; --sdb-state-error-border: var(--sdb-color-error, #B42318); --sdb-state-success-border: var(--sdb-color-success, #087443); --sdb-motion-duration-instant: 90ms; --sdb-motion-duration-enter: 180ms; --sdb-motion-duration-exit: 140ms; --sdb-motion-easing-exit: cubic-bezier(.4, 0, 1, 1); --sdb-skeleton-bg: linear-gradient(90deg, rgba(238,243,248,.75), rgba(255,255,255,.92), rgba(238,243,248,.75)); --sdb-toast-z-index: 10020; } .sdb-is-selected, .sdb-is-checked, .sdb-session-card.is-selected, .sdb-check-card:has(input:checked) { border-color: var(--sdb-state-checked-border); background: var(--sdb-state-selected-bg, rgba(0, 88, 183, .08)); } .sdb-is-expanded { background: var(--sdb-state-expanded-bg); } .sdb-is-disabled, .sdb-is-loading { opacity: var(--sdb-state-disabled-opacity, .58); } .sdb-has-error { border-color: var(--sdb-state-error-border) !important; } .sdb-has-success { border-color: var(--sdb-state-success-border) !important; } .sdb-motion-standard { transition-duration: var(--sdb-motion-duration-base, 160ms); transition-timing-function: var(--sdb-motion-easing-standard, ease); } .sdb-motion-enter { transition-duration: var(--sdb-motion-duration-enter); transition-timing-function: var(--sdb-motion-easing-emphasized, cubic-bezier(.2, 0, 0, 1)); } .sdb-motion-exit { transition-duration: var(--sdb-motion-duration-exit); transition-timing-function: var(--sdb-motion-easing-exit); } .sdb-loading-state { display: inline-flex; align-items: center; gap: .625rem; color: var(--sdb-color-muted); font-family: var(--sdb-font-body); font-size: var(--sdb-type-body-sm-size, .925rem); } .sdb-spinner { width: 1em; height: 1em; border: 2px solid var(--sdb-color-border); border-top-color: var(--sdb-color-primary); border-radius: 50%; animation: sdb-spin var(--sdb-motion-duration-slow, 800ms) linear infinite; } @keyframes sdb-spin { to { transform: rotate(360deg); } } .sdb-skeleton { display: block; min-height: 1rem; border-radius: var(--sdb-radius-sm); background: var(--sdb-skeleton-bg); background-size: 220% 100%; animation: sdb-skeleton-shimmer 1.25s var(--sdb-motion-easing-standard, ease) infinite; } .sdb-skeleton--text { width: 100%; max-width: 36rem; height: .95rem; } .sdb-skeleton--title { width: 70%; height: 1.35rem; } .sdb-skeleton--card { min-height: 9rem; border-radius: var(--sdb-radius-md); } @keyframes sdb-skeleton-shimmer { to { background-position-x: -220%; } } .sdb-toast { position: fixed; right: clamp(1rem, 2vw, 1.5rem); bottom: clamp(1rem, 2vw, 1.5rem); z-index: var(--sdb-toast-z-index); max-width: min(28rem, calc(100vw - 2rem)); padding: .875rem 1rem; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface); color: var(--sdb-color-title); box-shadow: var(--sdb-elevation-3, var(--sdb-shadow-element)); font-family: var(--sdb-font-body); font-size: var(--sdb-type-body-sm-size, .925rem); } .sdb-tooltip, .sdb-help-popover { border-radius: var(--sdb-radius-sm); font-family: var(--sdb-font-body); font-size: var(--sdb-type-label-md-size, .82rem); } .sdb-tooltip { display: inline-flex; max-width: 18rem; padding: .45rem .6rem; background: var(--sdb-color-surface-inverse, #1f2a36); color: var(--sdb-color-on-surface-inverse, #fff); box-shadow: var(--sdb-elevation-3, var(--sdb-shadow-element)); } .sdb-help-popover, .sdb-side-panel { background: var(--sdb-color-surface); color: var(--sdb-color-text); border: 1px solid var(--sdb-color-border); box-shadow: var(--sdb-elevation-4, var(--sdb-shadow-element)); } .sdb-help-popover { max-width: 24rem; padding: 1rem; } .sdb-side-panel { width: min(32rem, 100%); padding: var(--sdb-card-padding, 1.5rem); border-radius: var(--sdb-radius-lg) 0 0 var(--sdb-radius-lg); } .sdb-stepper { font-family: var(--sdb-font-body); color: var(--sdb-color-muted); } .sdb-stepper ol { display: flex; flex-wrap: wrap; gap: .75rem; list-style: none; padding: 0; margin: 0; } .sdb-stepper li { display: inline-flex; align-items: center; gap: .5rem; padding: .45rem .75rem; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-pill); background: var(--sdb-color-surface); } .sdb-stepper li.is-current, .sdb-stepper li[aria-current="step"] { border-color: var(--sdb-state-selected-border, var(--sdb-color-primary)); background: var(--sdb-state-selected-bg, rgba(0,88,183,.08)); color: var(--sdb-color-primary); font-weight: var(--sdb-font-weight-semibold, 600); } .sdb-breadcrumb { font-family: var(--sdb-font-body); font-size: var(--sdb-type-label-md-size, .82rem); color: var(--sdb-color-muted); } .sdb-breadcrumb ol { display: flex; flex-wrap: wrap; gap: .35rem; list-style: none; padding: 0; margin: 0; } .sdb-breadcrumb li + li::before { content: "/"; margin-right: .35rem; color: var(--sdb-color-muted); } .sdb-breadcrumb a { color: var(--sdb-color-primary); text-decoration: none; } .sdb-breadcrumb a:hover, .sdb-breadcrumb a:focus-visible { text-decoration: underline; } @media (prefers-reduced-motion: reduce) { .sdb-motion-standard, .sdb-motion-enter, .sdb-motion-exit, .sdb-spinner, .sdb-skeleton { animation: none !important; transition-duration: 1ms !important; scroll-behavior: auto !important; } } :root { --sdb-asset-strategy-default: legacy; --sdb-asset-domain-version: "3.4.2"; } :root { --sdb-choice-size: 16px; --sdb-choice-gap: .72rem; --sdb-choice-input-offset: .12em; --sdb-session-card-control-gutter: .15rem; --sdb-session-card-selected-ring: 0 0 0 3px rgba(0, 88, 183, .08); --sdb-hero-title-safe-size-mobile: clamp(2rem, 9.4vw, 2.75rem); --sdb-card-body-padding-safe: clamp(14px, 2vw, 22px); } :where(.sdb-form, .sdb-registration-form, .sdb-session-card, .sdb-consent-block, .sdb-confirmation-panel, .sdb-admin-tool-panel, .sdb-admin-card, .sdb-admin-field-row) :where(input[type="checkbox"], input[type="radio"]) { inline-size: var(--sdb-choice-size) !important; block-size: var(--sdb-choice-size) !important; min-inline-size: var(--sdb-choice-size) !important; min-block-size: var(--sdb-choice-size) !important; max-inline-size: var(--sdb-choice-size) !important; margin: var(--sdb-choice-input-offset) 0 0 !important; flex: 0 0 var(--sdb-choice-size) !important; align-self: start !important; } :where(label.sdb-form__check, label.sdb-checkbox, label.sdb-radio, label.sdb-check-card, label.sdb-consent-block) { display: grid !important; grid-template-columns: var(--sdb-choice-size) minmax(0, 1fr) !important; align-items: start !important; column-gap: var(--sdb-choice-gap) !important; row-gap: var(--sdb-choice-content-gap, .22rem) !important; } :where(label.sdb-form__check, label.sdb-checkbox, label.sdb-radio, label.sdb-check-card, label.sdb-consent-block) > :where(input[type="checkbox"], input[type="radio"]) { grid-column: 1 !important; justify-self: start !important; } :where(label.sdb-form__check, label.sdb-checkbox, label.sdb-radio, label.sdb-check-card, label.sdb-consent-block) > :where(.sdb-form__check-text, .sdb-form__check-body, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text, span, p, div):not(input) { grid-column: 2 !important; min-width: 0 !important; margin: 0 !important; } .sdb-form__check-body, .sdb-form__choice-content, .sdb-checkbox__body, .sdb-radio__body { display: grid; gap: var(--sdb-choice-content-gap, .22rem); min-width: 0; } .sdb-session-card--choice { grid-template-columns: var(--sdb-choice-size) minmax(0, 1fr) !important; align-items: start !important; column-gap: calc(var(--sdb-session-card-gap, 14px) + var(--sdb-session-card-control-gutter, .15rem)) !important; } .sdb-session-card__choice { grid-column: 1 !important; inline-size: var(--sdb-choice-size); display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; padding: 0 !important; margin: 0 !important; } .sdb-session-card__choice > :where(input[type="checkbox"], input[type="radio"]) { margin-block-start: var(--sdb-choice-input-offset) !important; } .sdb-session-card__body, .sdb-session-card__content { grid-column: 2 !important; min-width: 0 !important; align-self: start !important; } .sdb-session-card--selected, .sdb-session-card:has(input:checked) { border-color: var(--sdb-session-card-selected-border); background: var(--sdb-session-card-selected-bg); box-shadow: var(--sdb-session-card-selected-ring); } .sdb-session-card--selected::after, .sdb-session-card:has(input:checked)::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sdb-color-primary, #0058b7) 18%, transparent); } .sdb-hero-content, .sdb-hero-title, .sdb-hero-subtitle { min-width: 0; max-width: 100%; overflow: visible; } .sdb-hero-title, .sdb-cause-hero__title { overflow-wrap: anywhere; word-break: normal; hyphens: auto; text-wrap: balance; max-inline-size: 14ch; } .sdb-hero-subtitle { overflow-wrap: break-word; max-inline-size: 42ch; } .sdb-document-list__item { min-width: 0; } .sdb-document-list__content { min-width: 0; display: grid; gap: .15rem; } .sdb-document-list__action, .sdb-download-action { flex: 0 0 auto; white-space: nowrap; } .sdb-filter-bar--documents { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; align-items: center; } .sdb-editorial-card__inner, .sdb-editorial-card > :where(h2, h3, h4, p, a, .sdb-editorial-pill):not(.sdb-editorial-card__inner):not(.sdb-u-media-16x9):not(.sdb-u-media-16x10):not(.sdb-visual-qa-media-placeholder) { max-width: 100%; } .sdb-editorial-card > :where(h2, h3, h4, p, a, .sdb-editorial-pill):not(.sdb-editorial-card__inner) { margin-inline: var(--sdb-card-body-padding-safe); } .sdb-editorial-card > :where(.sdb-editorial-pill):not(.sdb-editorial-card__inner) { margin-top: var(--sdb-card-body-padding-safe); } .sdb-editorial-card > :where(a):last-child:not(.sdb-editorial-card__inner) { margin-bottom: var(--sdb-card-body-padding-safe); } .sdb-score-card { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .55rem !important; width: fit-content; max-width: 100%; min-width: 0; } .sdb-score-card__team { color: var(--sdb-color-muted); font-size: var(--sdb-type-label-sm-size, .78rem); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; } .sdb-score-card__score { color: var(--sdb-color-title); font-size: clamp(1.25rem, 2.4vw, 1.75rem); line-height: 1; } .sdb-score-card__separator { color: var(--sdb-color-muted); } @media (max-width: 640px) { .sdb-hero-title, .sdb-cause-hero__title { font-size: var(--sdb-hero-title-safe-size-mobile) !important; line-height: 1.06 !important; max-inline-size: 11ch; } .sdb-hero-content { padding: clamp(20px, 7vw, 28px) !important; } .sdb-filter-bar--documents { grid-template-columns: 1fr; } .sdb-document-list__item { align-items: flex-start; } .sdb-document-list__action, .sdb-download-action { margin-inline-start: calc(var(--sdb-document-icon-size, 34px) + var(--sdb-space-md, 1rem)); } .sdb-score-card { width: 100%; justify-content: flex-start !important; } } :root { --sdb-choice-column-width: calc(var(--sdb-choice-size, 16px) + .35rem); --sdb-choice-block-gap: clamp(.7rem, 1.2vw, 1rem); --sdb-choice-card-control-offset: .08rem; --sdb-hero-title-mobile-readable-size: clamp(1.72rem, 8.8vw, 2.28rem); --sdb-hero-title-mobile-line-height: 1.04; --sdb-sensitive-stack-gap: clamp(12px, 1.5vw, 18px); --sdb-score-card-max-width: 680px; } :where(.sdb-session-card--choice) { display: grid !important; grid-template-columns: var(--sdb-choice-column-width) minmax(0, 1fr) !important; grid-auto-flow: row !important; column-gap: var(--sdb-choice-block-gap) !important; align-items: start !important; } :where(.sdb-session-card--choice) > :where(.sdb-session-card__choice, input[type="radio"], input[type="checkbox"]) { grid-column: 1 !important; grid-row: 1 / span 99 !important; justify-self: start !important; align-self: start !important; margin: 0 !important; padding: var(--sdb-choice-card-control-offset) 0 0 !important; } :where(.sdb-session-card--choice) > :where(.sdb-session-card__body, .sdb-session-card__content) { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; margin: 0 !important; } :where(.sdb-session-card--choice) > :where(.sdb-session-card__title, .sdb-session-card__meta, .sdb-session-card__description, .sdb-capacity-indicator, .sdb-session-card__details, .sdb-card-action-link):not(.sdb-session-card__body *) { grid-column: 2 !important; min-width: 0 !important; } :where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) { display: grid !important; grid-template-columns: var(--sdb-choice-column-width) minmax(0, 1fr) !important; column-gap: var(--sdb-choice-block-gap) !important; align-items: start !important; } :where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(input[type="checkbox"], input[type="radio"], .sdb-form__check-control, .sdb-form__choice-control) { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; align-self: start !important; min-width: var(--sdb-choice-size, 16px) !important; margin: 0 !important; } :where(.sdb-form__check-control, .sdb-form__choice-control) { display: inline-flex !important; align-items: flex-start !important; justify-content: flex-start !important; inline-size: var(--sdb-choice-size, 16px); padding-top: var(--sdb-choice-card-control-offset); } :where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(.sdb-form__check-body, .sdb-form__check-text, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text, span, p, div):not(input):not(.sdb-form__check-control):not(.sdb-form__choice-control) { grid-column: 2 !important; min-width: 0 !important; margin: 0 !important; } .sdb-form__check-control > :where(input[type="checkbox"], input[type="radio"]), .sdb-form__choice-control > :where(input[type="checkbox"], input[type="radio"]), .sdb-session-card__choice > :where(input[type="checkbox"], input[type="radio"]) { margin: 0 !important; align-self: flex-start !important; } .sdb-hero-title, .sdb-on-image__title, .sdb-cause-hero__title { word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; text-wrap: balance; } .sdb-sensitive-panel { display: grid; gap: var(--sdb-sensitive-stack-gap); } .sdb-token-lookup { display: grid; gap: .55rem; min-width: 0; } .sdb-token-lookup .sdb-form__field { display: grid; gap: .42rem; min-width: 0; } .sdb-status-timeline { display: grid; gap: .55rem; margin: 0; padding-left: 1.25rem; } .sdb-status-timeline > li { line-height: 1.45; } .sdb-score-card { width: min(100%, var(--sdb-score-card-max-width)) !important; max-width: 100%; justify-content: flex-start !important; } .sdb-editorial-grid--qa { grid-template-columns: repeat(2, minmax(240px, 340px)) !important; gap: clamp(20px, 3vw, 32px) !important; align-items: start !important; max-width: min(100%, 760px); } @media (max-width: 640px) { :where(.sdb-session-card--choice, label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check) { grid-template-columns: var(--sdb-choice-column-width) minmax(0, 1fr) !important; } .sdb-hero-title, .sdb-on-image__title, .sdb-cause-hero__title { font-size: var(--sdb-hero-title-mobile-readable-size) !important; line-height: var(--sdb-hero-title-mobile-line-height) !important; max-inline-size: 11.2ch !important; letter-spacing: -.025em; } .sdb-editorial-grid--qa { grid-template-columns: 1fr !important; max-width: 100%; } } :root { --sdb-choice-control-column: var(--sdb-choice-size, 16px); --sdb-choice-card-padding-x: clamp(16px, 2vw, 22px); --sdb-choice-card-padding-y: clamp(15px, 1.8vw, 20px); --sdb-choice-title-baseline-offset: .18rem; --sdb-choice-card-inline-gap: clamp(10px, 1.4vw, 14px); } :where(.sdb-session-card--choice) { display: grid !important; grid-template-columns: var(--sdb-choice-control-column) minmax(0, 1fr) !important; column-gap: var(--sdb-choice-card-inline-gap) !important; align-items: start !important; padding-block: var(--sdb-choice-card-padding-y) !important; padding-inline: var(--sdb-choice-card-padding-x) !important; } :where(.sdb-session-card--choice) > :where(.sdb-session-card__control, input[type="radio"], input[type="checkbox"], .sdb-session-card__choice) { grid-column: 1 !important; grid-row: 1 !important; align-self: start !important; justify-self: start !important; margin: 0 !important; padding: var(--sdb-choice-title-baseline-offset) 0 0 !important; inline-size: var(--sdb-choice-control-column) !important; min-inline-size: var(--sdb-choice-control-column) !important; max-inline-size: var(--sdb-choice-control-column) !important; } :where(.sdb-session-card--choice) > :where(.sdb-session-card__choice) { display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; } :where(.sdb-session-card--choice) > :where(.sdb-session-card__choice) > :where(input[type="radio"], input[type="checkbox"]) { margin: 0 !important; padding: 0 !important; align-self: flex-start !important; } :where(.sdb-session-card--choice) > :where(.sdb-session-card__body, .sdb-session-card__content) { grid-column: 2 !important; grid-row: 1 !important; align-self: start !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } :where(.sdb-session-card--choice) > :where(.sdb-session-card__title, .sdb-session-card__meta, .sdb-session-card__description, .sdb-capacity-indicator, .sdb-session-card__details, .sdb-card-action-link):not(.sdb-session-card__body *) { grid-column: 2 !important; min-width: 0 !important; margin-inline-start: 0 !important; } :where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) { display: grid !important; grid-template-columns: var(--sdb-choice-control-column) minmax(0, 1fr) !important; column-gap: var(--sdb-choice-card-inline-gap) !important; align-items: start !important; padding-block: var(--sdb-consent-padding-y, clamp(14px, 1.6vw, 18px)) !important; padding-inline: var(--sdb-consent-padding-x, var(--sdb-choice-card-padding-x)) !important; } :where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(.sdb-form__check-control, .sdb-form__choice-control, input[type="checkbox"], input[type="radio"]) { grid-column: 1 !important; grid-row: 1 !important; align-self: start !important; justify-self: start !important; margin: 0 !important; padding: var(--sdb-choice-title-baseline-offset) 0 0 !important; inline-size: var(--sdb-choice-control-column) !important; min-inline-size: var(--sdb-choice-control-column) !important; max-inline-size: var(--sdb-choice-control-column) !important; } :where(.sdb-form__check-control, .sdb-form__choice-control):has(> input[type="checkbox"], > input[type="radio"]) { display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; } :where(.sdb-form__check-control, .sdb-form__choice-control) > :where(input[type="checkbox"], input[type="radio"]) { margin: 0 !important; padding: 0 !important; } :where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(.sdb-form__check-body, .sdb-form__check-text, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text):not(input) { grid-column: 2 !important; grid-row: 1 !important; align-self: start !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } :where(.sdb-form__check-body, .sdb-form__choice-content) { display: block !important; line-height: 1.45; } @media (max-width: 640px) { :where(.sdb-session-card--choice, label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check) { grid-template-columns: var(--sdb-choice-control-column) minmax(0, 1fr) !important; column-gap: max(10px, var(--sdb-choice-card-inline-gap)) !important; } } :root { --sdb-choice-real-control-size: var(--sdb-choice-size, 16px); --sdb-choice-real-control-column: calc(var(--sdb-choice-real-control-size) + 2px); --sdb-choice-real-gap: max(var(--sdb-choice-card-inline-gap, 12px), var(--sdb-choice-gap, .65rem)); --sdb-choice-real-baseline-offset: .12rem; --sdb-choice-real-card-padding-x: max(var(--sdb-choice-card-padding-x, 18px), 18px); --sdb-choice-real-card-padding-y: max(var(--sdb-choice-card-padding-y, 16px), 14px); } :where( .sdb-form__check, .sdb-form__choice, .sdb-checkbox, .sdb-radio, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card, label.sdb-consent-block, .sdb-consent-block.sdb-form__check, .sdb-consent-block:has(> input[type="checkbox"]), .sdb-consent-block:has(> input[type="radio"]), .sdb-consent-block:has(> .sdb-form__check-control), .sdb-consent-block:has(> .sdb-form__choice-control) ) { display: grid !important; grid-template-columns: var(--sdb-choice-real-control-column) minmax(0, 1fr) !important; column-gap: var(--sdb-choice-real-gap) !important; row-gap: 0 !important; align-items: start !important; } :where( label.sdb-consent-block, .sdb-consent-block.sdb-form__check, .sdb-consent-block:has(> input[type="checkbox"]), .sdb-consent-block:has(> input[type="radio"]), .sdb-consent-block:has(> .sdb-form__check-control), .sdb-consent-block:has(> .sdb-form__choice-control) ) { padding-block: var(--sdb-consent-padding-y, var(--sdb-choice-real-card-padding-y)) !important; padding-inline: var(--sdb-consent-padding-x, var(--sdb-choice-real-card-padding-x)) !important; } :where(.sdb-consent-block, .sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > br { display: none !important; } :where( .sdb-form__check, .sdb-form__choice, .sdb-checkbox, .sdb-radio, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card, .sdb-consent-block ) > :where(input[type="checkbox"], input[type="radio"], .sdb-form__check-control, .sdb-form__choice-control) { grid-column: 1 !important; grid-row: 1 !important; align-self: start !important; justify-self: start !important; position: static !important; inset: auto !important; float: none !important; clear: none !important; transform: none !important; margin: var(--sdb-choice-real-baseline-offset) 0 0 0 !important; padding: 0 !important; inline-size: var(--sdb-choice-real-control-size) !important; block-size: var(--sdb-choice-real-control-size) !important; min-inline-size: var(--sdb-choice-real-control-size) !important; min-block-size: var(--sdb-choice-real-control-size) !important; max-inline-size: var(--sdb-choice-real-control-size) !important; max-block-size: var(--sdb-choice-real-control-size) !important; } :where(.sdb-consent-block, .sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(label, span, div, p):has(> input[type="checkbox"], > input[type="radio"]):not(.sdb-form__check-body):not(.sdb-form__check-text) { grid-column: 1 !important; grid-row: 1 !important; align-self: start !important; justify-self: start !important; display: inline-flex !important; align-items: flex-start !important; justify-content: flex-start !important; inline-size: var(--sdb-choice-real-control-size) !important; min-inline-size: var(--sdb-choice-real-control-size) !important; margin: var(--sdb-choice-real-baseline-offset) 0 0 0 !important; padding: 0 !important; position: static !important; inset: auto !important; float: none !important; clear: none !important; transform: none !important; } :where(.sdb-consent-block, .sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(label, span, div, p):has(> input[type="checkbox"], > input[type="radio"]):not(.sdb-form__check-body):not(.sdb-form__check-text) > :where(input[type="checkbox"], input[type="radio"]) { margin: 0 !important; position: static !important; inset: auto !important; float: none !important; clear: none !important; transform: none !important; } :where( .sdb-form__check, .sdb-form__choice, .sdb-checkbox, .sdb-radio, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card, .sdb-consent-block ) > :where(.sdb-form__check-body, .sdb-form__check-text, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text, .sdb-checkbox__body, .sdb-radio__body, label, span, p, div):not(input):not(.sdb-form__check-control):not(.sdb-form__choice-control):not(:has(> input[type="checkbox"], > input[type="radio"])) { grid-column: 2 !important; grid-row: 1 !important; align-self: start !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; position: static !important; inset: auto !important; float: none !important; clear: none !important; transform: none !important; line-height: 1.45 !important; } :where(.sdb-session-card--choice) { display: grid !important; grid-template-columns: var(--sdb-choice-real-control-column) minmax(0, 1fr) !important; column-gap: var(--sdb-choice-real-gap) !important; align-items: start !important; padding-block: var(--sdb-session-card-padding-y, var(--sdb-choice-real-card-padding-y)) !important; padding-inline: var(--sdb-session-card-padding-x, var(--sdb-choice-real-card-padding-x)) !important; } :where(.sdb-session-card--choice) > :where(.sdb-session-card__control, input[type="radio"], input[type="checkbox"], .sdb-session-card__choice) { grid-column: 1 !important; grid-row: 1 !important; align-self: start !important; justify-self: start !important; position: static !important; inset: auto !important; float: none !important; clear: none !important; transform: none !important; margin: var(--sdb-choice-real-baseline-offset) 0 0 0 !important; padding: 0 !important; inline-size: var(--sdb-choice-real-control-size) !important; min-inline-size: var(--sdb-choice-real-control-size) !important; max-inline-size: var(--sdb-choice-real-control-size) !important; } :where(.sdb-session-card--choice) > :where(.sdb-session-card__choice) { display: inline-flex !important; align-items: flex-start !important; justify-content: flex-start !important; } :where(.sdb-session-card--choice) > :where(.sdb-session-card__choice) > :where(input[type="radio"], input[type="checkbox"]) { margin: 0 !important; position: static !important; inset: auto !important; float: none !important; clear: none !important; transform: none !important; } :where(.sdb-session-card--choice) > :where(.sdb-session-card__body, .sdb-session-card__content, .sdb-session-card__title, .sdb-session-card__meta, .sdb-session-card__description, .sdb-capacity-indicator, .sdb-session-card__details, .sdb-card-action-link):not(.sdb-session-card__choice) { grid-column: 2 !important; min-width: 0 !important; margin-inline-start: 0 !important; position: static !important; inset: auto !important; float: none !important; clear: none !important; transform: none !important; } @media (max-width: 640px) { :where( .sdb-consent-block:has(> input[type="checkbox"]), .sdb-consent-block:has(> input[type="radio"]), .sdb-consent-block.sdb-form__check, label.sdb-consent-block, .sdb-form__check, .sdb-check-card, .sdb-session-card--choice ) { grid-template-columns: var(--sdb-choice-real-control-column) minmax(0, 1fr) !important; column-gap: max(10px, var(--sdb-choice-real-gap)) !important; } } :root { --sdb-choice-native-size: var(--sdb-choice-real-control-size, var(--sdb-choice-size, 16px)); --sdb-choice-native-column: calc(var(--sdb-choice-native-size) + 2px); --sdb-choice-native-gap: max(var(--sdb-choice-real-gap, 12px), var(--sdb-choice-gap, .65rem)); --sdb-choice-native-baseline: .16em; } :where( .sdb-session-card--choice, .sdb-consent-block, .sdb-form__check, .sdb-choice-group, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card ) input.sdb-radio-field, :where( .sdb-session-card--choice, .sdb-consent-block, .sdb-form__check, .sdb-choice-group, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card ) input.sdb-checkbox-field, input.sdb-session-card__control.sdb-radio-field, input.sdb-session-card__control.sdb-checkbox-field, input.sdb-form__check-control.sdb-radio-field, input.sdb-form__check-control.sdb-checkbox-field { display: inline-block !important; box-sizing: border-box !important; position: static !important; inset: auto !important; float: none !important; clear: none !important; transform: none !important; appearance: auto !important; -webkit-appearance: auto !important; inline-size: var(--sdb-choice-native-size) !important; block-size: var(--sdb-choice-native-size) !important; min-inline-size: var(--sdb-choice-native-size) !important; min-block-size: var(--sdb-choice-native-size) !important; max-inline-size: var(--sdb-choice-native-size) !important; max-block-size: var(--sdb-choice-native-size) !important; margin: var(--sdb-choice-native-baseline) 0 0 0 !important; padding: 0 !important; border-radius: initial; line-height: normal !important; vertical-align: top !important; accent-color: var(--sdb-sys-color-primary, var(--sdb-color-primary)) !important; } label.sdb-session-card.sdb-session-card--choice, .sdb-session-list .sdb-session-card.sdb-session-card--choice, .sdb-session-card.sdb-session-card--choice.sdb-session-card--line, .sdb-session-card.sdb-session-card--choice.sdb-session-card--compact, .sdb-session-card.sdb-session-card--choice.sdb-session-card--line.sdb-session-card--compact { display: grid !important; grid-template-columns: var(--sdb-choice-native-column) minmax(0, 1fr) !important; column-gap: var(--sdb-choice-native-gap) !important; row-gap: 0 !important; align-items: start !important; justify-items: stretch !important; padding-block: var(--sdb-session-card-padding-y, var(--sdb-choice-real-card-padding-y, 16px)) !important; padding-inline: var(--sdb-session-card-padding-x, var(--sdb-choice-real-card-padding-x, 18px)) !important; } label.sdb-session-card.sdb-session-card--choice > input.sdb-session-card__control, .sdb-session-list .sdb-session-card.sdb-session-card--choice > input.sdb-session-card__control, .sdb-session-card.sdb-session-card--choice.sdb-session-card--line > input.sdb-session-card__control, .sdb-session-card.sdb-session-card--choice.sdb-session-card--compact > input.sdb-session-card__control, .sdb-session-card.sdb-session-card--choice > input[type="radio"], .sdb-session-card.sdb-session-card--choice > input[type="checkbox"] { grid-column: 1 !important; grid-row: 1 !important; align-self: start !important; justify-self: start !important; display: inline-block !important; position: static !important; inset: auto !important; float: none !important; clear: none !important; transform: none !important; inline-size: var(--sdb-choice-native-size) !important; block-size: var(--sdb-choice-native-size) !important; min-inline-size: var(--sdb-choice-native-size) !important; min-block-size: var(--sdb-choice-native-size) !important; max-inline-size: var(--sdb-choice-native-size) !important; max-block-size: var(--sdb-choice-native-size) !important; margin: var(--sdb-choice-native-baseline) 0 0 0 !important; padding: 0 !important; } label.sdb-session-card.sdb-session-card--choice > .sdb-session-card__body, .sdb-session-list .sdb-session-card.sdb-session-card--choice > .sdb-session-card__body, .sdb-session-card.sdb-session-card--choice.sdb-session-card--line > .sdb-session-card__body, .sdb-session-card.sdb-session-card--choice.sdb-session-card--compact > .sdb-session-card__body, .sdb-session-card.sdb-session-card--choice > .sdb-session-card__content { grid-column: 2 !important; grid-row: 1 !important; align-self: start !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: grid !important; gap: var(--sdb-session-card-content-gap, .4rem) !important; } label.sdb-consent-block, .sdb-consent-block.sdb-form__check, .sdb-form__check.sdb-consent-block, .sdb-form__check:has(> input[type="checkbox"]), .sdb-form__check:has(> input[type="radio"]), .sdb-consent-block:has(> input[type="checkbox"]), .sdb-consent-block:has(> input[type="radio"]) { display: grid !important; grid-template-columns: var(--sdb-choice-native-column) minmax(0, 1fr) !important; column-gap: var(--sdb-choice-native-gap) !important; row-gap: 0 !important; align-items: start !important; } label.sdb-consent-block > input[type="checkbox"], label.sdb-consent-block > input[type="radio"], .sdb-consent-block.sdb-form__check > input[type="checkbox"], .sdb-consent-block.sdb-form__check > input[type="radio"], .sdb-form__check:has(> input[type="checkbox"]) > input[type="checkbox"], .sdb-form__check:has(> input[type="radio"]) > input[type="radio"] { grid-column: 1 !important; grid-row: 1 !important; align-self: start !important; justify-self: start !important; display: inline-block !important; position: static !important; float: none !important; clear: none !important; transform: none !important; margin: var(--sdb-choice-native-baseline) 0 0 0 !important; padding: 0 !important; inline-size: var(--sdb-choice-native-size) !important; block-size: var(--sdb-choice-native-size) !important; min-inline-size: var(--sdb-choice-native-size) !important; min-block-size: var(--sdb-choice-native-size) !important; } label.sdb-consent-block > :where(.sdb-form__check-body, .sdb-form__check-text, span, label, p, div):not(input):not(:has(> input[type="checkbox"], > input[type="radio"])), .sdb-consent-block.sdb-form__check > :where(.sdb-form__check-body, .sdb-form__check-text, span, label, p, div):not(input):not(:has(> input[type="checkbox"], > input[type="radio"])), .sdb-form__check:has(> input[type="checkbox"]) > :where(.sdb-form__check-body, .sdb-form__check-text, span, label, p, div):not(input):not(:has(> input[type="checkbox"], > input[type="radio"])) { grid-column: 2 !important; grid-row: 1 !important; align-self: start !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 1.45 !important; } .sdb-alert-banner--info { background: var(--sdb-alert-info-bg); border-color: var(--sdb-alert-info-border); color: var(--sdb-alert-info-text); } .sdb-alert-banner--urgent { background: var(--sdb-alert-error-bg, var(--sdb-color-error-bg)); border-color: var(--sdb-alert-error-border, var(--sdb-color-error)); color: var(--sdb-alert-error-text, var(--sdb-color-error-text)); } .sdb-alert-banner--dismissible .sdb-alert-banner__actions { align-items: center; } .sdb-alert-banner__dismiss:focus-visible, .sdb-dismiss-button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)); } .sdb-dismiss-button--light { color: var(--sdb-dismiss-color); } .sdb-admin-network-operation-panel__header { margin: 0 0 6px; color: var(--sdb-admin-heading, var(--sdb-color-title)); font-weight: 800; } .sdb-admin-network-operation-panel__scope { display: inline-flex; width: fit-content; margin-block-end: 8px; padding: 3px 8px; border-radius: var(--sdb-radius-pill); background: rgba(0,0,0,.06); color: var(--sdb-admin-text, var(--sdb-color-text)); font-size: 12px; font-weight: 700; } .sdb-admin-network-operation-panel__warning { margin: 0; color: var(--sdb-admin-text, var(--sdb-color-text)); } .sdb-admin-network-operation-panel__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 12px; } .sdb-action-stack { gap: var(--sdb-action-stack-gap, var(--sdb-space-sm, .75rem)); } .sdb-action-stack__trigger, .sdb-action-stack__menu, .sdb-calendar-actions, .sdb-calendar-actions__menu { display: flex; flex-wrap: wrap; gap: var(--sdb-calendar-actions-gap, .5rem); align-items: center; } .sdb-action-stack__menu, .sdb-calendar-actions__menu { margin: 0; padding: 0; list-style: none; } .sdb-calendar-actions { width: fit-content; max-width: 100%; } .sdb-card-action-link { text-decoration: none; } .sdb-card-action-link:focus-visible, .sdb-action-stack__trigger:focus-visible, .sdb-calendar-actions a:focus-visible, .sdb-calendar-actions button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)); } .sdb-validation-summary { background: var(--sdb-validation-summary-bg, var(--sdb-color-warning-bg, #fff7e6)); color: var(--sdb-validation-summary-text, var(--sdb-color-warning-text, #7a4b00)); } .sdb-validation-summary__title { display: block; margin: 0 0 .45rem; color: inherit; font-weight: 800; } .sdb-validation-summary__list { margin: 0; padding-inline-start: 1.2rem; } :root { --sdb-event-date-bg: var(--sdb-color-primary, #0058B7); --sdb-event-date-text: var(--sdb-color-on-primary, #fff); --sdb-event-date-accent: var(--sdb-color-secondary, #009BD8); --sdb-event-card-bg: var(--sdb-color-surface, #fff); --sdb-event-card-border: var(--sdb-color-border, #EEF3F8); --sdb-event-card-radius: var(--sdb-radius-md, 14px); --sdb-event-card-shadow: var(--sdb-shadow-element, 0 10px 26px rgba(15,35,52,.08)); --sdb-event-meta-color: var(--sdb-color-muted, #8E9AA7); --sdb-event-title-color: var(--sdb-color-title, #364048); --sdb-event-internal-bg: var(--sdb-status-internal-bg, #fff7e6); --sdb-event-internal-text: var(--sdb-status-internal-text, #8a4b00); --sdb-event-cancelled-bg: var(--sdb-status-cancelled-bg, #fdecec); --sdb-event-cancelled-text: var(--sdb-status-cancelled-text, #7f1d1d); --sdb-event-soldout-bg: var(--sdb-status-soldout-bg, #f1f1fe); --sdb-event-soldout-text: var(--sdb-status-soldout-text, #4b4bb5); --sdb-date-badge-width: 76px; --sdb-date-badge-min-height: 86px; --sdb-date-badge-radius: var(--sdb-radius-md, 14px); --sdb-date-badge-day-size: 30px; --sdb-date-badge-month-size: 12px; --sdb-date-badge-weekday-size: 11px; --sdb-date-badge-shadow: var(--sdb-shadow-element, 0 10px 26px rgba(15,35,52,.08)); --sdb-filter-bar-bg: var(--sdb-color-surface, #fff); --sdb-filter-bar-border: var(--sdb-color-border, #EEF3F8); --sdb-filter-bar-radius: var(--sdb-radius-md, 14px); --sdb-filter-bar-gap: var(--sdb-space-md, 16px); --sdb-filter-control-height: 46px; --sdb-filter-control-radius: var(--sdb-radius-md, 14px); --sdb-status-internal-bg: #fff7e6; --sdb-status-internal-text: #8a4b00; --sdb-status-cancelled-bg: #fdecec; --sdb-status-cancelled-text: #7f1d1d; --sdb-status-soldout-bg: #f1f1fe; --sdb-status-soldout-text: #4b4bb5; --sdb-status-open-bg: #e9f6ee; --sdb-status-open-text: #1e5f34; --sdb-status-closed-bg: #f1f1fe; --sdb-status-closed-text: #4b4bb5; --sdb-action-menu-panel-bg: var(--sdb-color-surface, #fff); --sdb-action-menu-panel-shadow: var(--sdb-elevation-3, var(--sdb-shadow-card, 0 18px 42px rgba(15,35,52,.14))); --sdb-calendar-hour-width: 64px; --sdb-calendar-row-height: 56px; --sdb-calendar-day-min-width: 160px; --sdb-calendar-grid-border: var(--sdb-color-border, #EEF3F8); --sdb-calendar-event-bg: var(--sdb-color-primary, #0058B7); --sdb-calendar-event-text: var(--sdb-color-on-primary, #fff); --sdb-calendar-event-radius: var(--sdb-radius-sm, 8px); --sdb-calendar-cell-min-width: 116px; --sdb-calendar-cell-min-height: 72px; --sdb-calendar-team-column-width: 196px; --sdb-calendar-event-gap: var(--sdb-space-1, 4px); --sdb-calendar-selected-bg: var(--sdb-state-selected-bg, rgba(0, 88, 183, .085)); --sdb-calendar-today-outline: var(--sdb-color-primary, #0058B7); } .sdb-date-badge { inline-size: var(--sdb-date-badge-width); min-block-size: var(--sdb-date-badge-min-height); display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: .12rem; padding: .6rem .55rem; color: var(--sdb-event-date-text); background: var(--sdb-event-date-bg); border-radius: var(--sdb-date-badge-radius); box-shadow: var(--sdb-date-badge-shadow); text-align: center; line-height: 1; text-decoration: none; } .sdb-date-badge__weekday { font-size: var(--sdb-date-badge-weekday-size); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; opacity: .88; } .sdb-date-badge__day { font-size: var(--sdb-date-badge-day-size); font-weight: 900; letter-spacing: -.04em; } .sdb-date-badge__month, .sdb-date-badge__year { font-size: var(--sdb-date-badge-month-size); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; } .sdb-date-badge--compact { --sdb-date-badge-width: 56px; --sdb-date-badge-min-height: 62px; --sdb-date-badge-day-size: 22px; } .sdb-date-badge--horizontal { inline-size: auto; min-block-size: 42px; flex-direction: row; gap: .5rem; padding-inline: .85rem; } .sdb-date-badge--featured { background: linear-gradient(135deg, var(--sdb-event-date-bg), var(--sdb-event-date-accent)); } .sdb-date-badge--muted { color: var(--sdb-color-title, #364048); background: var(--sdb-color-surface, #fff); border: 1px solid var(--sdb-color-border, #EEF3F8); box-shadow: none; } .sdb-schedule { display: grid; gap: var(--sdb-space-md, 16px); } .sdb-schedule__header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: var(--sdb-space-sm, 12px); } .sdb-schedule__filters { margin-block-end: var(--sdb-space-sm, 12px); } .sdb-schedule__list { display: grid; gap: var(--sdb-space-sm, 12px); } .sdb-schedule--horizontal .sdb-schedule__list { display: flex; overflow-x: auto; scroll-snap-type: x proximity; padding-block-end: .35rem; } .sdb-schedule--horizontal .sdb-schedule__list > * { flex: 0 0 min(320px, 82vw); scroll-snap-align: start; } .sdb-schedule--compact { gap: var(--sdb-space-xs, 8px); } .sdb-schedule--network .sdb-schedule__filters { padding: var(--sdb-filter-bar-gap); border: 1px solid var(--sdb-filter-bar-border); border-radius: var(--sdb-filter-bar-radius); background: var(--sdb-filter-bar-bg); } .sdb-filter-bar--network, .sdb-filter-bar--compact, .sdb-filter-bar--stacked-mobile { background: var(--sdb-filter-bar-bg); border: 1px solid var(--sdb-filter-bar-border); border-radius: var(--sdb-filter-bar-radius); padding: var(--sdb-filter-bar-gap); } .sdb-filter-bar__field { min-inline-size: min(220px, 100%); display: grid; gap: .35rem; } .sdb-filter-bar__label { color: var(--sdb-color-title, #364048); font-size: var(--sdb-type-label-sm-size, .78rem); font-weight: 800; } .sdb-filter-bar__select { min-block-size: var(--sdb-filter-control-height); border-radius: var(--sdb-filter-control-radius); } .sdb-filter-bar__actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; } .sdb-filter-bar__reset { color: var(--sdb-color-muted, #8E9AA7); } @media (max-width: 720px) { .sdb-filter-bar--stacked-mobile, .sdb-filter-bar--network { display: grid; } .sdb-filter-bar__field, .sdb-filter-bar__actions { inline-size: 100%; } } .sdb-status { display: inline-flex; align-items: center; gap: .35em; min-block-size: 1.6rem; padding: .22rem .62rem; border-radius: var(--sdb-radius-pill, 999px); font-size: var(--sdb-type-label-sm-size, .78rem); font-weight: 800; line-height: 1.15; white-space: nowrap; border: 1px solid transparent; } .sdb-status--internal { color: var(--sdb-status-internal-text); background: var(--sdb-status-internal-bg); } .sdb-status--soldout { color: var(--sdb-status-soldout-text); background: var(--sdb-status-soldout-bg); } .sdb-status--cancelled { color: var(--sdb-status-cancelled-text); background: var(--sdb-status-cancelled-bg); } .sdb-status--postponed { color: var(--sdb-color-warning-text, #7a4b00); background: var(--sdb-color-warning-bg, #fff7e6); } .sdb-status--open { color: var(--sdb-status-open-text); background: var(--sdb-status-open-bg); } .sdb-status--closed, .sdb-status--past { color: var(--sdb-status-closed-text); background: var(--sdb-status-closed-bg); } .sdb-action-menu { position: relative; display: inline-block; } .sdb-action-menu__trigger { cursor: pointer; } .sdb-action-menu__panel { min-inline-size: 220px; margin-block-start: .45rem; padding: .45rem; background: var(--sdb-action-menu-panel-bg); border: 1px solid var(--sdb-color-border, #EEF3F8); border-radius: var(--sdb-radius-md, 14px); box-shadow: var(--sdb-action-menu-panel-shadow); z-index: var(--sdb-z-dropdown, 40); } .sdb-action-menu[open] .sdb-action-menu__panel { display: grid; gap: .25rem; } .sdb-action-menu__item { display: flex; align-items: center; gap: .55rem; padding: .48rem .58rem; border-radius: var(--sdb-radius-sm, 8px); color: var(--sdb-color-text, #6B7785); text-decoration: none; } .sdb-action-menu__item:hover, .sdb-action-menu__item:focus-visible { color: var(--sdb-color-primary, #0058B7); background: var(--sdb-state-hover-bg, rgba(0,88,183,.07)); outline: none; } .sdb-action-menu__item-icon { inline-size: 1.15em; block-size: 1.15em; flex: 0 0 auto; } .sdb-calendar-actions__button, .sdb-calendar-actions__option { display: inline-flex; align-items: center; gap: .45rem; min-block-size: 2.25rem; padding: .45rem .75rem; border: 1px solid var(--sdb-color-border, #EEF3F8); border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-color-surface, #fff); color: var(--sdb-color-text, #6B7785); text-decoration: none; font-weight: 750; } .sdb-calendar-actions__button:hover, .sdb-calendar-actions__option:hover { color: var(--sdb-color-primary, #0058B7); border-color: color-mix(in srgb, var(--sdb-color-primary, #0058B7) 32%, var(--sdb-color-border, #EEF3F8)); } .sdb-empty-state--events, .sdb-empty-state--filtered, .sdb-empty-state--calendar, .sdb-empty-state--admin { display: grid; justify-items: start; gap: .5rem; padding: clamp(1.25rem, 3vw, 2rem); border: 1px dashed var(--sdb-color-border, #EEF3F8); border-radius: var(--sdb-radius-lg, 18px); background: var(--sdb-color-surface, #fff); } .sdb-empty-state__icon { inline-size: 2.25rem; block-size: 2.25rem; border-radius: 999px; background: var(--sdb-color-primary-bg, rgba(0,88,183,.08)); } .sdb-empty-state__title { margin: 0; color: var(--sdb-color-title, #364048); font-size: var(--sdb-type-title-md-size, 1.15rem); } .sdb-empty-state__text { margin: 0; color: var(--sdb-color-muted, #8E9AA7); } .sdb-empty-state__actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-block-start: .25rem; } .sdb-data-list--event { display: grid; gap: .1rem; } .sdb-data-list__item { display: grid; grid-template-columns: minmax(8rem, 13rem) minmax(0, 1fr); gap: .75rem; padding: .72rem 0; border-block-end: 1px solid var(--sdb-color-border, #EEF3F8); } .sdb-data-list__label { color: var(--sdb-event-meta-color); font-weight: 800; } .sdb-data-list__value { min-inline-size: 0; color: var(--sdb-color-text, #6B7785); } .sdb-data-list__icon { color: var(--sdb-color-primary, #0058B7); } @media (max-width: 560px) { .sdb-data-list__item { grid-template-columns: 1fr; gap: .2rem; } } .sdb-table--schedule, .sdb-table--sessions { inline-size: 100%; border-collapse: collapse; } .sdb-table--schedule th, .sdb-table--schedule td, .sdb-table--sessions th, .sdb-table--sessions td { padding: .72rem .85rem; border-block-end: 1px solid var(--sdb-color-border, #EEF3F8); vertical-align: top; } .sdb-table--schedule th, .sdb-table--sessions th { color: var(--sdb-color-title, #364048); font-weight: 850; background: var(--sdb-color-surface-low, #F7FAFD); } .sdb-table__status { white-space: nowrap; } .sdb-week-calendar { overflow-x: auto; border: 1px solid var(--sdb-calendar-grid-border); border-radius: var(--sdb-radius-lg, 18px); background: var(--sdb-color-surface, #fff); } .sdb-week-calendar__header { display: grid; grid-template-columns: var(--sdb-calendar-hour-width) repeat(7, minmax(var(--sdb-calendar-day-min-width), 1fr)); border-block-end: 1px solid var(--sdb-calendar-grid-border); min-inline-size: calc(var(--sdb-calendar-hour-width) + 7 * var(--sdb-calendar-day-min-width)); } .sdb-week-calendar__day { padding: .7rem; font-weight: 850; color: var(--sdb-color-title, #364048); border-inline-start: 1px solid var(--sdb-calendar-grid-border); } .sdb-week-calendar__hour { inline-size: var(--sdb-calendar-hour-width); min-block-size: var(--sdb-calendar-row-height); padding: .45rem .55rem; color: var(--sdb-color-muted, #8E9AA7); border-block-end: 1px solid var(--sdb-calendar-grid-border); } .sdb-week-calendar__event { display: block; padding: .45rem .55rem; color: var(--sdb-calendar-event-text); background: var(--sdb-calendar-event-bg); border-radius: var(--sdb-calendar-event-radius); box-shadow: var(--sdb-shadow-element, 0 10px 26px rgba(15,35,52,.08)); overflow: hidden; } .sdb-week-calendar__event--overlap { outline: 2px solid rgba(255,255,255,.65); } .sdb-week-calendar__event--all-day { background: var(--sdb-color-secondary, #009BD8); } .sdb-admin-diagnostic, .sdb-admin-import-preview { display: grid; gap: .75rem; padding: var(--sdb-admin-card-padding-compact, 16px); border: 1px solid var(--sdb-admin-border, var(--sdb-color-border)); border-radius: var(--sdb-radius-md, 14px); background: var(--sdb-admin-surface, var(--sdb-color-surface, #fff)); } .sdb-admin-health-row { display: flex; justify-content: space-between; gap: .75rem; padding: .55rem .7rem; border: 1px solid var(--sdb-admin-border, var(--sdb-color-border)); border-radius: var(--sdb-radius-sm, 8px); } .sdb-admin-log-list { display: grid; gap: .3rem; margin: 0; padding: .75rem .9rem .75rem 1.6rem; border-radius: var(--sdb-radius-md, 14px); background: var(--sdb-color-surface-low, #F7FAFD); font-family: var(--sdb-font-mono, monospace); font-size: .82rem; } .sdb-admin-import-status, .sdb-admin-sync-status, .sdb-admin-status--ok, .sdb-admin-status--warning, .sdb-admin-status--error, .sdb-admin-status--muted { display: inline-flex; align-items: center; min-block-size: 1.55rem; padding: .18rem .55rem; border-radius: var(--sdb-radius-pill, 999px); font-weight: 800; font-size: .76rem; } .sdb-admin-status--ok { color: var(--sdb-status-open-text); background: var(--sdb-status-open-bg); } .sdb-admin-status--warning { color: var(--sdb-color-warning-text, #7a4b00); background: var(--sdb-color-warning-bg, #fff7e6); } .sdb-admin-status--error { color: var(--sdb-status-cancelled-text); background: var(--sdb-status-cancelled-bg); } .sdb-admin-status--muted { color: var(--sdb-color-muted, #8E9AA7); background: var(--sdb-color-surface-low, #F7FAFD); } .sdb-u-cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-sm, .75rem); } .sdb-u-inline-meta { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .35rem .65rem; color: var(--sdb-color-muted, #8E9AA7); } .sdb-u-scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; } .sdb-u-visually-muted { color: var(--sdb-color-muted, #8E9AA7) !important; } .sdb-u-action-row { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; } .sdb-u-date-stack { display: inline-grid; gap: .08rem; line-height: 1; text-align: center; } .sdb-u-responsive-grid-auto { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: var(--sdb-space-md, 16px); } .sdb-status-badge--open, .sdb-status-badge--available { background: var(--sdb-status-open-bg, var(--sdb-color-success-bg, #e9f6ee)); color: var(--sdb-status-open-text, var(--sdb-color-success-text, #1e5f34)); border-color: var(--sdb-color-success-border, rgba(30,95,52,.18)); } .sdb-status-badge--closed { background: var(--sdb-status-closed-bg, var(--sdb-color-info-bg, #f1f1fe)); color: var(--sdb-status-closed-text, var(--sdb-color-info-text, #4b4bb5)); border-color: var(--sdb-color-info-border, rgba(75,75,181,.18)); } .sdb-status-badge--cancelled, .sdb-status-badge--canceled { background: var(--sdb-status-cancelled-bg, var(--sdb-color-error-bg, #fdecec)); color: var(--sdb-status-cancelled-text, var(--sdb-color-error-text, #7f1d1d)); border-color: var(--sdb-color-error-border, rgba(127,29,29,.18)); } .sdb-alert { border: 1px solid var(--sdb-color-border, #d8e2ee); border-radius: var(--sdb-radius-md, 12px); padding: var(--sdb-space-sm, 12px) var(--sdb-space-md, 16px); background: var(--sdb-color-surface, #fff); color: var(--sdb-color-text, #364048); } .sdb-alert--info { background: var(--sdb-color-info-bg, #eef5ff); color: var(--sdb-color-info-text, #16457a); border-color: var(--sdb-color-info-border, rgba(22,69,122,.18)); } .sdb-alert--success { background: var(--sdb-color-success-bg, #e9f6ee); color: var(--sdb-color-success-text, #146c43); border-color: var(--sdb-color-success-border, rgba(20,108,67,.18)); } .sdb-alert--warning { background: var(--sdb-color-warning-bg, #fff7e0); color: var(--sdb-color-warning-text, #7a4b00); border-color: var(--sdb-color-warning-border, rgba(122,75,0,.18)); } .sdb-alert--error { background: var(--sdb-color-error-bg, #fdecec); color: var(--sdb-color-error-text, #7f1d1d); border-color: var(--sdb-color-error-border, rgba(127,29,29,.18)); } .sdb-btn--neutral { background: var(--sdb-color-surface, #fff); color: var(--sdb-color-text, #364048); border-color: var(--sdb-color-border, #d8e2ee); } .sdb-btn--danger { background: var(--sdb-color-error, #b42318); color: var(--sdb-color-on-error, #fff); border-color: var(--sdb-color-error, #b42318); } .sdb-btn--on-image { color: var(--sdb-color-on-image, #fff); border-color: rgba(255,255,255,.45); background: rgba(0,0,0,.18); backdrop-filter: blur(4px); } .sdb-card-action-link, .sdb-editorial-link { color: var(--sdb-color-primary, #0058b7); font-weight: 700; text-decoration: none; } .sdb-card-action-link:hover, .sdb-editorial-link:hover { text-decoration: underline; text-underline-offset: .18em; } .sdb-form-help, .sdb-meta, .sdb-editorial-meta { color: var(--sdb-color-muted, #6b7785); font-size: var(--sdb-type-label-sm-size, .8125rem); line-height: 1.45; } .sdb-editorial-title { color: var(--sdb-color-title, #1d2733); font-family: var(--sdb-font-heading, inherit); font-weight: 800; line-height: 1.15; } .sdb-eyebrow { color: var(--sdb-color-primary, #0058b7); font-size: var(--sdb-type-label-sm-size, .8125rem); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 .4rem; } .sdb-lead { color: var(--sdb-color-text, #364048); font-size: var(--sdb-type-body-lg-size, 1.125rem); line-height: 1.55; } .sdb-section { padding-block: var(--sdb-section-padding-y, var(--sdb-space-lg, 24px)); } .sdb-data-list--compact .sdb-data-list__row { padding-block: var(--sdb-space-xs, 8px); } .sdb-editorial-pill--on-image { color: var(--sdb-color-on-image, #fff); border-color: rgba(255,255,255,.35); background: rgba(0,0,0,.28); text-shadow: 0 1px 4px rgba(0,0,0,.35); } .sdb-filter-bar__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-xs, 8px); margin-left: auto; } :root { --sdb-editorial-title-xs: clamp(0.94rem, 0.78rem + 0.22vw, 1.02rem); --sdb-editorial-title-sm: clamp(1.02rem, 0.92rem + 0.38vw, 1.18rem); --sdb-editorial-title-md: clamp(1.18rem, 1.04rem + 0.58vw, 1.42rem); --sdb-editorial-title-lg: clamp(1.52rem, 1.22rem + 1.05vw, 2.05rem); --sdb-editorial-card-title-size: var(--sdb-editorial-title-sm); --sdb-editorial-card-title-line-height: 1.22; --sdb-editorial-card-title-weight: var(--sdb-font-weight-bold, 700); --sdb-editorial-feature-title-size: var(--sdb-editorial-title-lg); --sdb-editorial-feature-title-line-height: 1.12; --sdb-editorial-compact-title-size: var(--sdb-editorial-title-xs); --sdb-editorial-compact-title-line-height: 1.28; --sdb-editorial-gap-xs: 0.45rem; --sdb-editorial-gap-sm: 0.75rem; --sdb-editorial-gap-md: 1rem; --sdb-editorial-gap-lg: 1.5rem; --sdb-editorial-card-padding-sm: 0.85rem; --sdb-editorial-card-padding-md: 1.15rem; --sdb-editorial-list-gap: var(--sdb-editorial-gap-md); --sdb-editorial-compact-list-gap: var(--sdb-editorial-gap-sm); --sdb-editorial-adapter-gap: inherit; --sdb-editorial-adapter-padding: inherit; --sdb-editorial-adapter-radius: inherit; --sdb-editorial-adapter-shadow: none; --sdb-tag-on-image-bg: rgba(0, 0, 0, .36); --sdb-tag-on-image-color: var(--sdb-color-on-image, #fff); --sdb-tag-on-image-padding-y: .44em; --sdb-tag-on-image-padding-x: .7em; --sdb-tag-on-image-font-size: .72rem; --sdb-tag-on-image-letter-spacing: .06em; --sdb-density-editorial-compact-gap: var(--sdb-editorial-gap-sm); --sdb-density-editorial-comfortable-gap: var(--sdb-editorial-gap-md); --sdb-density-editorial-relaxed-gap: var(--sdb-editorial-gap-lg); } .sdb-editorial-card--adapter, .sdb-editorial-card--neutral, .sdb-editorial-card--inherit-layout { background: var(--sdb-editorial-adapter-bg, inherit); border: var(--sdb-editorial-adapter-border, 0); border-radius: var(--sdb-editorial-adapter-radius, inherit); box-shadow: var(--sdb-editorial-adapter-shadow, none); overflow: visible; color: inherit; } .sdb-editorial-card--adapter > :where(.sdb-editorial-card__inner, .sdb-editorial-content), .sdb-editorial-card--neutral > :where(.sdb-editorial-card__inner, .sdb-editorial-content), .sdb-editorial-card--inherit-layout > :where(.sdb-editorial-card__inner, .sdb-editorial-content) { padding: var(--sdb-editorial-adapter-padding, inherit); } .sdb-editorial-card--adapter :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md), .sdb-editorial-card--neutral :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md), .sdb-editorial-card--inherit-layout :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md) { font-size: var(--sdb-editorial-card-title-size, inherit); line-height: var(--sdb-editorial-card-title-line-height, inherit); font-weight: var(--sdb-editorial-card-title-weight, inherit); } .sdb-editorial-grid--adapter, .sdb-editorial-grid--inherit-layout, .sdb-editorial-compact-list--adapter, .sdb-editorial-topic-block--adapter, .sdb-editorial-slider--adapter { gap: var(--sdb-editorial-adapter-gap, inherit); } .sdb-editorial-grid--adapter, .sdb-editorial-grid--inherit-layout, .sdb-editorial-slider--adapter { display: inherit; grid-template-columns: inherit; align-items: inherit; } .sdb-editorial-slider--adapter { min-height: 0; height: auto; width: auto; padding: 0; background: transparent; border: 0; box-shadow: none; overflow: visible; } .sdb-editorial-card--compact, .sdb-density-compact .sdb-editorial-card:not(.sdb-editorial-card--adapter):not(.sdb-editorial-card--inherit-layout) { --sdb-editorial-card-title-size: var(--sdb-editorial-compact-title-size); --sdb-editorial-card-title-line-height: var(--sdb-editorial-compact-title-line-height); } .sdb-editorial-card--compact > :where(.sdb-editorial-card__inner, .sdb-editorial-content), .sdb-density-compact .sdb-editorial-card > :where(.sdb-editorial-card__inner, .sdb-editorial-content) { padding: var(--sdb-editorial-card-padding-sm); } .sdb-density-compact :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-compact-gap); } .sdb-density-comfortable :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-comfortable-gap); } .sdb-density-relaxed :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-relaxed-gap); } .sdb-editorial-card--comfortable > :where(.sdb-editorial-card__inner, .sdb-editorial-content) { padding: var(--sdb-editorial-card-padding-md); } .sdb-editorial-card--relaxed > :where(.sdb-editorial-card__inner, .sdb-editorial-content) { padding: clamp(1.25rem, 2vw, 1.85rem); } .sdb-editorial-link { display: inline-flex; align-items: center; gap: .35em; color: var(--sdb-editorial-link-color, var(--sdb-color-primary)); font-family: inherit; font-size: inherit; font-weight: var(--sdb-editorial-link-weight, var(--sdb-font-weight-semibold, 600)); letter-spacing: inherit; line-height: inherit; text-decoration: none; text-transform: none; } .sdb-editorial-link::after { content: none; } .sdb-editorial-link--arrow::after, .sdb-editorial-link--with-arrow::after { content: "→"; display: inline-block; margin-left: .25em; transition: transform var(--sdb-transition-fast, 160ms) ease; } .sdb-editorial-link--arrow:hover::after, .sdb-editorial-link--with-arrow:hover::after { transform: translateX(3px); } .sdb-editorial-link--plain::after { content: none; } .sdb-editorial-link--underline { text-decoration: underline; text-underline-offset: .22em; } .sdb-tag-on-image { padding: var(--sdb-tag-on-image-padding-y) var(--sdb-tag-on-image-padding-x); border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-tag-on-image-bg); color: var(--sdb-tag-on-image-color); font-size: var(--sdb-tag-on-image-font-size); letter-spacing: var(--sdb-tag-on-image-letter-spacing); } .sdb-tag-on-image--compact { --sdb-tag-on-image-padding-y: .28em; --sdb-tag-on-image-padding-x: .52em; --sdb-tag-on-image-font-size: .68rem; box-shadow: none; backdrop-filter: none; } .sdb-tag-on-image--adapter { padding: var(--sdb-tag-on-image-adapter-padding, inherit); background: var(--sdb-tag-on-image-bg, inherit); color: var(--sdb-tag-on-image-color, inherit); border: var(--sdb-tag-on-image-adapter-border, 0); border-radius: var(--sdb-tag-on-image-adapter-radius, inherit); box-shadow: none; backdrop-filter: none; text-transform: inherit; letter-spacing: inherit; } .sdb-editorial-card--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image), .sdb-editorial-grid--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image), .sdb-editorial-slider--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image) { max-width: 100%; } .sdb-tabs { --sdb-tabs-border: var(--sdb-color-border, #d8e0ea); --sdb-tabs-active: var(--sdb-color-primary, #0058B7); --sdb-tabs-bg: var(--sdb-color-surface, #fff); --sdb-tabs-radius: var(--sdb-radius-md, 12px); display: block; } .sdb-tabs__list { display: flex; flex-wrap: wrap; gap: var(--sdb-space-xs, .35rem); border-bottom: 1px solid var(--sdb-tabs-border); margin-bottom: var(--sdb-space-md, 1rem); } .sdb-tabs__tab { appearance: none; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--sdb-color-text, #1f2a36); cursor: pointer; font: inherit; font-weight: var(--sdb-font-weight-semibold, 600); padding: .65rem .85rem; border-radius: var(--sdb-radius-sm, 8px) var(--sdb-radius-sm, 8px) 0 0; } .sdb-tabs__tab:hover, .sdb-tabs__tab:focus-visible { background: var(--sdb-state-hover-bg, rgba(0,88,183,.06)); outline: none; } .sdb-tabs__tab:focus-visible { box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.25)); } .sdb-tabs__tab.is-active, .sdb-tabs__tab[aria-selected="true"] { color: var(--sdb-tabs-active); border-bottom-color: var(--sdb-tabs-active); } .sdb-tabs__panel { display: block; color: var(--sdb-color-text, #1f2a36); } .sdb-tabs__panel[hidden] { display: none; } .sdb-tabs--boxed .sdb-tabs__list { gap: .25rem; border: 1px solid var(--sdb-tabs-border); background: var(--sdb-color-surface-alt, #f7f9fc); border-radius: var(--sdb-tabs-radius); padding: .25rem; } .sdb-tabs--boxed .sdb-tabs__tab { border-bottom: 0; border-radius: calc(var(--sdb-tabs-radius) - 3px); } .sdb-tabs--boxed .sdb-tabs__tab.is-active, .sdb-tabs--boxed .sdb-tabs__tab[aria-selected="true"] { background: var(--sdb-tabs-bg); box-shadow: var(--sdb-shadow-element, 0 8px 22px rgba(15,35,55,.08)); } .sdb-tabs--underline .sdb-tabs__tab { border-radius: 0; } .sdb-accordion { --sdb-accordion-border: var(--sdb-color-border, #d8e0ea); --sdb-accordion-bg: var(--sdb-color-surface, #fff); --sdb-accordion-radius: var(--sdb-radius-md, 12px); display: grid; gap: var(--sdb-space-sm, .75rem); } .sdb-accordion__item { border: 1px solid var(--sdb-accordion-border); border-radius: var(--sdb-accordion-radius); background: var(--sdb-accordion-bg); overflow: clip; } .sdb-accordion__summary { cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: var(--sdb-space-sm, .75rem); font-weight: var(--sdb-font-weight-semibold, 600); padding: .9rem 1rem; } .sdb-accordion__summary::-webkit-details-marker { display: none; } .sdb-accordion__summary::after { content: ""; width: .55rem; height: .55rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform var(--sdb-transition-fast, .16s ease); } .sdb-accordion__item[open] .sdb-accordion__summary::after { transform: rotate(225deg); } .sdb-accordion__summary:focus-visible { outline: none; box-shadow: inset var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.25)); } .sdb-accordion__panel { border-top: 1px solid var(--sdb-accordion-border); padding: 1rem; color: var(--sdb-color-text, #1f2a36); } .sdb-accordion--boxed .sdb-accordion__item { box-shadow: var(--sdb-shadow-element, 0 8px 22px rgba(15,35,55,.08)); } .sdb-accordion--editorial .sdb-accordion__summary { font-family: var(--sdb-font-heading, inherit); } :root { --sdb-interactive-transition: background-color var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease), color var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease), border-color var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease), box-shadow var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease), transform var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease); --sdb-card-radius-refined: var(--sdb-shape-lg, var(--sdb-radius-lg, 16px)); --sdb-card-shadow-refined: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05)); --sdb-card-shadow-interactive: var(--sdb-elevation-2, 0 10px 24px rgba(31,42,54,.08)); --sdb-card-border-refined: var(--sdb-color-outline-variant, var(--sdb-color-border, #EEF3F8)); --sdb-control-radius-refined: var(--sdb-shape-md, var(--sdb-radius-md, 10px)); --sdb-control-height-refined: var(--sdb-control-height-md, 42px); --sdb-table-row-height: 46px; --sdb-table-row-height-dense: 38px; } .sdb-card { border-color: var(--sdb-card-border-refined); border-radius: var(--sdb-card-radius-refined); box-shadow: var(--sdb-card-shadow-refined); transition: var(--sdb-interactive-transition); } .sdb-card:not(.sdb-card--interactive):not(.sdb-card--clickable):not(:where(a, button)):hover { transform: none; box-shadow: var(--sdb-card-shadow-refined); } :where(.sdb-card--interactive, .sdb-card--clickable, a.sdb-card, button.sdb-card):hover { transform: translateY(-1px); border-color: var(--sdb-color-outline, var(--sdb-color-border, #D6E0EA)); box-shadow: var(--sdb-card-shadow-interactive); } .sdb-card__body { padding: var(--sdb-card-padding, clamp(16px, 2vw, 24px)); } .sdb-card__footer { padding-inline: var(--sdb-card-padding, clamp(16px, 2vw, 24px)); padding-bottom: var(--sdb-card-padding, clamp(16px, 2vw, 24px)); } .sdb-btn, a.sdb-btn, button.sdb-btn { min-height: var(--sdb-control-height-refined) !important; border-radius: var(--sdb-control-radius-refined) !important; transition: var(--sdb-interactive-transition) !important; } .sdb-btn:hover, a.sdb-btn:hover, button.sdb-btn:hover { transform: translateY(-1px); } .sdb-btn:focus-visible, a.sdb-btn:focus-visible, button.sdb-btn:focus-visible { outline: 2px solid transparent !important; outline-offset: 2px !important; box-shadow: var(--sdb-focus-ring, var(--sdb-state-focus-ring, 0 0 0 3px rgba(0,88,183,.22))) !important; } .sdb-btn[aria-disabled="true"], .sdb-btn.is-disabled, .sdb-btn:disabled { transform: none !important; cursor: not-allowed !important; } .sdb-btn--secondary, a.sdb-btn--secondary, button.sdb-btn--secondary, .sdb-btn--neutral, a.sdb-btn--neutral, button.sdb-btn--neutral, .sdb-btn--ghost, a.sdb-btn--ghost, button.sdb-btn--ghost, .sdb-btn--subtle, a.sdb-btn--subtle, button.sdb-btn--subtle { box-shadow: none !important; } .sdb-btn--sm, a.sdb-btn--sm, button.sdb-btn--sm, .sdb-btn--compact, a.sdb-btn--compact, button.sdb-btn--compact, .sdb-btn--table-action, a.sdb-btn--table-action, button.sdb-btn--table-action { min-height: var(--sdb-btn-sm-min-height, 32px) !important; border-radius: var(--sdb-shape-sm, var(--sdb-radius-sm, 6px)) !important; } .sdb-form :where(input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], select, textarea), .sdb-form__control { border-color: var(--sdb-comp-field-border, var(--sdb-field-border, var(--sdb-color-outline, #D6E0EA))); border-radius: var(--sdb-control-radius-refined); background: var(--sdb-comp-field-bg, var(--sdb-field-bg, var(--sdb-color-surface, #fff))); transition: var(--sdb-interactive-transition); } .sdb-form :where(input, select, textarea):focus-visible, .sdb-form__control:focus-visible { border-color: var(--sdb-color-primary, #0058B7); outline: 2px solid transparent; outline-offset: 1px; box-shadow: var(--sdb-focus-ring, var(--sdb-state-focus-ring, 0 0 0 3px rgba(0,88,183,.22))); } .sdb-form :where(input, select, textarea):disabled, .sdb-form :where(input, select, textarea)[aria-disabled="true"], .sdb-form__control:disabled, .sdb-form__control[aria-disabled="true"] { opacity: var(--sdb-state-disabled-opacity, .56); cursor: not-allowed; } .sdb-form__help, .sdb-form-help { color: var(--sdb-color-on-surface-muted, var(--sdb-color-muted, #8E9AA7)); font-size: var(--sdb-type-body-sm-size, .925rem); line-height: 1.45; } .sdb-form__error, .sdb-field-message--error, .sdb-form [aria-invalid="true"] + .sdb-form__help { color: var(--sdb-color-error-text, #7f1d1d); } .sdb-form [aria-invalid="true"], .sdb-form .is-error :where(input, select, textarea), .sdb-form__control[aria-invalid="true"] { border-color: var(--sdb-state-error-border, var(--sdb-color-error, #b42318)); } .sdb-consent-block, .sdb-form__check, .sdb-check-card { transition: var(--sdb-interactive-transition); } .sdb-consent-block__text, .sdb-consent-block > span:not(.sdb-consent-block__control), .sdb-consent-block > :where(.sdb-form__check-text, .sdb-form__check-body) { color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785)); } .sdb-consent-block:has(> input[type="checkbox"]:checked), .sdb-consent-block.sdb-consent-block--checked { color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785)); background: var(--sdb-state-selected-bg, rgba(0, 88, 183, .085)); border-color: var(--sdb-state-checked-border, var(--sdb-color-primary, #0058B7)); } .sdb-consent-block:has(> input[type="checkbox"]:checked) :where(.sdb-consent-block__text, span, p, div):not(input), .sdb-consent-block.sdb-consent-block--checked :where(.sdb-consent-block__text, span, p, div):not(input) { color: var(--sdb-color-on-surface, var(--sdb-color-title, #364048)); } .sdb-table-wrap, .sdb-admin-table-scroll, .sdb-admin-table-region { border-color: var(--sdb-color-outline-variant, var(--sdb-color-border, #EEF3F8)); border-radius: var(--sdb-card-radius-refined); } .sdb-table th, .sdb-table td { min-height: var(--sdb-table-row-height); vertical-align: middle; } .sdb-table--dense th, .sdb-table--dense td, .sdb-density-compact .sdb-table th, .sdb-density-compact .sdb-table td { min-height: var(--sdb-table-row-height-dense); } @media (max-width: 782px) { .sdb-card__body, .sdb-card__footer { padding: clamp(14px, 4vw, 18px); } .sdb-btn, a.sdb-btn, button.sdb-btn { min-height: var(--sdb-touch-target-min, 44px) !important; } } .sdb-tabs { --sdb-tabs-gap: var(--sdb-tabs-gap, 6px); --sdb-tabs-item-padding: var(--sdb-tabs-item-padding, .58rem .82rem); --sdb-tabs-active-indicator: var(--sdb-tabs-active-indicator, 2px); display: grid; gap: .85rem; inline-size: 100%; } .sdb-tabs__list { display: flex; align-items: center; gap: var(--sdb-tabs-gap, 6px); overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; border-bottom: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8)); -webkit-overflow-scrolling: touch; } .sdb-tabs__tab, .sdb-tabs [role="tab"] { appearance: none; position: relative; flex: 0 0 auto; min-height: 38px; padding: var(--sdb-tabs-item-padding, .58rem .82rem); border: 0; border-bottom: var(--sdb-tabs-active-indicator, 2px) solid transparent; border-radius: var(--sdb-radius-sm, 6px) var(--sdb-radius-sm, 6px) 0 0; background: transparent; color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785)); font-family: var(--sdb-font-body, inherit); font-size: var(--sdb-type-label-md-size, .875rem); font-weight: var(--sdb-font-weight-semibold, 600); line-height: 1.2; text-decoration: none; cursor: pointer; transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease); } .sdb-tabs__tab:hover, .sdb-tabs [role="tab"]:hover { color: var(--sdb-color-primary, #0058B7); background: var(--sdb-state-hover-bg, rgba(0,88,183,.06)); } .sdb-tabs__tab:focus-visible, .sdb-tabs [role="tab"]:focus-visible { outline: none; box-shadow: var(--sdb-focus-ring, var(--sdb-state-focus-ring, 0 0 0 3px rgba(0,88,183,.22))); } .sdb-tabs__tab.is-active, .sdb-tabs__tab[aria-selected="true"], .sdb-tabs [role="tab"][aria-selected="true"] { color: var(--sdb-color-primary, #0058B7); border-bottom-color: var(--sdb-color-primary, #0058B7); background: transparent; } .sdb-tabs__tab:disabled, .sdb-tabs__tab[aria-disabled="true"] { opacity: var(--sdb-state-disabled-opacity, .56); pointer-events: none; } .sdb-tabs__panel { min-width: 0; color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785)); } .sdb-tabs__panel[hidden] { display: none; } .sdb-tabs--boxed .sdb-tabs__list { gap: 4px; padding: 4px; border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8)); border-radius: var(--sdb-radius-md, 12px); background: var(--sdb-color-surface-high, #f5f8fb); } .sdb-tabs--boxed .sdb-tabs__tab, .sdb-tabs--boxed [role="tab"] { border: 0; border-radius: calc(var(--sdb-radius-md, 12px) - 4px); } .sdb-tabs--boxed .sdb-tabs__tab.is-active, .sdb-tabs--boxed .sdb-tabs__tab[aria-selected="true"], .sdb-tabs--boxed [role="tab"][aria-selected="true"] { background: var(--sdb-color-surface, #fff); box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05)); } .sdb-accordion { display: grid; gap: var(--sdb-accordion-gap, 10px); } .sdb-accordion__item { overflow: clip; border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8)); border-radius: var(--sdb-radius-md, 12px); background: var(--sdb-color-surface, #fff); box-shadow: var(--sdb-elevation-0, none); } .sdb-accordion__summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: var(--sdb-accordion-padding, 16px); color: var(--sdb-color-on-surface, var(--sdb-color-title, #364048)); font-weight: var(--sdb-font-weight-semibold, 600); cursor: pointer; transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease); } .sdb-accordion__summary:hover { background: var(--sdb-state-hover-bg, rgba(0,88,183,.06)); } .sdb-accordion__summary:focus-visible { outline: none; box-shadow: inset var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)); } .sdb-accordion__summary::-webkit-details-marker { display: none; } .sdb-accordion__summary::after { content: ""; inline-size: .55rem; block-size: .55rem; flex: 0 0 auto; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease); } .sdb-accordion__item[open] .sdb-accordion__summary::after { transform: rotate(225deg); } .sdb-accordion__panel { padding: var(--sdb-accordion-padding, 16px); border-top: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8)); color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785)); } .sdb-accordion--boxed .sdb-accordion__item { box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05)); } .sdb-accordion--editorial .sdb-accordion__summary { font-family: var(--sdb-font-heading, inherit); } .sdb-breadcrumb { color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785)); font-size: var(--sdb-type-label-md-size, .875rem); } .sdb-breadcrumb__list, .sdb-breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-breadcrumb-gap, .45rem); margin: 0; padding: 0; list-style: none; } .sdb-breadcrumb__item, .sdb-breadcrumb li { display: inline-flex; align-items: center; gap: var(--sdb-breadcrumb-gap, .45rem); } .sdb-breadcrumb__item + .sdb-breadcrumb__item::before, .sdb-breadcrumb li + li::before { content: "/"; color: var(--sdb-color-muted, #8E9AA7); } .sdb-breadcrumb__link, .sdb-breadcrumb a { color: inherit; text-decoration: none; } .sdb-breadcrumb__link:hover, .sdb-breadcrumb__link:focus-visible, .sdb-breadcrumb a:hover, .sdb-breadcrumb a:focus-visible { color: var(--sdb-color-primary, #0058B7); text-decoration: underline; text-underline-offset: .18em; } .sdb-breadcrumb__current, .sdb-breadcrumb [aria-current="page"] { color: var(--sdb-color-on-surface, var(--sdb-color-title, #364048)); font-weight: var(--sdb-font-weight-semibold, 600); } .sdb-action-menu { position: relative; display: inline-block; text-align: left; } .sdb-action-menu__trigger { cursor: pointer; list-style: none; } .sdb-action-menu__trigger::-webkit-details-marker { display: none; } .sdb-action-menu__panel { position: absolute; inset-inline-end: 0; z-index: var(--sdb-z-dropdown, 40); display: grid; gap: .25rem; min-inline-size: var(--sdb-action-menu-min-width, 220px); margin-block-start: .45rem; padding: .45rem; border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8)); border-radius: var(--sdb-radius-md, 12px); background: var(--sdb-action-menu-panel-bg, var(--sdb-color-surface, #fff)); box-shadow: var(--sdb-action-menu-panel-shadow, var(--sdb-elevation-3, 0 16px 36px rgba(31,42,54,.12))); } .sdb-action-menu:not([open]) .sdb-action-menu__panel { display: none; } .sdb-action-menu__item { appearance: none; display: flex; align-items: center; gap: .55rem; inline-size: 100%; min-height: 36px; padding: .48rem .58rem; border: 0; border-radius: var(--sdb-radius-sm, 6px); background: transparent; color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785)); font: inherit; text-align: left; text-decoration: none; cursor: pointer; transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease); } .sdb-action-menu__item:hover, .sdb-action-menu__item:focus-visible { outline: none; color: var(--sdb-color-primary, #0058B7); background: var(--sdb-state-hover-bg, rgba(0,88,183,.06)); } .sdb-action-menu__item:focus-visible { box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)); } .sdb-action-menu__item-icon { inline-size: 1.1em; flex: 0 0 auto; text-align: center; } .sdb-skeleton-group { display: grid; gap: .65rem; inline-size: 100%; } .sdb-skeleton { display: block; inline-size: 100%; min-block-size: .95rem; border-radius: var(--sdb-skeleton-radius, var(--sdb-radius-sm, 6px)); background: var(--sdb-skeleton-bg, linear-gradient(90deg, rgba(238,243,248,.75), rgba(255,255,255,.92), rgba(238,243,248,.75))); background-size: 220% 100%; animation: sdb-skeleton-shimmer 1.25s var(--sdb-motion-easing-standard, ease) infinite; } .sdb-skeleton--title { max-inline-size: 70%; block-size: 1.35rem; } .sdb-skeleton--text { max-inline-size: 100%; block-size: .95rem; } .sdb-skeleton--short { max-inline-size: 52%; } .sdb-skeleton--card { min-block-size: 9rem; border-radius: var(--sdb-radius-md, 12px); } .sdb-toast-stack { display: grid; gap: .65rem; max-inline-size: var(--sdb-toast-width, min(100%, 420px)); } .sdb-toast { max-inline-size: var(--sdb-toast-width, min(100%, 420px)); padding: var(--sdb-toast-padding, .8rem 1rem); border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8)); border-radius: var(--sdb-radius-md, 12px); background: var(--sdb-color-surface, #fff); color: var(--sdb-color-on-surface, var(--sdb-color-title, #364048)); box-shadow: var(--sdb-elevation-2, 0 10px 24px rgba(31,42,54,.08)); z-index: var(--sdb-toast-z-index, 10020); } .sdb-toast--success { border-color: var(--sdb-color-success, #2e7d32); background: var(--sdb-color-success-bg, #e9f6ee); color: var(--sdb-color-success-text, #1e5f34); } .sdb-toast--warning { border-color: var(--sdb-color-warning, #f59e0b); background: var(--sdb-color-warning-bg, #fff7e6); color: var(--sdb-color-warning-text, #7a4b00); } .sdb-toast--error { border-color: var(--sdb-color-error, #c62828); background: var(--sdb-color-error-bg, #fdecec); color: var(--sdb-color-error-text, #7f1d1d); } @media (prefers-reduced-motion: reduce) { .sdb-skeleton { animation: none; } } @media (max-width: 782px) { .sdb-action-menu__panel { inset-inline: auto 0; max-inline-size: min(92vw, 320px); } .sdb-tabs__list { padding-block-end: 2px; } } .sdb-responsive-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--sdb-responsive-grid-min, min(100%, 260px)), 1fr)); gap: var(--sdb-responsive-gap-md, var(--sdb-space-md, 1.25rem)); inline-size: 100%; min-width: 0; box-sizing: border-box; } .sdb-responsive-grid--2 { --sdb-responsive-grid-min: min(100%, 340px); } .sdb-responsive-grid--3 { --sdb-responsive-grid-min: min(100%, 260px); } .sdb-responsive-grid--4 { --sdb-responsive-grid-min: min(100%, 220px); } .sdb-adaptive-stack, .sdb-responsive-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--sdb-responsive-gap-sm, var(--sdb-space-sm, .75rem)); inline-size: 100%; min-width: 0; box-sizing: border-box; } .sdb-adaptive-stack > *, .sdb-responsive-toolbar > * { min-width: 0; } .sdb-adaptive-stack__actions, .sdb-responsive-toolbar__actions, .sdb-responsive-toolbar__main { display: flex; align-items: center; flex-wrap: wrap; gap: var(--sdb-responsive-gap-sm, var(--sdb-space-sm, .75rem)); min-width: 0; } .sdb-responsive-toolbar__main { flex: 1 1 22rem; } .sdb-responsive-toolbar__actions { justify-content: flex-end; flex: 0 1 auto; } .sdb-scroll-region { overflow-x: auto; overflow-y: hidden; max-inline-size: 100%; min-width: 0; border-radius: var(--sdb-radius-md, 12px); -webkit-overflow-scrolling: touch; scrollbar-gutter: stable both-edges; } .sdb-scroll-region:focus-visible { outline: none; box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)); } .sdb-scroll-region > :where(table, .sdb-admin-data-table, .sdb-table) { min-inline-size: max-content; } .sdb-u-touch-target { min-inline-size: var(--sdb-touch-target-min, 44px); min-block-size: var(--sdb-touch-target-min, 44px); } .sdb-density-comfortable { --sdb-density-current-gap: var(--sdb-density-comfortable-gap, var(--sdb-space-lg, 2rem)); } .sdb-density-compact { --sdb-density-current-gap: var(--sdb-density-compact-gap, var(--sdb-space-sm, .75rem)); } .sdb-density-dense { --sdb-density-current-gap: var(--sdb-density-dense-gap, .5rem); } .sdb-density-comfortable :where(.sdb-responsive-grid, .sdb-adaptive-stack, .sdb-responsive-toolbar), .sdb-density-compact :where(.sdb-responsive-grid, .sdb-adaptive-stack, .sdb-responsive-toolbar), .sdb-density-dense :where(.sdb-responsive-grid, .sdb-adaptive-stack, .sdb-responsive-toolbar) { gap: var(--sdb-density-current-gap); } .sdb-density-dense :where(.sdb-card, .sdb-admin-card, .sdb-admin-tool-panel) { padding: var(--sdb-admin-card-padding-compact, 14px 16px); } .sdb-density-dense :where(.sdb-btn, .sdb-form__control) { min-block-size: var(--sdb-admin-control-height-sm, 34px); } .sdb-motion-safe { transition: var(--sdb-motion-safe-transition, transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease); } @media (hover: hover) and (pointer: fine) { .sdb-motion-safe:is(a, button, [role="button"], .sdb-card, .sdb-admin-card):hover { transform: var(--sdb-motion-transform-hover, translateY(-1px)); } } @media (prefers-reduced-motion: reduce) { .sdb-motion-safe, .sdb-motion-safe * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transform: none !important; } } @media (max-width: 1024px) { .sdb-responsive-grid { --sdb-responsive-grid-min: min(100%, 240px); } } @media (max-width: 782px) { .sdb-adaptive-stack, .sdb-responsive-toolbar { align-items: stretch; flex-direction: column; } .sdb-adaptive-stack__actions, .sdb-responsive-toolbar__main, .sdb-responsive-toolbar__actions { inline-size: 100%; flex-direction: column; align-items: stretch; } .sdb-responsive-toolbar :where(.sdb-btn, button, input, select, textarea) { inline-size: 100%; } .sdb-u-touch-target { min-block-size: var(--sdb-touch-target-min, 44px); } } :root { --sdb-mdb-color-surface: var(--sdb-color-surface, #FFFFFF); --sdb-mdb-color-surface-soft: #FFF8F4; --sdb-mdb-color-surface-strong: #FFEFE6; --sdb-mdb-color-text: var(--sdb-color-title, #364048); --sdb-mdb-color-text-soft: var(--sdb-color-text, #6B7785); --sdb-mdb-color-border: #F6C7B0; --sdb-mdb-color-overlay: linear-gradient( 180deg, rgba(54, 64, 72, 0) 0%, rgba(54, 64, 72, .36) 48%, rgba(54, 64, 72, .82) 100% ); --sdb-mdb-color-badge-bg: #FFF0E8; --sdb-mdb-color-badge-text: #8A3208; --sdb-mdb-progress-track: #FFE7D8; --sdb-mdb-progress-fill: var(--sdb-gradient-mdb); --sdb-mdb-metric-value: var(--sdb-mdb-color-primary, #F26722); --sdb-mdb-metric-label: var(--sdb-mdb-color-text-soft); --sdb-mdb-card-radius: var(--sdb-mdb-radius-card, var(--sdb-radius-lg, 20px)); --sdb-mdb-card-shadow: var(--sdb-mdb-shadow-card, var(--sdb-shadow-card, 0 12px 30px rgba(19,39,61,.08))); --sdb-mdb-card-shadow-hover: var(--sdb-shadow-element, 0 8px 22px rgba(19,39,61,.10)); --sdb-mdb-card-padding: var(--sdb-card-padding, 1.5rem); --sdb-mdb-card-gap: var(--sdb-space-md, 1.25rem); --sdb-mdb-hero-bg: #FFF8F4; --sdb-mdb-hero-accent-shape: rgba(242,103,34,.16); --sdb-mdb-hero-surface: rgba(255,255,255,.92); --sdb-mdb-info-box-bg: #FFF4EE; --sdb-mdb-tab-bg: var(--sdb-mdb-color-surface); --sdb-mdb-tab-active-bg: var(--sdb-mdb-color-primary, #F26722); --sdb-mdb-tab-active-text: #FFFFFF; --sdb-mdb-tab-text: var(--sdb-mdb-color-text-soft); --sdb-mdb-tab-hover-bg: #FFF0E8; } .sdb-cause-card { position: relative; overflow: hidden; display: grid; gap: 0; min-width: 0; background: var(--sdb-mdb-color-surface); border: 1px solid var(--sdb-mdb-color-border); border-radius: var(--sdb-mdb-card-radius); box-shadow: var(--sdb-mdb-card-shadow); color: var(--sdb-mdb-color-text); } .sdb-cause-card:is(a), a.sdb-cause-card { text-decoration: none; color: var(--sdb-mdb-color-text); } .sdb-cause-card__media { position: relative; overflow: hidden; margin: 0; aspect-ratio: 16 / 9; background: var(--sdb-mdb-color-surface-strong); } .sdb-cause-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .sdb-cause-card__body { display: grid; gap: var(--sdb-mdb-card-gap); padding: var(--sdb-mdb-card-padding); min-width: 0; } .sdb-cause-card__badge { justify-self: start; display: inline-flex; align-items: center; min-height: 26px; padding: .34em .72em; border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-mdb-color-badge-bg); color: var(--sdb-mdb-color-badge-text); font-family: var(--sdb-font-meta, inherit); font-size: .76rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; } .sdb-cause-card__title { margin: 0; color: var(--sdb-mdb-color-text); font-family: var(--sdb-mdb-font-title, var(--sdb-font-heading, inherit)); font-size: var(--sdb-mdb-title-card, var(--sdb-editorial-title-md, 1.35rem)); line-height: 1.14; } .sdb-cause-card__text { margin: 0; color: var(--sdb-mdb-color-text-soft); line-height: 1.55; } .sdb-cause-card__meta { display: flex; flex-wrap: wrap; gap: .45rem .7rem; color: var(--sdb-mdb-color-text-soft); font-size: .9rem; } @media (hover: hover) and (pointer: fine) { .sdb-cause-card:is(a, [role="link"]):hover, a.sdb-cause-card:hover, .sdb-cause-card.is-clickable:hover { box-shadow: var(--sdb-mdb-card-shadow-hover); transform: translateY(-1px); } } .sdb-cause-card--featured { min-height: clamp(360px, 46vw, 560px); align-items: end; background: var(--sdb-mdb-hero-bg); color: #fff; } .sdb-cause-card--featured .sdb-cause-card__media { position: absolute; inset: 0; aspect-ratio: auto; z-index: 0; } .sdb-cause-card--featured .sdb-cause-card__media::after { content: ""; position: absolute; inset: 0; background: var(--sdb-mdb-color-overlay); } .sdb-cause-card--featured .sdb-cause-card__body { position: relative; z-index: 1; width: min(100%, 760px); padding: clamp(24px, 4vw, 48px); color: #fff; } .sdb-cause-card--featured .sdb-cause-card__title, .sdb-cause-card--featured .sdb-cause-card__text, .sdb-cause-card--featured .sdb-cause-card__meta { color: currentColor; } .sdb-cause-card--featured .sdb-cause-card__badge { background: rgba(255,255,255,.18); color: #fff; backdrop-filter: blur(8px); } .sdb-cause-card--compact { grid-template-columns: minmax(104px, 32%) 1fr; align-items: stretch; } .sdb-cause-card--compact .sdb-cause-card__media { aspect-ratio: auto; min-height: 100%; } .sdb-cause-card--compact .sdb-cause-card__body { padding: clamp(14px, 2vw, 18px); gap: .72rem; } .sdb-cause-card--compact .sdb-cause-card__title { font-size: clamp(1rem, 1.2vw, 1.18rem); } .sdb-cause-card--compact .sdb-cause-card__text { font-size: .92rem; } .sdb-cause-card--related { box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05)); } .sdb-cause-card--related .sdb-cause-card__body { padding: clamp(14px, 2vw, 18px); gap: .65rem; } .sdb-cause-card--related .sdb-cause-card__title { font-size: clamp(1rem, 1.1vw, 1.14rem); } .sdb-filter-tabs { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .35rem; padding: .35rem; border: 1px solid var(--sdb-mdb-color-border); border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-mdb-tab-bg); } .sdb-filter-tabs__item { appearance: none; display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: .48rem .9rem; border: 0; border-radius: var(--sdb-radius-pill, 999px); background: transparent; color: var(--sdb-mdb-tab-text); font-family: var(--sdb-font-body, inherit); font-weight: 700; line-height: 1; text-decoration: none; cursor: pointer; transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease); } .sdb-filter-tabs__item:hover { background: var(--sdb-mdb-tab-hover-bg); color: var(--sdb-mdb-color-text); } .sdb-filter-tabs__item:focus-visible { outline: none; box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)); } .sdb-filter-tabs__item--active, .sdb-filter-tabs__item[aria-selected="true"], .sdb-filter-tabs__item[aria-current="true"] { background: var(--sdb-mdb-tab-active-bg); color: var(--sdb-mdb-tab-active-text); } .sdb-impact-progress { --sdb-progress-value: var(--sdb-impact-progress-value, 0%); display: grid; gap: .65rem; min-width: 0; } .sdb-impact-progress__summary { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .35rem .75rem; } .sdb-impact-progress__value { color: var(--sdb-mdb-metric-value); font-family: var(--sdb-font-heading, inherit); font-size: clamp(1.2rem, 2vw, 1.65rem); font-weight: 800; line-height: 1; } .sdb-impact-progress__goal, .sdb-impact-progress__percent { color: var(--sdb-mdb-metric-label); font-family: var(--sdb-font-meta, inherit); font-size: .88rem; font-weight: 700; } .sdb-impact-progress__track { overflow: hidden; height: var(--sdb-progress-height, 10px); border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-mdb-progress-track); } .sdb-impact-progress__bar { display: block; width: var(--sdb-progress-value); height: 100%; border-radius: inherit; background: var(--sdb-mdb-progress-fill); transition: width 350ms ease; } .sdb-meta-box { display: grid; gap: .28rem; padding: .9rem 1rem; border: 1px solid var(--sdb-mdb-color-border); border-radius: var(--sdb-radius-md, 12px); background: var(--sdb-mdb-info-box-bg); min-width: 0; } .sdb-meta-box__label { color: var(--sdb-mdb-metric-label); font-family: var(--sdb-font-meta, inherit); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .sdb-meta-box__value { color: var(--sdb-mdb-color-text); font-size: 1rem; line-height: 1.25; } .sdb-meta-box-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: var(--sdb-space-sm, .75rem); } .sdb-related-editorial-card { overflow: hidden; display: grid; grid-template-columns: minmax(96px, 34%) 1fr; gap: 0; min-width: 0; border: 1px solid var(--sdb-mdb-color-border); border-radius: var(--sdb-mdb-card-radius); background: var(--sdb-mdb-color-surface); box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05)); color: var(--sdb-mdb-color-text); text-decoration: none; } .sdb-related-editorial-card__media { margin: 0; min-height: 100%; background: var(--sdb-mdb-color-surface-strong); } .sdb-related-editorial-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; } .sdb-related-editorial-card__body { display: grid; align-content: center; gap: .45rem; padding: clamp(14px, 2vw, 18px); } .sdb-related-editorial-card__meta { color: var(--sdb-mdb-metric-label); font-family: var(--sdb-font-meta, inherit); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .sdb-related-editorial-card__title { margin: 0; color: var(--sdb-mdb-color-text); font-family: var(--sdb-mdb-font-title, var(--sdb-font-heading, inherit)); font-size: clamp(1rem, 1.12vw, 1.18rem); line-height: 1.18; } @media (hover: hover) and (pointer: fine) { .sdb-related-editorial-card:is(a):hover, a.sdb-related-editorial-card:hover { box-shadow: var(--sdb-mdb-card-shadow-hover); transform: translateY(-1px); } } @media (max-width: 782px) { .sdb-cause-card--compact, .sdb-related-editorial-card { grid-template-columns: 1fr; } .sdb-cause-card--compact .sdb-cause-card__media, .sdb-related-editorial-card__media { aspect-ratio: 16 / 9; } .sdb-filter-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; max-width: 100%; border-radius: var(--sdb-radius-md, 12px); } .sdb-filter-tabs__item { flex: 0 0 auto; } } .sdb-pagination__link, a.sdb-share-action, .sdb-slider-control--minimal, .sdb-tabs [role="tab"], .sdb-action-menu__item, .sdb-filter-tabs__item, a.sdb-nav-strip__link, .sdb-nav__cta, .sdb-dismiss-button { min-width: var(--sdb-touch-target-min, 44px); min-height: var(--sdb-touch-target-min, 44px); } .sdb-share-action, .sdb-slider-control--minimal, .sdb-dismiss-button { width: var(--sdb-touch-target-min, 44px); height: var(--sdb-touch-target-min, 44px); } @media (prefers-contrast: more) { .sdb-card, .sdb-alert, .sdb-empty-state, .sdb-filter-bar, .sdb-table, .sdb-admin-card, .sdb-cta-panel, .sdb-transparency-panel { border-color: var(--sdb-color-border-strong, #D8E2EE); } .sdb-btn, .sdb-pagination__link, .sdb-tabs [role="tab"], .sdb-action-menu__item, a.sdb-nav-strip__link { outline: var(--sdb-focus-ring-width, 2px) solid transparent; outline-offset: var(--sdb-focus-ring-offset, 2px); } .sdb-btn:focus-visible, .sdb-pagination__link:focus-visible, .sdb-tabs [role="tab"]:focus-visible, .sdb-action-menu__item:focus-visible, a.sdb-nav-strip__link:focus-visible { outline-color: var(--sdb-color-primary, #0058B7); box-shadow: 0 0 0 4px rgba(0, 88, 183, .22); } .sdb-alert--info, .sdb-admin-note, .sdb-origin-chip { color: var(--sdb-color-info-text, #34348A); border-color: var(--sdb-color-info, #4B4BB5); } } :root { --sdb-visual-language: minimal-institutional-ui; --sdb-color-primary-soft: #EAF3FF; --sdb-color-primary-muted: #D8E9FF; --sdb-color-primary-border: #BFD8FF; --sdb-color-background: #F7FAFD; --sdb-color-surface: #FFFFFF; --sdb-color-surface-soft: #FAFCFE; --sdb-color-border: #E8EEF5; --sdb-color-border-soft: #F0F4F8; --sdb-color-title: #17212B; --sdb-color-text: #5F6B7A; --sdb-color-muted: #94A0AE; --sdb-color-soft-black: #161E28; --sdb-shadow-card: 0 6px 18px rgba(20, 35, 50, .035); --sdb-shadow-card-hover: 0 10px 26px rgba(20, 35, 50, .055); --sdb-shadow-element: 0 8px 24px rgba(20, 35, 50, .06); --sdb-shadow-modal: 0 18px 50px rgba(20, 35, 50, .14); --sdb-radius-sm: 8px; --sdb-radius-md: 12px; --sdb-radius-lg: 16px; --sdb-radius-xl: 20px; --sdb-ui-page-bg: var(--sdb-color-background); --sdb-ui-surface: var(--sdb-color-surface); --sdb-ui-surface-soft: var(--sdb-color-surface-soft); --sdb-ui-border: var(--sdb-color-border); --sdb-ui-border-soft: var(--sdb-color-border-soft); --sdb-ui-shadow-flat: var(--sdb-shadow-card); --sdb-ui-shadow-floating: var(--sdb-shadow-modal); --sdb-ui-active-bg: var(--sdb-color-primary-soft); --sdb-ui-active-text: var(--sdb-color-primary); --sdb-ui-control-height: 40px; --sdb-ui-control-radius: 10px; --sdb-ui-card-radius: 16px; --sdb-ui-card-padding: 18px; --sdb-ui-grid-gap: 16px; --sdb-admin-title-size: clamp(23px, 1.8vw, 30px); --sdb-admin-section-title-size: 19px; --sdb-admin-card-title-size: 15px; --sdb-admin-body-size: 14px; --sdb-admin-meta-size: 12px; } :root { --sdb-visual-language: sdb-next-minimal-institutional; --sdb-blue-50: #EFF6FF; --sdb-blue-100: #DBE9FE; --sdb-blue-200: #BBD3FB; --sdb-blue-300: #84B0F6; --sdb-blue-400: #4A86EC; --sdb-blue-500: #1E72D0; --sdb-blue-600: #0058B7; --sdb-blue-700: #00468F; --sdb-blue-800: #073A72; --sdb-blue-900: #0C2F58; --sdb-sky-50: #EBF8FD; --sdb-sky-100: #DEF3FB; --sdb-sky-300: #7FD3F0; --sdb-sky-500: #009BD8; --sdb-sky-600: #0082B8; --sdb-ink: #16233B; --sdb-text: #51606F; --sdb-muted: #8895A4; --sdb-border: #E7EEF5; --sdb-border-strong: #D6E0EB; --sdb-surface: #FFFFFF; --sdb-surface-2: #F8FAFC; --sdb-background: #F4F7FB; --sdb-on-image: #FFFFFF; --sdb-success: #16A34A; --sdb-success-bg: #E7F6ED; --sdb-success-text: #0F7A37; --sdb-warning: #F59E0B; --sdb-warning-bg: #FEF4E2; --sdb-warning-text: #B5740A; --sdb-danger: #F14545; --sdb-danger-bg: #FDECEC; --sdb-danger-text: #C92C2C; --sdb-info: #009BD8; --sdb-info-bg: #E2F4FB; --sdb-info-text: #0A7AA8; --sdb-acc-blue: #3863C6; --sdb-acc-sky: #2BB7E3; --sdb-acc-violet: #6C5CE7; --sdb-acc-amber: #F59E0B; --sdb-acc-green: #16A34A; --sdb-acc-coral: #F1645A; --sdb-color-primary: var(--sdb-blue-600); --sdb-color-secondary: var(--sdb-sky-500); --sdb-color-title: var(--sdb-ink); --sdb-color-text: var(--sdb-text); --sdb-color-muted: var(--sdb-muted); --sdb-color-border: var(--sdb-border); --sdb-color-border-strong: var(--sdb-border-strong); --sdb-color-surface: var(--sdb-surface); --sdb-color-background: var(--sdb-background); --sdb-color-primary-soft: var(--sdb-blue-50); --sdb-color-primary-muted: var(--sdb-blue-100); --sdb-color-primary-border: var(--sdb-blue-200); --sdb-text-display: clamp(2.6rem, 4.2vw, 3.6rem); --sdb-text-h1: clamp(1.9rem, 2.65vw, 2.35rem); --sdb-text-h2: 1.625rem; --sdb-text-h3: 1.25rem; --sdb-text-h4: 1.0625rem; --sdb-text-lg: 1.0625rem; --sdb-text-base: 0.9375rem; --sdb-text-sm: 0.8125rem; --sdb-text-xs: 0.75rem; --sdb-text-overline: 0.6875rem; --sdb-leading-tight: 1.15; --sdb-leading-snug: 1.35; --sdb-leading-body: 1.65; --sdb-tracking-overline: 0.12em; --sdb-control-height: 44px; --sdb-control-height-sm: 36px; --sdb-control-height-md: 44px; --sdb-control-height-lg: 52px; --sdb-card-padding: 1.25rem; --sdb-radius-sm: 8px; --sdb-radius-md: 12px; --sdb-radius-lg: 16px; --sdb-radius-xl: 20px; --sdb-radius-pill: 999px; --sdb-shadow-xs: 0 1px 2px rgba(16, 40, 70, .06); --sdb-shadow-sm: 0 4px 14px rgba(16, 40, 70, .06); --sdb-shadow-md: 0 12px 30px rgba(19, 39, 61, .08); --sdb-shadow-lg: 0 24px 60px rgba(19, 39, 61, .12); --sdb-shadow-focus: 0 0 0 4px rgba(0, 88, 183, .16); --sdb-shadow-card: var(--sdb-shadow-sm); --sdb-shadow-card-hover: 0 10px 26px rgba(20, 35, 50, .055); --sdb-shadow-modal: var(--sdb-shadow-lg); --sdb-ease: cubic-bezier(.22, .61, .36, 1); --sdb-dur: 180ms; --sdb-next-page-bg: var(--sdb-background); --sdb-next-surface: var(--sdb-surface); --sdb-next-surface-muted: var(--sdb-surface-2); --sdb-next-border: var(--sdb-border); --sdb-next-border-strong: var(--sdb-border-strong); --sdb-next-control-height: var(--sdb-control-height); --sdb-next-control-radius: var(--sdb-radius-md); --sdb-next-card-radius: var(--sdb-radius-lg); --sdb-next-card-shadow: var(--sdb-shadow-sm); --sdb-next-card-shadow-hover: var(--sdb-shadow-md); } .sdb-overline, .sdb-next-overline { font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-overline); font-weight: 700; letter-spacing: var(--sdb-tracking-overline); text-transform: uppercase; color: var(--sdb-blue-600); } .sdb-btn { --_bg: var(--sdb-blue-600); --_fg: #fff; --_bd: transparent; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: var(--sdb-control-height); padding: 0 1.15rem; border: 1px solid var(--_bd); border-radius: var(--sdb-radius-md); background: var(--_bg); color: var(--_fg); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-base); font-weight: 650; line-height: 1; text-decoration: none; cursor: pointer; white-space: nowrap; box-shadow: none; transition: transform var(--sdb-dur) var(--sdb-ease), box-shadow var(--sdb-dur) var(--sdb-ease), background-color var(--sdb-dur) var(--sdb-ease), border-color var(--sdb-dur) var(--sdb-ease), color var(--sdb-dur) var(--sdb-ease); } .sdb-btn:hover { box-shadow: var(--sdb-shadow-sm); } .sdb-btn:active { transform: translateY(1px); } .sdb-btn:focus-visible { outline: 0; box-shadow: var(--sdb-shadow-focus); } .sdb-btn--primary { --_bg: var(--sdb-blue-600); --_fg: #fff; } .sdb-btn--secondary, .sdb-btn--subtle { --_bg: var(--sdb-blue-50); --_fg: var(--sdb-blue-700); --_bd: var(--sdb-blue-100); } .sdb-btn--outline { --_bg: #fff; --_fg: var(--sdb-ink); --_bd: var(--sdb-border-strong); } .sdb-btn--ghost { --_bg: transparent; --_fg: var(--sdb-text); --_bd: transparent; } .sdb-btn--danger { --_bg: var(--sdb-danger); --_fg: #fff; } .sdb-btn--success { --_bg: var(--sdb-success); --_fg: #fff; } .sdb-btn--sm { min-height: var(--sdb-control-height-sm); padding-inline: .875rem; font-size: var(--sdb-text-sm); border-radius: var(--sdb-radius-sm); } .sdb-btn--lg { min-height: var(--sdb-control-height-lg); padding-inline: 1.65rem; font-size: var(--sdb-text-lg); } .sdb-btn--icon { width: var(--sdb-control-height); padding: 0; } .sdb-btn[disabled], .sdb-btn[aria-disabled="true"] { opacity: .5; pointer-events: none; } .sdb-field { display: flex; flex-direction: column; gap: .4rem; } .sdb-label { font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-sm); font-weight: 650; color: var(--sdb-ink); } .sdb-label .req { color: var(--sdb-danger); } .sdb-hint { font-size: var(--sdb-text-xs); color: var(--sdb-muted); } .sdb-error-text { display: flex; align-items: center; gap: 4px; font-size: var(--sdb-text-xs); color: var(--sdb-danger-text); } .sdb-input, .sdb-select, .sdb-textarea { width: 100%; min-height: var(--sdb-control-height); padding: 0 .875rem; border: 1px solid var(--sdb-border-strong); border-radius: var(--sdb-radius-md); background: var(--sdb-surface); color: var(--sdb-ink); font-family: var(--sdb-font-body, Archivo, Arial, sans-serif); font-size: var(--sdb-text-base); box-shadow: none; transition: border-color var(--sdb-dur) var(--sdb-ease), box-shadow var(--sdb-dur) var(--sdb-ease), background-color var(--sdb-dur) var(--sdb-ease); } .sdb-textarea { min-height: 96px; padding-block: .75rem; line-height: 1.5; resize: vertical; } .sdb-input::placeholder, .sdb-textarea::placeholder { color: var(--sdb-muted); } .sdb-input:focus, .sdb-select:focus, .sdb-textarea:focus { outline: 0; border-color: var(--sdb-blue-500); box-shadow: var(--sdb-shadow-focus); } .sdb-field--error .sdb-input, .sdb-field--error .sdb-select, .sdb-field--error .sdb-textarea { border-color: var(--sdb-danger); box-shadow: 0 0 0 4px rgba(241, 69, 69, .12); } .sdb-select { appearance: none; padding-right: 2.5rem; background-image: linear-gradient(45deg, transparent 50%, var(--sdb-muted) 50%), linear-gradient(135deg, var(--sdb-muted) 50%, transparent 50%); background-position: calc(100% - 18px) 52%, calc(100% - 12px) 52%; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; } .sdb-input-group { position: relative; display: flex; align-items: center; } .sdb-input-group .sdb-input { padding-left: 2.6rem; } .sdb-input-icon { position: absolute; left: .875rem; color: var(--sdb-muted); display: inline-flex; } .sdb-radio-row { display: flex; gap: .5rem; } .sdb-radio { display: flex; align-items: center; gap: .5rem; min-height: var(--sdb-control-height); padding: 0 1rem; border: 1px solid var(--sdb-border-strong); border-radius: var(--sdb-radius-md); background: var(--sdb-surface); color: var(--sdb-ink); font-size: var(--sdb-text-base); cursor: pointer; } .sdb-radio--active { border-color: var(--sdb-blue-500); background: var(--sdb-blue-50); } .sdb-toggle { position: relative; flex: none; width: 42px; height: 24px; border-radius: var(--sdb-radius-pill); background: var(--sdb-border-strong); cursor: pointer; transition: background-color var(--sdb-dur) var(--sdb-ease); } .sdb-toggle::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: var(--sdb-shadow-xs); transition: transform var(--sdb-dur) var(--sdb-ease); } .sdb-toggle--on { background: var(--sdb-blue-600); } .sdb-toggle--on::after { transform: translateX(18px); } .sdb-badge, .sdb-tag { display: inline-flex; align-items: center; gap: .375rem; border-radius: var(--sdb-radius-pill); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-xs); font-weight: 650; line-height: 1.4; white-space: nowrap; } .sdb-badge { padding: .25rem .625rem; background: var(--sdb-surface-2); color: var(--sdb-text); } .sdb-badge .dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; } .sdb-badge--success { background: var(--sdb-success-bg); color: var(--sdb-success-text); } .sdb-badge--warning { background: var(--sdb-warning-bg); color: var(--sdb-warning-text); } .sdb-badge--danger { background: var(--sdb-danger-bg); color: var(--sdb-danger-text); } .sdb-badge--info { background: var(--sdb-info-bg); color: var(--sdb-info-text); } .sdb-badge--primary { background: var(--sdb-blue-50); color: var(--sdb-blue-700); } .sdb-badge--neutral { background: var(--sdb-surface-2); color: var(--sdb-text); } .sdb-tag { padding: .25rem .625rem; border: 1px solid var(--sdb-blue-100); background: var(--sdb-blue-50); color: var(--sdb-blue-700); } .sdb-card { background: var(--sdb-surface); border: 1px solid var(--sdb-border); border-radius: var(--sdb-radius-lg); padding: var(--sdb-card-padding); box-shadow: var(--sdb-shadow-sm); } .sdb-card--flat { box-shadow: none; } .sdb-kpi { display: flex; flex-direction: column; gap: .875rem; } .sdb-kpi-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; } .sdb-kpi-ico { width: 42px; height: 42px; border-radius: var(--sdb-radius-md); display: grid; place-items: center; background: var(--sdb-blue-50); color: var(--sdb-blue-600); } .sdb-kpi-label { color: var(--sdb-muted); font-size: var(--sdb-text-sm); font-weight: 500; } .sdb-kpi-value { color: var(--sdb-ink); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: 2rem; font-weight: 700; line-height: 1; } .sdb-kpi-delta { display: inline-flex; align-items: center; gap: 3px; font-size: var(--sdb-text-xs); font-weight: 650; } .sdb-kpi-delta--up { color: var(--sdb-success-text); } .sdb-kpi-delta--down { color: var(--sdb-danger-text); } .sdb-table-wrap { overflow: hidden; background: var(--sdb-surface); border: 1px solid var(--sdb-border); border-radius: var(--sdb-radius-lg); } .sdb-table { width: 100%; border-collapse: collapse; font-size: var(--sdb-text-sm); } .sdb-table thead th { padding: .875rem 1.25rem; border-bottom: 1px solid var(--sdb-border); background: var(--sdb-surface-2); color: var(--sdb-muted); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-xs); font-weight: 650; text-align: left; white-space: nowrap; } .sdb-table tbody td { padding: .875rem 1.25rem; border-bottom: 1px solid var(--sdb-border); color: var(--sdb-text); vertical-align: middle; } .sdb-table tbody tr:last-child td { border-bottom: 0; } .sdb-table tbody tr:hover { background: var(--sdb-blue-50); } .sdb-cell-strong { color: var(--sdb-ink); font-weight: 650; } .sdb-cell-user { display: flex; align-items: center; gap: .625rem; } .sdb-pagination { display: flex; align-items: center; gap: .25rem; } .sdb-page { display: grid; place-items: center; min-width: 34px; height: 34px; padding: 0 .5rem; border: 1px solid transparent; border-radius: var(--sdb-radius-sm); background: transparent; color: var(--sdb-text); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-sm); font-weight: 500; cursor: pointer; } .sdb-page:hover { background: var(--sdb-surface-2); } .sdb-page--active { background: var(--sdb-blue-600); color: #fff; } .sdb-sidebar { width: 248px; background: var(--sdb-surface); border-right: 1px solid var(--sdb-border); display: flex; flex-direction: column; flex: none; } .sdb-side-group { padding: .5rem .75rem; } .sdb-side-group-label { padding: .75rem .75rem .4rem; color: var(--sdb-muted); font-size: var(--sdb-text-overline); font-weight: 700; letter-spacing: var(--sdb-tracking-overline); text-transform: uppercase; } .sdb-nav-item { display: flex; align-items: center; gap: .75rem; padding: .6rem .75rem; border-radius: var(--sdb-radius-md); color: var(--sdb-text); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-base); font-weight: 500; cursor: pointer; text-decoration: none; transition: background-color var(--sdb-dur) var(--sdb-ease), color var(--sdb-dur) var(--sdb-ease); } .sdb-nav-item:hover { background: var(--sdb-surface-2); color: var(--sdb-ink); } .sdb-nav-item--active { background: var(--sdb-blue-50); color: var(--sdb-blue-700); font-weight: 650; } .sdb-tabs { display: flex; gap: 1.5rem; border-bottom: 1px solid var(--sdb-border); } .sdb-tab { position: relative; padding: .75rem 0; border: 0; background: none; color: var(--sdb-muted); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-base); font-weight: 650; cursor: pointer; } .sdb-tab--active { color: var(--sdb-blue-700); } .sdb-tab--active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2.5px; border-radius: 2px; background: var(--sdb-blue-600); } .sdb-search { display: flex; align-items: center; gap: .5rem; height: 40px; padding: 0 .875rem; border: 1px solid var(--sdb-border); border-radius: var(--sdb-radius-md); background: var(--sdb-surface-2); color: var(--sdb-muted); } .sdb-search__input { width: 100%; border: 0; background: transparent; outline: 0; color: var(--sdb-ink); font-family: var(--sdb-font-body, Archivo, Arial, sans-serif); font-size: var(--sdb-text-sm); } .sdb-iconbtn { position: relative; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--sdb-border); border-radius: var(--sdb-radius-md); background: var(--sdb-surface); color: var(--sdb-text); cursor: pointer; } .sdb-iconbtn:hover { background: var(--sdb-surface-2); } .sdb-modal-overlay { position: absolute; inset: 0; background: rgba(16, 40, 70, .35); backdrop-filter: blur(2px); } .sdb-modal { width: 440px; max-width: 100%; overflow: hidden; border-radius: var(--sdb-radius-xl); background: var(--sdb-surface); box-shadow: var(--sdb-shadow-lg); } .sdb-modal-head { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; } .sdb-modal-title { color: var(--sdb-ink); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-h4); font-weight: 700; } .sdb-modal-body { display: flex; flex-direction: column; gap: 1rem; padding: 0 1.5rem 1.25rem; } .sdb-modal-foot { display: flex; align-items: center; justify-content: flex-end; gap: .75rem; padding: 1rem 1.5rem; border-top: 1px solid var(--sdb-border); } .sdb-stepper { display: flex; align-items: center; padding: 0 1.5rem 1.25rem; } .sdb-step { display: flex; flex: none; flex-direction: column; align-items: center; gap: .4rem; text-align: center; } .sdb-step-dot { width: 38px; height: 38px; border: 1.5px solid var(--sdb-border-strong); border-radius: 50%; display: grid; place-items: center; background: var(--sdb-surface-2); color: var(--sdb-muted); } .sdb-step-name { color: var(--sdb-muted); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-sm); font-weight: 500; } .sdb-step-num { color: var(--sdb-muted); font-size: var(--sdb-text-overline); font-weight: 700; letter-spacing: var(--sdb-tracking-overline); text-transform: uppercase; } .sdb-step-line { flex: 1; align-self: flex-start; height: 2px; margin: 18px .5rem 0; border-radius: 2px; background: var(--sdb-border-strong); } .sdb-step--active .sdb-step-dot { border-color: var(--sdb-blue-600); background: var(--sdb-blue-50); color: var(--sdb-blue-600); box-shadow: var(--sdb-shadow-focus); } .sdb-step--active .sdb-step-name { color: var(--sdb-ink); font-weight: 650; } .sdb-step--done .sdb-step-dot { border-color: var(--sdb-success); background: var(--sdb-success); color: #fff; } .sdb-step-line--done { background: var(--sdb-success); } .sdb-bars { display: flex; align-items: flex-end; gap: .75rem; height: 180px; } .sdb-bar-col { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: .5rem; height: 100%; } .sdb-bar { width: 60%; max-width: 34px; border-radius: 8px 8px 4px 4px; background: var(--sdb-blue-100); } .sdb-bar--active { background: linear-gradient(180deg, var(--sdb-blue-500), var(--sdb-blue-600)); box-shadow: var(--sdb-shadow-md); } .sdb-bar-label { color: var(--sdb-muted); font-size: var(--sdb-text-xs); } .sdb-progress-bar-track { height: 10px; overflow: hidden; border-radius: var(--sdb-radius-pill); background: var(--sdb-blue-50); } .sdb-progress-bar-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--sdb-blue-500), var(--sdb-sky-500)); } .sdb-week { display: flex; gap: .4rem; } .sdb-day { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: .5rem 0; border-radius: var(--sdb-radius-md); cursor: pointer; } .sdb-day .dow { color: var(--sdb-muted); font-size: var(--sdb-text-xs); } .sdb-day .dom { color: var(--sdb-ink); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-weight: 650; } .sdb-day--active { background: var(--sdb-blue-600); } .sdb-day--active .dow, .sdb-day--active .dom { color: #fff; } .sdb-agenda-item { display: flex; gap: .75rem; padding: .75rem; border-radius: var(--sdb-radius-md); } .sdb-agenda-item .bar { width: 3px; border-radius: 3px; flex: none; } .sdb-agenda-item--green { background: var(--sdb-success-bg); } .sdb-agenda-item--green .bar { background: var(--sdb-success); } .sdb-agenda-item--amber { background: var(--sdb-warning-bg); } .sdb-agenda-item--amber .bar { background: var(--sdb-warning); } .sdb-agenda-item--blue { background: var(--sdb-blue-50); } .sdb-agenda-item--blue .bar { background: var(--sdb-blue-600); } .sdb-flex { display: flex; } .sdb-items-center { align-items: center; } .sdb-justify-between { justify-content: space-between; } .sdb-wrap { flex-wrap: wrap; } .sdb-grid { display: grid; } .sdb-gap-1 { gap: .25rem; } .sdb-gap-2 { gap: .5rem; } .sdb-gap-3 { gap: .75rem; } .sdb-gap-4 { gap: 1rem; } .sdb-gap-6 { gap: 1.5rem; } .sdb-divider { height: 1px; margin: 0; border: 0; background: var(--sdb-border); } .sdb-admin-icon-button { display: inline-flex; align-items: center; justify-content: center; inline-size: var(--sdb-admin-control-height, 36px); block-size: var(--sdb-admin-control-height, 36px); padding: 0; border: 1px solid var(--sdb-admin-border, var(--sdb-color-border)); border-radius: var(--sdb-radius-md, 10px); background: var(--sdb-admin-surface, #fff); color: var(--sdb-admin-text, var(--sdb-color-title)); cursor: pointer; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease; } .sdb-admin-icon-button:hover { background: var(--sdb-admin-surface-muted, var(--sdb-color-background)); border-color: var(--sdb-admin-border-strong, var(--sdb-color-border)); } .sdb-admin-icon-button:focus-visible { outline: none; box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22)); } .sdb-admin-icon-button[disabled], .sdb-admin-icon-button[aria-disabled="true"] { opacity: var(--sdb-state-disabled-opacity, 0.56); pointer-events: none; } .sdb-admin-icon-button .sdb-icon { inline-size: 1.15em; block-size: 1.15em; } .sdb-admin-icon-button--sm { inline-size: 30px; block-size: 30px; } .sdb-admin-icon-button--ghost { border-color: transparent; background: transparent; } .sdb-admin-icon-button--danger { color: var(--sdb-color-error, #c53030); } .sdb-admin-icon-button--danger:hover { background: var(--sdb-color-error-bg, #fdecec); border-color: var(--sdb-color-error, #c53030); } .sdb-admin-search-control { display: inline-flex; align-items: center; gap: var(--sdb-space-2, 8px); inline-size: 100%; max-inline-size: var(--sdb-admin-search-width, 320px); min-block-size: var(--sdb-admin-control-height, 36px); padding-inline: var(--sdb-space-3, 12px); border: 1px solid var(--sdb-admin-border, var(--sdb-color-border)); border-radius: var(--sdb-radius-md, 10px); background: var(--sdb-admin-surface, #fff); } .sdb-admin-search-control:focus-within { border-color: var(--sdb-admin-primary, var(--sdb-color-primary)); box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22)); } .sdb-admin-search-control__icon { color: var(--sdb-admin-text-muted, var(--sdb-color-muted)); flex: 0 0 auto; } .sdb-admin-search-control__input { flex: 1 1 auto; min-inline-size: 0; border: 0; background: transparent; color: var(--sdb-admin-text, var(--sdb-color-title)); font: inherit; } .sdb-admin-search-control__input:focus { outline: none; } .sdb-admin-search-control__clear { flex: 0 0 auto; border: 0; background: transparent; color: var(--sdb-admin-text-muted, var(--sdb-color-muted)); cursor: pointer; } .sdb-admin-chart-card { display: flex; flex-direction: column; gap: var(--sdb-space-3, 12px); padding: var(--sdb-admin-dashboard-card-padding, var(--sdb-space-4, 16px)); border: 1px solid var(--sdb-admin-border, var(--sdb-color-border)); border-radius: var(--sdb-radius-lg, 16px); background: var(--sdb-admin-surface, #fff); } .sdb-admin-chart-card__header { display: flex; align-items: baseline; justify-content: space-between; gap: var(--sdb-space-3, 12px); } .sdb-admin-chart-card__title { margin: 0; font-family: var(--sdb-font-heading, inherit); font-size: var(--sdb-admin-card-title-size, 16px); font-weight: var(--sdb-font-weight-semibold, 600); color: var(--sdb-admin-heading, var(--sdb-color-title)); } .sdb-admin-chart-card__meta { font-size: var(--sdb-admin-meta-size, 12px); color: var(--sdb-admin-text-muted, var(--sdb-color-muted)); } .sdb-admin-chart-card__fallback { margin: 0; font-size: var(--sdb-admin-meta-size, 12px); color: var(--sdb-admin-text-muted, var(--sdb-color-muted)); } .sdb-admin-error-state { display: grid; justify-items: center; gap: var(--sdb-space-3, 12px); padding: var(--sdb-space-8, 32px); border: 1px solid var(--sdb-color-error, #c53030); border-radius: var(--sdb-radius-lg, 16px); background: var(--sdb-color-error-bg, #fdecec); color: var(--sdb-color-error-text, #7f1d1d); text-align: center; } .sdb-admin-error-state__title { margin: 0; font-family: var(--sdb-font-heading, inherit); font-weight: var(--sdb-font-weight-semibold, 600); } .sdb-admin-error-state__actions { display: flex; flex-wrap: wrap; gap: var(--sdb-space-2, 8px); justify-content: center; } .sdb-admin-fullscreen-layout { display: grid; grid-template-rows: auto minmax(0, 1fr); block-size: min(100vh, var(--sdb-admin-fullscreen-height, 100vh)); background: var(--sdb-admin-bg, var(--sdb-color-background)); } .sdb-admin-fullscreen-layout__bar { display: flex; align-items: center; gap: var(--sdb-space-3, 12px); padding: var(--sdb-space-3, 12px) var(--sdb-space-4, 16px); border-block-end: 1px solid var(--sdb-admin-border, var(--sdb-color-border)); background: var(--sdb-admin-surface, #fff); } .sdb-admin-fullscreen-layout__canvas { min-block-size: 0; overflow: auto; padding: var(--sdb-space-4, 16px); } .sdb-confirm-dialog { max-inline-size: var(--sdb-modal-width-sm, 420px); } .sdb-confirm-dialog__title { margin: 0 0 var(--sdb-space-2, 8px); font-family: var(--sdb-font-heading, inherit); font-weight: var(--sdb-font-weight-semibold, 600); color: var(--sdb-color-title); } .sdb-confirm-dialog__body { margin: 0 0 var(--sdb-space-4, 16px); color: var(--sdb-color-text); } .sdb-confirm-dialog__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--sdb-space-2, 8px); } .sdb-confirm-dialog--danger .sdb-confirm-dialog__title { color: var(--sdb-color-error, #c53030); } .sdb-form-adapter { font-family: var(--sdb-font-body, inherit); color: var(--sdb-color-text, #6b7785); display: grid; gap: var(--sdb-form-field-gap, var(--sdb-space-4, 16px)); } .sdb-form-adapter h1, .sdb-form-adapter h2, .sdb-form-adapter h3, .sdb-form-adapter h4, .sdb-form-adapter legend { color: var(--sdb-color-title, #364048); } .sdb-form-adapter label { display: inline-block; color: var(--sdb-color-title, #364048); font-weight: var(--sdb-font-weight-medium, 500); } .sdb-form-adapter input[type="text"], .sdb-form-adapter input[type="email"], .sdb-form-adapter input[type="tel"], .sdb-form-adapter input[type="url"], .sdb-form-adapter input[type="number"], .sdb-form-adapter input[type="date"], .sdb-form-adapter input[type="time"], .sdb-form-adapter input[type="search"], .sdb-form-adapter input[type="password"], .sdb-form-adapter select, .sdb-form-adapter textarea { inline-size: 100%; max-inline-size: 100%; min-block-size: var(--sdb-control-height, var(--sdb-control-height-md, 44px)); padding: 0 var(--sdb-space-3, 12px); border: 1px solid var(--sdb-color-border, #eef3f8); border-radius: var(--sdb-ui-control-radius, var(--sdb-radius-md, 10px)); background: var(--sdb-color-surface, #fff); color: var(--sdb-color-title, #364048); font: inherit; box-sizing: border-box; transition: border-color var(--sdb-motion-duration-base, 160ms) var(--sdb-motion-easing-standard, ease), box-shadow var(--sdb-motion-duration-base, 160ms) var(--sdb-motion-easing-standard, ease); } .sdb-form-adapter textarea { min-block-size: calc(var(--sdb-control-height, 44px) * 2); padding-block: var(--sdb-space-2, 8px); resize: vertical; } .sdb-form-adapter select { appearance: none; padding-inline-end: var(--sdb-space-8, 32px); } .sdb-form-adapter input:hover, .sdb-form-adapter select:hover, .sdb-form-adapter textarea:hover { border-color: var(--sdb-color-border-strong, var(--sdb-color-muted, #8e9aa7)); } .sdb-form-adapter input:focus-visible, .sdb-form-adapter select:focus-visible, .sdb-form-adapter textarea:focus-visible, .sdb-form-adapter button:focus-visible, .sdb-form-adapter [href]:focus-visible { outline: 2px solid transparent; outline-offset: 2px; border-color: var(--sdb-color-primary, #0058b7); box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22)); } .sdb-form-adapter input[type="checkbox"], .sdb-form-adapter input[type="radio"] { inline-size: var(--sdb-choice-size, 20px); block-size: var(--sdb-choice-size, 20px); margin-block-start: var(--sdb-choice-input-offset, 2px); accent-color: var(--sdb-color-primary, #0058b7); flex: 0 0 auto; } .sdb-form-adapter label:has(> input[type="checkbox"]), .sdb-form-adapter label:has(> input[type="radio"]) { display: flex; align-items: var(--sdb-choice-label-align, flex-start); gap: var(--sdb-choice-content-gap, var(--sdb-choice-gap, 10px)); font-weight: var(--sdb-font-weight-regular, 400); } .sdb-form-adapter fieldset { border: 1px solid var(--sdb-color-border, #eef3f8); border-radius: var(--sdb-ui-control-radius, var(--sdb-radius-md, 10px)); padding: var(--sdb-space-3, 12px); } .sdb-form-adapter input[type="file"] { inline-size: 100%; padding: var(--sdb-space-2, 8px); border: 1px dashed var(--sdb-color-border-strong, var(--sdb-color-border, #eef3f8)); border-radius: var(--sdb-ui-control-radius, var(--sdb-radius-md, 10px)); background: var(--sdb-color-background, #f5f8fb); color: var(--sdb-color-text, #6b7785); } .sdb-form-adapter__help { color: var(--sdb-color-muted, #8e9aa7); font-size: 0.85rem; } .sdb-form-adapter__required { color: var(--sdb-color-error, #c53030); margin-inline-start: 2px; } .sdb-form-adapter button[type="submit"], .sdb-form-adapter input[type="submit"] { min-block-size: var(--sdb-control-height, 44px); padding: 0 var(--sdb-space-5, 20px); border: 1px solid transparent; border-radius: var(--sdb-ui-control-radius, var(--sdb-radius-md, 10px)); background: var(--sdb-color-primary, #0058b7); color: #fff; font: inherit; font-weight: var(--sdb-font-weight-medium, 500); cursor: pointer; transition: background-color var(--sdb-motion-duration-base, 160ms) var(--sdb-motion-easing-standard, ease); } .sdb-form-adapter button[type="submit"]:hover, .sdb-form-adapter input[type="submit"]:hover { background: var(--sdb-color-primary-hover, #004a9b); } .sdb-form-adapter input:disabled, .sdb-form-adapter select:disabled, .sdb-form-adapter textarea:disabled, .sdb-form-adapter button:disabled { opacity: var(--sdb-state-disabled-opacity, 0.56); cursor: not-allowed; } .sdb-form-adapter input:read-only, .sdb-form-adapter textarea:read-only { background: var(--sdb-color-background, #f5f8fb); border-style: dashed; } .sdb-form-adapter [aria-invalid="true"], .sdb-form-adapter .is-error input, .sdb-form-adapter .is-error select, .sdb-form-adapter .is-error textarea { border-color: var(--sdb-color-error, #c53030); box-shadow: 0 0 0 1px var(--sdb-color-error, #c53030); } .sdb-form-adapter__message, .sdb-form-adapter [role="alert"], .sdb-form-adapter [role="status"] { padding: var(--sdb-space-3, 12px) var(--sdb-space-4, 16px); border: 1px solid var(--sdb-color-border, #eef3f8); border-radius: var(--sdb-ui-control-radius, var(--sdb-radius-md, 10px)); border-inline-start-width: 4px; } .sdb-form-adapter__message--error, .sdb-form-adapter [role="alert"] { border-color: var(--sdb-color-error, #c53030); background: var(--sdb-color-error-bg, #fdecec); color: var(--sdb-color-error-text, #7f1d1d); } .sdb-form-adapter__message--success { border-color: var(--sdb-color-success, #2f8f4e); background: var(--sdb-color-success-bg, #e9f6ee); color: var(--sdb-color-success-text, #1e5f34); } .sdb-form-adapter__message--info { border-color: var(--sdb-color-info, #8686f2); background: var(--sdb-color-info-bg, #f1f1fe); color: var(--sdb-color-info-text, #4b4bb5); } .sdb-form-adapter__message--error::before { content: "⚠ "; } .sdb-form-adapter__message--success::before { content: "✓ "; } .sdb-form-adapter.is-loading, .sdb-form-adapter[aria-busy="true"] { opacity: 0.7; pointer-events: none; } .sdb-form-adapter--full { inline-size: 100%; max-inline-size: none; } @media (max-width: 480px) { .sdb-form-adapter select { padding-inline-end: var(--sdb-space-6, 24px); } .sdb-form-adapter button[type="submit"], .sdb-form-adapter input[type="submit"] { inline-size: 100%; } } @media (prefers-reduced-motion: reduce) { .sdb-form-adapter input, .sdb-form-adapter select, .sdb-form-adapter textarea, .sdb-form-adapter button[type="submit"], .sdb-form-adapter input[type="submit"] { transition: none; } } .sdb-calendar-shell, .sdb-calendar-shell * { box-sizing: border-box; } .sdb-calendar-shell { --sdb-calendar-columns: 7; color: var(--sdb-color-text, #6B7785); border: 1px solid var(--sdb-calendar-grid-border, var(--sdb-color-outline-variant, #EEF3F8)); border-radius: var(--sdb-radius-lg, 16px); background: var(--sdb-color-surface, #FFFFFF); box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31, 42, 54, .05)); overflow: clip; } .sdb-calendar-shell__header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sdb-space-3, 12px) var(--sdb-space-5, 20px); padding: var(--sdb-space-4, 16px) var(--sdb-space-5, 20px); border-block-end: 1px solid var(--sdb-calendar-grid-border, var(--sdb-color-outline-variant, #EEF3F8)); background: var(--sdb-color-surface-low, #FAFCFE); } .sdb-calendar-shell__heading, .sdb-calendar-shell__period, .sdb-calendar-shell__actions, .sdb-calendar-shell__period-nav, .sdb-calendar-shell__legend { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-2, 8px); } .sdb-calendar-shell__heading { min-inline-size: min(100%, 18rem); } .sdb-calendar-shell__title { margin: 0; color: var(--sdb-color-title, #364048); font: var(--sdb-font-weight-semibold, 600) 1.05rem/1.3 var(--sdb-font-heading, inherit); } .sdb-calendar-shell__period-title { min-inline-size: 10ch; margin: 0; color: var(--sdb-color-title, #364048); font-weight: var(--sdb-font-weight-semibold, 600); text-align: center; } .sdb-calendar-shell__nav-button, .sdb-calendar-shell__action, .sdb-calendar-shell__overflow { display: inline-flex; align-items: center; justify-content: center; min-inline-size: var(--sdb-touch-target-min, 44px); min-block-size: var(--sdb-touch-target-min, 44px); padding: var(--sdb-space-2, 8px) var(--sdb-space-3, 12px); border: 1px solid var(--sdb-color-outline, #D6E0EA); border-radius: var(--sdb-ui-control-radius, var(--sdb-radius-md, 10px)); background: var(--sdb-color-surface, #FFFFFF); color: var(--sdb-color-title, #364048); font: inherit; font-weight: var(--sdb-font-weight-medium, 500); cursor: pointer; transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease); } .sdb-calendar-shell__nav-button:hover, .sdb-calendar-shell__action:hover, .sdb-calendar-shell__overflow:hover { border-color: var(--sdb-color-primary, #0058B7); color: var(--sdb-color-primary, #0058B7); background: var(--sdb-state-hover-bg, rgba(0, 88, 183, .06)); } .sdb-calendar-shell__nav-button:focus-visible, .sdb-calendar-shell__action:focus-visible, .sdb-calendar-shell__overflow:focus-visible, .sdb-calendar-shell__cell:focus-visible, .sdb-calendar-shell__event-slot:focus-visible, .sdb-calendar-shell__event:focus-visible, .sdb-calendar-shell__mobile-item :where(a, button):focus-visible { outline: 2px solid transparent; outline-offset: 2px; box-shadow: var(--sdb-state-focus-ring, 0 0 0 3px rgba(0, 155, 216, .22)); } .sdb-calendar-shell__legend { padding: var(--sdb-space-3, 12px) var(--sdb-space-5, 20px); margin: 0; border-block-end: 1px solid var(--sdb-calendar-grid-border, var(--sdb-color-outline-variant, #EEF3F8)); background: var(--sdb-color-surface, #FFFFFF); font-size: .82rem; list-style: none; } .sdb-calendar-shell__legend-title { color: var(--sdb-color-title, #364048); font-weight: var(--sdb-font-weight-semibold, 600); } .sdb-calendar-shell__legend-item { display: inline-flex; align-items: center; gap: var(--sdb-space-1, 4px); } .sdb-calendar-shell__legend-swatch { inline-size: .75rem; block-size: .75rem; border: 1px solid currentColor; border-radius: var(--sdb-radius-sm, 6px); background: var(--sdb-calendar-legend-bg, var(--sdb-hue-blue-bg, #E4F1FF)); color: var(--sdb-calendar-legend-border, var(--sdb-hue-blue-border, #A9CDF5)); } .sdb-calendar-shell__legend-swatch--training { --sdb-calendar-legend-bg: var(--sdb-hue-purple-bg, #F0ECFB); --sdb-calendar-legend-border: var(--sdb-hue-purple-border, #CFC2F0); } .sdb-calendar-shell__legend-swatch--remote { --sdb-calendar-legend-bg: var(--sdb-hue-grey-bg, #EEF2F6); --sdb-calendar-legend-border: var(--sdb-hue-grey-border, #CBD5DF); } .sdb-calendar-shell__viewport { max-inline-size: 100%; overflow: auto; overscroll-behavior-inline: contain; scrollbar-gutter: stable; -webkit-overflow-scrolling: touch; } .sdb-calendar-shell__grid { display: grid; grid-template-columns: repeat(var(--sdb-calendar-columns), minmax(var(--sdb-calendar-cell-min-width, 116px), 1fr)); inline-size: max-content; min-inline-size: 100%; background: var(--sdb-color-surface, #FFFFFF); } .sdb-calendar-shell__row { display: contents; } .sdb-calendar-shell__column-header, .sdb-calendar-shell__row-header, .sdb-calendar-shell__cell, .sdb-calendar-shell__event-slot { min-inline-size: 0; min-block-size: var(--sdb-calendar-cell-min-height, 72px); padding: var(--sdb-space-2, 8px); border-inline-end: 1px solid var(--sdb-calendar-grid-border, var(--sdb-color-outline-variant, #EEF3F8)); border-block-end: 1px solid var(--sdb-calendar-grid-border, var(--sdb-color-outline-variant, #EEF3F8)); background: var(--sdb-color-surface, #FFFFFF); } .sdb-calendar-shell__column-header { position: sticky; inset-block-start: 0; z-index: var(--sdb-z-sticky, 20); min-block-size: auto; background: var(--sdb-color-surface-low, #FAFCFE); color: var(--sdb-color-title, #364048); font-size: .78rem; font-weight: var(--sdb-font-weight-semibold, 600); text-align: start; } .sdb-calendar-shell__column-header time { display: block; color: inherit; } .sdb-calendar-shell__cell, .sdb-calendar-shell__event-slot { position: relative; display: grid; align-content: start; gap: var(--sdb-calendar-event-gap, 4px); outline: none; transition: background-color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, ease); } .sdb-calendar-shell__cell:hover, .sdb-calendar-shell__event-slot:hover { background: var(--sdb-state-hover-bg, rgba(0, 88, 183, .06)); } .sdb-calendar-shell__cell[aria-selected="true"], .sdb-calendar-shell__cell.is-selected, .sdb-calendar-shell__cell.is-in-range, .sdb-calendar-shell__cell--selected, .sdb-calendar-shell__cell--in-range, .sdb-calendar-shell__event-slot[aria-selected="true"], .sdb-calendar-shell__event-slot.is-selected, .sdb-calendar-shell__event-slot.is-in-range, .sdb-calendar-shell__event-slot--selected, .sdb-calendar-shell__event-slot--in-range { background: var(--sdb-calendar-selected-bg, rgba(0, 88, 183, .085)); } .sdb-calendar-shell__cell.is-today, .sdb-calendar-shell__cell--today, .sdb-calendar-shell__event-slot.is-today, .sdb-calendar-shell__event-slot--today { box-shadow: inset 0 0 0 2px var(--sdb-calendar-today-outline, #0058B7); } .sdb-calendar-shell__cell.is-today::before, .sdb-calendar-shell__cell--today::before, .sdb-calendar-shell__event-slot.is-today::before, .sdb-calendar-shell__event-slot--today::before { content: attr(data-sdb-today-label); color: var(--sdb-color-primary, #0058B7); font-size: .72rem; font-weight: var(--sdb-font-weight-semibold, 600); } .sdb-calendar-shell__cell.is-empty, .sdb-calendar-shell__cell--empty, .sdb-calendar-shell__event-slot.is-empty, .sdb-calendar-shell__event-slot--empty { place-content: center; color: var(--sdb-color-muted, #8E9AA7); } .sdb-calendar-shell__event-stack { display: grid; gap: var(--sdb-calendar-event-gap, 4px); } .sdb-calendar-shell__event { display: grid; gap: 2px; min-block-size: var(--sdb-touch-target-min, 44px); padding: var(--sdb-space-2, 8px); border: 1px solid var(--sdb-calendar-event-border, var(--sdb-hue-blue-border, #A9CDF5)); border-radius: var(--sdb-calendar-event-radius, var(--sdb-radius-sm, 6px)); background: var(--sdb-calendar-event-bg, var(--sdb-hue-blue-bg, #E4F1FF)); color: var(--sdb-calendar-event-text, var(--sdb-hue-blue-fg, #0B4A8F)); font: inherit; line-height: 1.25; text-align: start; text-decoration: none; cursor: default; overflow: hidden; } .sdb-calendar-shell :is(a, button).sdb-calendar-shell__event { cursor: pointer; } .sdb-calendar-shell :is(a, button).sdb-calendar-shell__event:hover { border-color: currentColor; } .sdb-calendar-shell__event-title { font-weight: var(--sdb-font-weight-semibold, 600); } .sdb-calendar-shell__event-meta { font-size: .75rem; opacity: .88; } .sdb-calendar-shell__event--absence { --sdb-calendar-event-bg: var(--sdb-hue-amber-bg, #FFF3D6); --sdb-calendar-event-text: var(--sdb-hue-amber-fg, #8A5200); --sdb-calendar-event-border: var(--sdb-hue-amber-border, #F4D48A); } .sdb-calendar-shell__event--training { --sdb-calendar-event-bg: var(--sdb-hue-purple-bg, #F0ECFB); --sdb-calendar-event-text: var(--sdb-hue-purple-fg, #4B32A8); --sdb-calendar-event-border: var(--sdb-hue-purple-border, #CFC2F0); } .sdb-calendar-shell__event--remote { --sdb-calendar-event-bg: var(--sdb-hue-grey-bg, #EEF2F6); --sdb-calendar-event-text: var(--sdb-hue-grey-fg, #41505E); --sdb-calendar-event-border: var(--sdb-hue-grey-border, #CBD5DF); } .sdb-calendar-shell__overflow { justify-self: start; min-inline-size: 0; min-block-size: var(--sdb-touch-target-min, 44px); padding-block: 4px; color: var(--sdb-color-primary, #0058B7); font-size: .78rem; } .sdb-calendar-shell__mobile-list { display: none; margin: 0; padding: var(--sdb-space-3, 12px); list-style: none; } .sdb-calendar-shell__mobile-group + .sdb-calendar-shell__mobile-group { margin-block-start: var(--sdb-space-4, 16px); } .sdb-calendar-shell__mobile-date, .sdb-calendar-shell__mobile-group > time { display: block; margin-block-end: var(--sdb-space-2, 8px); color: var(--sdb-color-title, #364048); font-weight: var(--sdb-font-weight-semibold, 600); } .sdb-calendar-shell__mobile-items, .sdb-calendar-shell__mobile-group > ul { display: grid; gap: var(--sdb-space-2, 8px); margin: 0; padding: 0; list-style: none; } .sdb-calendar-shell__mobile-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--sdb-space-2, 8px); align-items: center; padding: var(--sdb-space-3, 12px); border: 1px solid var(--sdb-color-outline-variant, #EEF3F8); border-radius: var(--sdb-radius-md, 10px); background: var(--sdb-color-surface, #FFFFFF); } .sdb-calendar-shell__mobile-item-title { color: var(--sdb-color-title, #364048); font-weight: var(--sdb-font-weight-semibold, 600); } .sdb-calendar-shell__empty { display: grid; justify-items: start; gap: var(--sdb-space-2, 8px); padding: var(--sdb-space-6, 24px); color: var(--sdb-color-muted, #8E9AA7); } .sdb-calendar-shell--team-map { --sdb-calendar-period-columns: 7; } .sdb-calendar-shell--team-map .sdb-calendar-shell__grid { grid-template-columns: minmax(var(--sdb-calendar-team-column-width, 196px), var(--sdb-calendar-team-column-width, 196px)) repeat(var(--sdb-calendar-period-columns), minmax(var(--sdb-calendar-cell-min-width, 116px), 1fr)); inline-size: max-content; min-inline-size: 100%; } .sdb-calendar-shell--team-map .sdb-calendar-shell__row-header, .sdb-calendar-shell--team-map .sdb-calendar-shell__column-header--people { position: sticky; inset-inline-start: 0; z-index: calc(var(--sdb-z-sticky, 20) + 1); background: var(--sdb-color-surface-lowest, #FFFFFF); color: var(--sdb-color-title, #364048); font-weight: var(--sdb-font-weight-semibold, 600); } .sdb-calendar-shell--team-map .sdb-calendar-shell__column-header--people { z-index: calc(var(--sdb-z-sticky, 20) + 2); background: var(--sdb-color-surface-low, #FAFCFE); } .sdb-calendar-shell--team-map .sdb-calendar-shell__event-slot { display: grid; align-content: center; padding: var(--sdb-calendar-event-gap, 4px); } .sdb-calendar-shell--high-contrast { --sdb-calendar-grid-border: var(--sdb-color-outline, #D6E0EA); --sdb-calendar-selected-bg: var(--sdb-color-primary-bg, #E4F5FF); } .sdb-calendar-shell--high-contrast .sdb-calendar-shell__event { border-width: 2px; } @media (max-width: 782px) { .sdb-calendar-shell { overflow: visible; border-radius: var(--sdb-radius-md, 10px); } .sdb-calendar-shell__header, .sdb-calendar-shell__legend { padding-inline: var(--sdb-space-3, 12px); } .sdb-calendar-shell__heading, .sdb-calendar-shell__period, .sdb-calendar-shell__actions { inline-size: 100%; } .sdb-calendar-shell__period { justify-content: space-between; } .sdb-calendar-shell__period-title { flex: 1 1 auto; } .sdb-calendar-shell__actions > * { flex: 1 1 auto; } .sdb-calendar-shell__viewport { display: none; } .sdb-calendar-shell__mobile-list { display: block; } .sdb-calendar-shell__mobile-item { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { .sdb-calendar-shell__nav-button, .sdb-calendar-shell__action, .sdb-calendar-shell__overflow, .sdb-calendar-shell__cell { transition: none; } } @media (forced-colors: active) { .sdb-calendar-shell, .sdb-calendar-shell__event, .sdb-calendar-shell__cell, .sdb-calendar-shell__event-slot, .sdb-calendar-shell__column-header, .sdb-calendar-shell__row-header { border-color: CanvasText; } .sdb-calendar-shell__cell.is-today, .sdb-calendar-shell__cell--today, .sdb-calendar-shell__event-slot.is-today, .sdb-calendar-shell__event-slot--today, .sdb-calendar-shell__cell[aria-selected="true"] { outline: 2px solid Highlight; outline-offset: -3px; } .sdb-calendar-shell__event, .sdb-calendar-shell__nav-button, .sdb-calendar-shell__action { forced-color-adjust: auto; } } .sdb-report, .sdb-report * { box-sizing: border-box; } .sdb-report { page: sdb-institutional-report; inline-size: min(100%, 210mm); min-block-size: 297mm; margin-inline: auto; padding: 16mm; color: var(--sdb-color-title, #364048); background: var(--sdb-color-surface, #FFFFFF); font-family: var(--sdb-font-body, Arial, sans-serif); line-height: 1.45; } .sdb-report--landscape, .sdb-report__wide { page: sdb-institutional-report-wide; } .sdb-report__header, .sdb-report__title-block, .sdb-report__section, .sdb-report__metrics, .sdb-report__methodology { break-inside: avoid; } .sdb-report__header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--sdb-space-4, 16px); align-items: end; padding-block-end: var(--sdb-space-4, 16px); border-block-end: 2px solid var(--sdb-color-primary, #0058B7); } .sdb-report__identity { display: grid; gap: var(--sdb-space-1, 4px); } .sdb-report__institution { color: var(--sdb-color-primary, #0058B7); font-family: var(--sdb-font-heading, Arial, sans-serif); font-size: 1rem; font-weight: var(--sdb-font-weight-bold, 700); } .sdb-report__context, .sdb-report__meta, .sdb-report__generated { color: var(--sdb-color-muted, #8E9AA7); font-size: .78rem; } .sdb-report__title-block { padding-block: var(--sdb-space-6, 24px); } .sdb-report__title { margin: 0; color: var(--sdb-color-title, #364048); font: var(--sdb-font-weight-bold, 700) 1.75rem/1.15 var(--sdb-font-heading, Arial, sans-serif); } .sdb-report__subtitle { margin: var(--sdb-space-2, 8px) 0 0; color: var(--sdb-color-text, #6B7785); } .sdb-report__metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(32mm, 1fr)); gap: var(--sdb-space-3, 12px); margin-block: 0 var(--sdb-space-6, 24px); } .sdb-report__metric { display: grid; gap: var(--sdb-space-1, 4px); padding: var(--sdb-space-3, 12px); border: 1px solid var(--sdb-color-outline-variant, #EEF3F8); border-radius: var(--sdb-radius-sm, 6px); background: var(--sdb-color-surface-low, #FAFCFE); } .sdb-report__metric-value, .sdb-report__metric > strong { color: var(--sdb-color-title, #364048); font: var(--sdb-font-weight-bold, 700) 1.4rem/1 var(--sdb-font-heading, Arial, sans-serif); } .sdb-report__metric-label, .sdb-report__metric > span { color: var(--sdb-color-text, #6B7785); font-size: .75rem; } .sdb-report__section { margin-block: 0 var(--sdb-space-6, 24px); } .sdb-report__section-title, .sdb-report__section > :is(h2, h3, h4) { margin: 0 0 var(--sdb-space-3, 12px); padding-block-end: var(--sdb-space-2, 8px); border-block-end: 1px solid var(--sdb-color-outline, #D6E0EA); color: var(--sdb-color-title, #364048); font: var(--sdb-font-weight-semibold, 600) 1.05rem/1.25 var(--sdb-font-heading, Arial, sans-serif); } .sdb-report__table-wrap { max-inline-size: 100%; } .sdb-report__table { inline-size: 100%; border-collapse: collapse; font-size: .78rem; } .sdb-report__table caption { margin-block-end: var(--sdb-space-2, 8px); color: var(--sdb-color-text, #6B7785); font-weight: var(--sdb-font-weight-semibold, 600); text-align: start; } .sdb-report__table th, .sdb-report__table td { padding: 6px 8px; border: 1px solid var(--sdb-color-outline-variant, #EEF3F8); text-align: start; vertical-align: top; } .sdb-report__table th { background: var(--sdb-color-surface-high, #F5F8FB); color: var(--sdb-color-title, #364048); font-weight: var(--sdb-font-weight-semibold, 600); } .sdb-report__chart { display: grid; gap: var(--sdb-space-2, 8px); min-block-size: 42mm; padding: var(--sdb-space-3, 12px); border: 1px solid var(--sdb-color-outline-variant, #EEF3F8); border-radius: var(--sdb-radius-sm, 6px); background: var(--sdb-color-surface, #FFFFFF); } .sdb-report__chart-caption, .sdb-report__chart figcaption { color: var(--sdb-color-text, #6B7785); font-size: .75rem; } .sdb-report__chart-bars { display: flex; align-items: end; gap: var(--sdb-space-3, 12px); min-block-size: 28mm; padding: var(--sdb-space-2, 8px); border-block-end: 1px solid var(--sdb-chart-grid, var(--sdb-color-outline-variant, #EEF3F8)); } .sdb-report__chart-bars > span { flex: 1 1 0; block-size: var(--sdb-report-value, 50%); min-inline-size: 8mm; border-radius: var(--sdb-radius-sm, 6px) var(--sdb-radius-sm, 6px) 0 0; background: var(--sdb-chart-1, var(--sdb-color-primary, #0058B7)); } .sdb-report__chart-bars > span:nth-child(2) { background: var(--sdb-chart-2, var(--sdb-color-secondary, #009BD8)); } .sdb-report__chart-bars > span:nth-child(3) { background: var(--sdb-chart-3, var(--sdb-hue-teal-fg, #0C5A55)); } .sdb-report__methodology { padding: var(--sdb-space-3, 12px); border-inline-start: 3px solid var(--sdb-color-outline, #D6E0EA); background: var(--sdb-color-surface-low, #FAFCFE); color: var(--sdb-color-text, #6B7785); font-size: .76rem; } .sdb-report__footer { display: flex; align-items: end; justify-content: space-between; gap: var(--sdb-space-3, 12px); margin-block-start: var(--sdb-space-8, 32px); padding-block-start: var(--sdb-space-3, 12px); border-block-start: 1px solid var(--sdb-color-outline, #D6E0EA); color: var(--sdb-color-muted, #8E9AA7); font-size: .7rem; } .sdb-report__page-number::after { content: counter(page); } .sdb-report__page-total::after { content: counter(pages); } .sdb-report__interactive-only { display: initial; } .sdb-report__page-break-before, .sdb-report__section--new-page { break-before: page; } .sdb-report__page-break-after { break-after: page; } .sdb-report__keep-together { break-inside: avoid; } .sdb-report__wide { font-size: .9em; word-break: normal; } .sdb-report--monochrome, .sdb-report--monochrome * { color: #000000; border-color: #777777; background: #FFFFFF; box-shadow: none; text-shadow: none; } @page sdb-institutional-report { size: A4 portrait; margin: 14mm 14mm 18mm; } @page sdb-institutional-report-wide { size: A4 landscape; margin: 12mm 14mm 16mm; } @media print { .sdb-report { inline-size: auto; min-block-size: 0; margin: 0; padding: 0; color: #111111; background: #FFFFFF; box-shadow: none; print-color-adjust: exact; -webkit-print-color-adjust: exact; } .sdb-report__interactive-only, .sdb-report :where(nav, [data-sdb-interactive-only="true"]) { display: none !important; } .sdb-report__header, .sdb-report__metric, .sdb-report__chart, .sdb-report__methodology { box-shadow: none; } .sdb-report__table thead { display: table-header-group; } .sdb-report__table tfoot { display: table-footer-group; } .sdb-report__table tr, .sdb-report__chart, .sdb-report__metric, .sdb-report__methodology { break-inside: avoid; } .sdb-report__section--new-page, .sdb-report__page-break-before { break-before: page; } .sdb-report__page-break-after { break-after: page; } .sdb-report__footer { position: fixed; inset-inline: 0; inset-block-end: -12mm; } .sdb-report--monochrome, .sdb-report--monochrome * { color: #000000 !important; border-color: #777777 !important; background: #FFFFFF !important; } } .sdb-surface--gradient-soft { background: var(--sdb-color-surface, #FFFFFF); background: linear-gradient( 135deg, color-mix(in srgb, var(--sdb-color-primary, #0058B7) 5%, var(--sdb-color-surface, #FFFFFF)), var(--sdb-color-surface, #FFFFFF) 58%, color-mix(in srgb, var(--sdb-color-secondary, #009BD8) 4%, var(--sdb-color-surface, #FFFFFF)) ); } .sdb-surface--glass { border: 1px solid var(--sdb-color-outline-variant, #EEF3F8); background: var(--sdb-color-surface, #FFFFFF); box-shadow: var(--sdb-elevation-2, 0 10px 24px rgba(31, 42, 54, .08)); } @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) { .sdb-surface--glass { background: color-mix(in srgb, var(--sdb-color-surface, #FFFFFF) 88%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } } :where(.sdb-design-system-ready) { --sdb-asset-domain-core-loaded: 1; }:where(.sdb-u-asset-domain-debug) { outline: 1px dashed var(--sdb-color-outline, #d9e2ec); }.sls-hm-shell { --sls-hm-touch-target: var(--sdb-touch-target-min, 44px); --sls-hm-fade: 2rem; --sls-hm-gap: var(--sdb-nav-strip-gap, var(--sdb-space-md, 1.25rem)); --sls-hm-gap-mobile: var(--sdb-nav-strip-gap-mobile, var(--sdb-space-sm, .75rem)); --sls-hm-color: var(--sdb-nav-strip-color, inherit); --sls-hm-color-active: var(--sdb-nav-strip-color-active, currentColor); --sls-hm-muted: var(--sdb-nav-strip-muted-color, var(--sdb-color-muted, inherit)); --sls-hm-surface: var(--sdb-nav-dropdown-bg, var(--sdb-color-surface, Canvas)); --sls-hm-border: var(--sdb-color-outline-variant, var(--sdb-color-border, rgba(0, 0, 0, .14))); --sls-hm-radius: var(--sdb-shape-md, var(--sdb-radius-md, 12px)); --sls-hm-shadow: var(--sdb-nav-dropdown-shadow, var(--sdb-shadow-element, 0 8px 22px rgba(19, 39, 61, .1))); --sls-hm-hover-bg: var(--sdb-state-hover-bg, rgba(0, 0, 0, .04)); --sls-hm-selected-bg: var(--sdb-state-selected-bg, rgba(0, 0, 0, .05)); --sls-hm-duration-enter: var(--sdb-motion-duration-enter, 180ms); --sls-hm-duration-exit: var(--sdb-motion-duration-exit, 140ms); --sls-hm-duration-fast: var(--sdb-motion-duration-fast, 120ms); --sls-hm-easing: var(--sdb-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)); --sls-hm-mask-direction: to right; --sls-hm-mask-start: 0px; --sls-hm-mask-end: 0px; position: relative; display: block; width: 100%; max-width: 100%; clear: both; margin-block: var(--sdb-space-sm, .75rem) var(--sdb-space-md, 1.25rem); } [dir="rtl"] .sls-hm-shell { --sls-hm-mask-direction: to left; } @supports (color: color-mix(in srgb, currentColor 16%, transparent)) { .sls-hm-shell { --sls-hm-border: var(--sdb-color-outline-variant, var(--sdb-color-border, color-mix(in srgb, currentColor 16%, transparent))); } } .sls-hm-shell.sls-hm-is-sticky { position: sticky; top: var(--sls-hm-sticky-offset, 0px); z-index: 30; background: var(--sls-hm-surface); padding-block: var(--sdb-space-sm, .75rem); } @media screen and (min-width: 783px) { body.admin-bar .sls-hm-shell.sls-hm-is-sticky { --sls-hm-sticky-offset: 32px; } } .sls-hm-wrapper { display: block; width: 100%; max-width: 100%; } .sls-hm-wrapper.sdb-nav-strip { background: transparent; border: 0; outline: 0; } .sls-hm-wrapper.sdb-nav-strip::before, .sls-hm-wrapper.sdb-nav-strip::after { display: none; content: none; } .sls-hm-shell .sls-hm-menu { display: flex; flex-direction: row; align-items: center; list-style: none; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; } .sls-hm-shell .sls-hm-menu > li { display: block; position: relative; list-style: none; margin: 0; padding: 0; } .sls-hm-shell .sls-hm-menu > li::before, .sls-hm-shell .sls-hm-menu > li::marker { content: none; } :where(.sls-hm-shell .sls-hm-menu) { gap: var(--sls-hm-gap); row-gap: var(--sdb-space-sm, .75rem); } :where(.sls-hm-style-2 .sls-hm-menu) { gap: var(--sdb-nav-strip-gap, var(--sdb-space-md, 1.25rem)); } .sls-hm-align-left .sls-hm-menu { justify-content: flex-start; } .sls-hm-align-center .sls-hm-menu { justify-content: center; } .sls-hm-align-right .sls-hm-menu { justify-content: flex-end; } .sls-hm-shell .sls-hm-link { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; text-decoration: none; background: transparent; border: 0; border-bottom: 2px solid transparent; } :where(.sls-hm-shell .sls-hm-link) { min-height: var(--sls-hm-touch-target); padding: var(--sdb-nav-strip-link-padding-y, .5rem) var(--sdb-nav-strip-link-padding-x, 0); color: var(--sls-hm-color); line-height: 1.35; white-space: nowrap; transition: color var(--sls-hm-duration-fast) var(--sls-hm-easing), background-color var(--sls-hm-duration-fast) var(--sls-hm-easing), border-color var(--sls-hm-duration-fast) var(--sls-hm-easing); } :where(.sls-hm-style-2 .sls-hm-link) { padding-inline: var(--sdb-space-sm, .75rem); } @media (hover: hover) and (pointer: fine) { :where([data-sls-hm-mode="wrap"] .sls-hm-link) { min-height: 38px; } } @media (hover: hover) and (pointer: fine) { :where(.sls-hm-shell .sls-hm-link:hover) { color: var(--sls-hm-color-active); border-bottom-color: currentColor; } } :where(.sls-hm-shell .sls-hm-link:focus-visible), :where(.sls-hm-shell .sls-hm-menu > li.current-menu-item > .sls-hm-link), :where(.sls-hm-shell .sls-hm-menu > li.current-menu-ancestor > .sls-hm-link), :where(.sls-hm-shell .sls-hm-menu > li.current-menu-parent > .sls-hm-link), :where(.sls-hm-shell .sls-hm-menu > li.current_page_item > .sls-hm-link), :where(.sls-hm-shell .sls-hm-menu > li.current_page_ancestor > .sls-hm-link), :where(.sls-hm-shell .sls-hm-menu > li.current_page_parent > .sls-hm-link), :where(.sls-hm-shell .sls-hm-menu > li > .sdb-nav-strip__link--active), :where(.sls-hm-shell .sls-hm-menu > li > [aria-current="page"]) { color: var(--sls-hm-color-active); border-bottom-color: currentColor; } .sls-hm-shell a:focus-visible, .sls-hm-shell button:focus-visible { outline: 2px solid var(--sdb-color-secondary, currentColor); outline-offset: 2px; border-radius: var(--sdb-shape-xs, 4px); } :where(.sls-hm-shell .sls-menu-back > .sdb-nav-strip__link--muted) { color: var(--sls-hm-muted); } .sls-hm-shell .sls-menu-back > .sls-hm-link::before, .sls-hm-shell .sls-menu-home > .sls-hm-link::before { content: ''; display: inline-flex; flex: 0 0 auto; width: 1em; height: 1em; background-color: currentColor; line-height: 1; transition: transform var(--sls-hm-duration-fast) var(--sls-hm-easing); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .sls-hm-shell .sls-menu-back > .sls-hm-link::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11H6.83l5.59-5.59L11 4 3 12l8 8 1.42-1.41L6.83 13H20v-2Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11H6.83l5.59-5.59L11 4 3 12l8 8 1.42-1.41L6.83 13H20v-2Z'/%3E%3C/svg%3E"); } .sls-hm-shell .sls-menu-home > .sls-hm-link::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11.5 12 4l9 7.5v8a1 1 0 0 1-1 1h-5.25a1 1 0 0 1-1-1v-4.75h-3.5v4.75a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-8Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11.5 12 4l9 7.5v8a1 1 0 0 1-1 1h-5.25a1 1 0 0 1-1-1v-4.75h-3.5v4.75a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-8Z'/%3E%3C/svg%3E"); } @media (hover: hover) and (pointer: fine) { .sls-hm-shell .sls-menu-back > .sls-hm-link:hover::before { transform: translateX(-2px); } .sls-hm-shell .sls-menu-home > .sls-hm-link:hover::before { transform: translateY(-1px); } } .sls-hm-shell .sls-menu-back > .sls-hm-link:focus-visible::before { transform: translateX(-2px); } .sls-hm-shell .sls-menu-home > .sls-hm-link:focus-visible::before { transform: translateY(-1px); } .sls-hm-shell .sls-hm-toggle { box-sizing: border-box; display: none; align-items: center; justify-content: center; flex: 0 0 auto; min-width: var(--sls-hm-touch-target); min-height: var(--sls-hm-touch-target); margin: 0; padding: 0; color: inherit; background: transparent; border: 0; cursor: pointer; -webkit-appearance: none; appearance: none; } .sls-hm-js .sls-hm-item > .sls-hm-toggle { display: inline-flex; } .sls-hm-shell:not(.sls-hm-js).sls-hm-has-dropdown .menu-item-has-children > .sls-hm-link::after, .sls-hm-shell .sls-hm-toggle::after { content: ''; display: inline-block; flex: 0 0 auto; width: .5rem; height: .5rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform var(--sls-hm-duration-fast) var(--sls-hm-easing); } .sls-hm-shell:not(.sls-hm-js).sls-hm-has-dropdown .menu-item-has-children > .sls-hm-link::after { margin-inline-start: .375rem; } .sls-hm-shell .sls-hm-toggle[aria-expanded="true"]::after { transform: translateY(1px) rotate(-135deg); } .sls-hm-js .sls-hm-menu > li.menu-item-has-children { display: flex; align-items: center; } .sls-hm-js .sls-hm-item > .sls-hm-toggle { min-width: 1.75rem; margin-inline-start: .125rem; } .sls-hm-shell:not(.sls-hm-js) .sls-hm-menu, [data-sls-hm-mode="wrap"] .sls-hm-menu { flex-wrap: wrap; overflow: visible; } .sls-hm-shell .sls-hm-submenu { box-sizing: border-box; position: absolute; top: 100%; inset-inline-start: 0; z-index: 40; min-width: 240px; max-width: min(88vw, 22rem); display: flex; flex-direction: column; list-style: none; margin: .375rem 0 0; padding: .375rem; background-color: var(--sls-hm-surface); border: 1px solid var(--sls-hm-border); border-radius: var(--sls-hm-radius); box-shadow: var(--sls-hm-shadow); opacity: 0; visibility: hidden; transform: translateY(.375rem); transition: opacity var(--sls-hm-duration-exit) var(--sls-hm-easing), transform var(--sls-hm-duration-exit) var(--sls-hm-easing), visibility 0s linear var(--sls-hm-duration-exit); } .sls-hm-shell .sls-hm-submenu.sls-hm-submenu--flip { inset-inline-start: auto; inset-inline-end: 0; } .sls-hm-shell:not(.sls-hm-js) .menu-item-has-children:hover > .sls-hm-submenu, .sls-hm-shell:not(.sls-hm-js) .menu-item-has-children:focus-within > .sls-hm-submenu, .sls-hm-js .sls-hm-item.sls-hm-is-open > .sls-hm-submenu { opacity: 1; visibility: visible; transform: translateY(0); transition: opacity var(--sls-hm-duration-enter) var(--sls-hm-easing), transform var(--sls-hm-duration-enter) var(--sls-hm-easing), visibility 0s linear 0s; } .sls-hm-shell:not(.sls-hm-js) .menu-item-has-children:hover > .sls-hm-link::after, .sls-hm-shell:not(.sls-hm-js) .menu-item-has-children:focus-within > .sls-hm-link::after { transform: translateY(1px) rotate(-135deg); } .sls-hm-shell .sls-hm-submenu li { display: block; width: 100%; margin: 0; padding: 0; list-style: none; } .sls-hm-shell .sls-hm-submenu li::before, .sls-hm-shell .sls-hm-submenu li::marker { content: none; } .sls-hm-shell .sls-hm-submenu-link { box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; width: 100%; min-height: var(--sls-hm-touch-target); padding: .5rem .75rem; border: 0; border-radius: var(--sdb-shape-sm, 6px); text-decoration: none; } :where(.sls-hm-shell .sls-hm-submenu-link) { color: var(--sls-hm-color); background: transparent; line-height: 1.45; text-transform: none; transition: background-color var(--sls-hm-duration-fast) var(--sls-hm-easing), color var(--sls-hm-duration-fast) var(--sls-hm-easing); } @media (hover: hover) and (pointer: fine) { :where(.sls-hm-shell .sls-hm-submenu-link:hover) { background-color: var(--sls-hm-hover-bg); color: var(--sls-hm-color-active); } } :where(.sls-hm-shell .sls-hm-submenu-link:focus-visible) { background-color: var(--sls-hm-hover-bg); color: var(--sls-hm-color-active); } :where(.sls-hm-shell .sls-hm-submenu-link[aria-current="page"]) { background-color: var(--sls-hm-selected-bg); color: var(--sls-hm-color-active); font-weight: var(--sdb-font-weight-semibold, 600); } .sls-hm-shell:not(.sls-hm-js)[data-sls-hm-style="3"][data-sls-hm-has-children="false"] .sls-hm-menu { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; } .sls-hm-shell:not(.sls-hm-js)[data-sls-hm-style="3"][data-sls-hm-has-children="false"] .sls-hm-menu > li { flex: 0 0 auto; } @media (max-width: 782px) { .sls-hm-shell:not(.sls-hm-js) .sls-hm-menu { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; gap: var(--sls-hm-gap-mobile); } .sls-hm-shell:not(.sls-hm-js) .sls-hm-menu > li { flex: 0 0 auto; } } [data-sls-hm-mode="rail"] .sls-hm-menu { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scroll-padding-inline: var(--sls-hm-fade); scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-block: 2px 6px; gap: var(--sls-hm-gap-mobile); -webkit-mask-image: linear-gradient( var(--sls-hm-mask-direction), transparent 0, #000 var(--sls-hm-mask-start), #000 calc(100% - var(--sls-hm-mask-end)), transparent 100% ); mask-image: linear-gradient( var(--sls-hm-mask-direction), transparent 0, #000 var(--sls-hm-mask-start), #000 calc(100% - var(--sls-hm-mask-end)), transparent 100% ); } .sls-hm-shell .sls-hm-menu::-webkit-scrollbar { display: none; } [data-sls-hm-mode="rail"] .sls-hm-menu > li { flex: 0 0 auto; scroll-snap-align: start; } [data-sls-hm-overflow="start"], [data-sls-hm-overflow="both"] { --sls-hm-mask-start: var(--sls-hm-fade); } [data-sls-hm-overflow="end"], [data-sls-hm-overflow="both"] { --sls-hm-mask-end: var(--sls-hm-fade); } .sls-hm-shell .sls-hm-scroll-control { position: absolute; top: 50%; z-index: 10; display: none; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0; color: inherit; background-color: var(--sls-hm-surface); border: 1px solid var(--sls-hm-border); border-radius: var(--sdb-radius-pill, 999px); box-shadow: var(--sdb-shadow-sm, 0 4px 14px rgba(16, 40, 70, .06)); transform: translateY(-50%); cursor: pointer; -webkit-appearance: none; appearance: none; } .sls-hm-shell .sls-hm-scroll-control--prev { inset-inline-start: -.5rem; } .sls-hm-shell .sls-hm-scroll-control--next { inset-inline-end: -.5rem; } .sls-hm-shell .sls-hm-scroll-control::after { content: ''; width: .5rem; height: .5rem; border-top: 2px solid currentColor; border-right: 2px solid currentColor; } .sls-hm-shell .sls-hm-scroll-control--prev::after { transform: rotate(-135deg); margin-inline-start: 3px; } .sls-hm-shell .sls-hm-scroll-control--next::after { transform: rotate(45deg); margin-inline-end: 3px; } @media (hover: hover) and (pointer: fine) { [data-sls-hm-mode="rail"][data-sls-hm-overflow="start"] .sls-hm-scroll-control--prev, [data-sls-hm-mode="rail"][data-sls-hm-overflow="both"] .sls-hm-scroll-control--prev, [data-sls-hm-mode="rail"][data-sls-hm-overflow="end"] .sls-hm-scroll-control--next, [data-sls-hm-mode="rail"][data-sls-hm-overflow="both"] .sls-hm-scroll-control--next { display: inline-flex; } } [data-sls-hm-mode="rail"] .sls-hm-item > .sls-hm-toggle { display: none; } [data-sls-hm-mode="rail"] .sls-hm-submenu { display: none; } .sls-hm-shell .sls-hm-trigger { box-sizing: border-box; display: none; align-items: center; justify-content: space-between; gap: .75rem; width: 100%; min-height: var(--sls-hm-touch-target); margin: 0; padding: .5rem .875rem; color: inherit; text-align: start; background-color: var(--sls-hm-surface); border: 1px solid var(--sls-hm-border); border-radius: var(--sls-hm-radius); cursor: pointer; -webkit-appearance: none; appearance: none; } [data-sls-hm-mode="panel"] .sls-hm-trigger { display: flex; } .sls-hm-trigger__text { display: flex; flex-direction: column; gap: .0625rem; min-width: 0; } :where(.sls-hm-trigger__eyebrow) { color: var(--sls-hm-muted); font-size: .75em; line-height: 1.3; } :where(.sls-hm-trigger__current) { color: var(--sls-hm-color-active); font-weight: var(--sdb-font-weight-semibold, 600); line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sls-hm-trigger__icon { flex: 0 0 auto; width: .5rem; height: .5rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform var(--sls-hm-duration-fast) var(--sls-hm-easing); } .sls-hm-trigger[aria-expanded="true"] .sls-hm-trigger__icon { transform: translateY(1px) rotate(-135deg); } [data-sls-hm-mode="panel"] .sls-hm-wrapper { position: absolute; inset-inline: 0; top: calc(100% + .375rem); z-index: 40; box-sizing: border-box; max-height: min(70vh, 32rem); padding: .375rem; overflow-y: auto; overscroll-behavior: contain; background-color: var(--sls-hm-surface); border: 1px solid var(--sls-hm-border); border-radius: var(--sls-hm-radius); box-shadow: var(--sls-hm-shadow); opacity: 0; transform: translateY(-.25rem); transition: opacity var(--sls-hm-duration-exit) var(--sls-hm-easing), transform var(--sls-hm-duration-exit) var(--sls-hm-easing); } [data-sls-hm-mode="panel"] .sls-hm-wrapper.sls-hm-is-open { opacity: 1; transform: translateY(0); transition-duration: var(--sls-hm-duration-enter); } [data-sls-hm-mode="panel"] .sls-hm-wrapper[hidden] { display: none; } [data-sls-hm-mode="panel"] .sls-hm-menu { flex-direction: column; align-items: stretch; justify-content: flex-start; flex-wrap: nowrap; gap: .125rem; overflow: visible; } [data-sls-hm-mode="panel"] .sls-hm-menu > li, [data-sls-hm-mode="panel"] .sls-hm-menu > li.menu-item-has-children { display: block; width: 100%; } [data-sls-hm-mode="panel"] .sls-hm-link, [data-sls-hm-mode="panel"] .sls-hm-submenu-link { justify-content: flex-start; width: 100%; min-height: var(--sls-hm-touch-target); padding: .5rem .75rem; border-bottom: 0; border-inline-start: 3px solid transparent; border-radius: var(--sdb-shape-sm, 6px); white-space: normal; } [data-sls-hm-mode="panel"] .sls-hm-menu > li > .sls-hm-link[aria-current="page"], [data-sls-hm-mode="panel"] .sls-hm-submenu-link[aria-current="page"] { border-inline-start-color: currentColor; background-color: var(--sls-hm-selected-bg); } [data-sls-hm-mode="panel"] .sls-hm-item > .sls-hm-toggle { display: none; } [data-sls-hm-mode="panel"] .sls-hm-submenu { position: static; display: flex; min-width: 0; max-width: none; margin: 0; padding: 0 0 .25rem; background: transparent; border: 0; border-radius: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; transition: none; } [data-sls-hm-mode="panel"] .sls-hm-submenu-item > .sls-hm-submenu-link { padding-inline-start: 1.75rem; font-size: .95em; } [data-sls-hm-mode="panel"] .sls-hm-menu > li:has(> .sls-hm-submenu) + li { margin-block-start: .25rem; border-block-start: 1px solid var(--sls-hm-border); padding-block-start: .25rem; } [data-sls-hm-mode="panel"] .sls-hm-scroll-control { display: none; } @media (prefers-reduced-motion: reduce) { .sls-hm-shell *, .sls-hm-shell *::before, .sls-hm-shell *::after { transition-duration: 1ms !important; transition-delay: 0s !important; animation-duration: 1ms !important; } .sls-hm-shell .sls-hm-menu { scroll-behavior: auto; } } @media (forced-colors: active) { .sls-hm-shell .sls-hm-menu { -webkit-mask-image: none; mask-image: none; } .sls-hm-shell .sls-hm-submenu, .sls-hm-shell .sls-hm-trigger, .sls-hm-shell .sls-hm-scroll-control, [data-sls-hm-mode="panel"] .sls-hm-wrapper { background-color: Canvas; border: 1px solid CanvasText; } .sls-hm-shell .sls-hm-link[aria-current="page"], .sls-hm-shell .sls-hm-submenu-link[aria-current="page"] { border-color: Highlight; color: Highlight; } .sls-hm-shell a:focus-visible, .sls-hm-shell button:focus-visible { outline: 2px solid CanvasText; } }