/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
/*! Built with Designframe 0.99.87 TW4RC1 by Mike Prasad (https://mikeprasad.com) */
/*! See https://designframe.io for licensing and to learn more */
/*! df-input.css generated on 2026-10-31 22:57:55 UTC */
@layer properties;
@layer vendor {
/*!
* Phosphor Icons (vendored for Designframe Prism Kit)
* Source: https://github.com/phosphor-icons/web — @phosphor-icons/web@2.1.2
* License: MIT — see ./LICENSE
*
* Subset shipped: 4 weights (Light, Regular, Bold, Fill).
* Omitted: Thin, Duotone (per DF brand decision 2026-05-27).
*
* ⚠ @font-face url()s are DIST-RELATIVE (../src/phosphor/) as of 2026-07-23 (W4 icon-delivery):
* this CSS is @import'ed layer(vendor) into config.css → compiled into dist/output.css, from
* which ../src/phosphor/ resolves. Do NOT this file directly from a page (the url()s
* would 404 relative to the page). Icons ship via dist/output.css. (df-rules §1.5 / §14.5.)
*
* Usage:
* Regular (default)
* Light
* Bold
* Fill
*
* font-display: block matches Phosphor upstream + FA Pro convention
* (prevents icon-flicker; holds invisible space for up to 3s while font loads).
*/
@font-face {
font-family: "Phosphor";
src: url("../src/phosphor/phosphor-regular.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "Phosphor-Light";
src: url("../src/phosphor/phosphor-light.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "Phosphor-Bold";
src: url("../src/phosphor/phosphor-bold.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "Phosphor-Fill";
src: url("../src/phosphor/phosphor-fill.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-display: block;
}
.ph-light {
font-family: "Phosphor-Light" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
letter-spacing: 0;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
-webkit-font-variant-ligatures: discretionary-ligatures;
font-variant-ligatures: discretionary-ligatures;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ph-light.ph-acorn:before {
content: "\eb9a";
}
.ph-light.ph-address-book:before {
content: "\e6f8";
}
.ph-light.ph-address-book-tabs:before {
content: "\ee4e";
}
.ph-light.ph-air-traffic-control:before {
content: "\ecd8";
}
.ph-light.ph-airplane:before {
content: "\e002";
}
.ph-light.ph-airplane-in-flight:before {
content: "\e4fe";
}
.ph-light.ph-airplane-landing:before {
content: "\e502";
}
.ph-light.ph-airplane-takeoff:before {
content: "\e504";
}
.ph-light.ph-airplane-taxiing:before {
content: "\e500";
}
.ph-light.ph-airplane-tilt:before {
content: "\e5d6";
}
.ph-light.ph-airplay:before {
content: "\e004";
}
.ph-light.ph-alarm:before {
content: "\e006";
}
.ph-light.ph-alien:before {
content: "\e8a6";
}
.ph-light.ph-align-bottom:before {
content: "\e506";
}
.ph-light.ph-align-bottom-simple:before {
content: "\eb0c";
}
.ph-light.ph-align-center-horizontal:before {
content: "\e50a";
}
.ph-light.ph-align-center-horizontal-simple:before {
content: "\eb0e";
}
.ph-light.ph-align-center-vertical:before {
content: "\e50c";
}
.ph-light.ph-align-center-vertical-simple:before {
content: "\eb10";
}
.ph-light.ph-align-left:before {
content: "\e50e";
}
.ph-light.ph-align-left-simple:before {
content: "\eaee";
}
.ph-light.ph-align-right:before {
content: "\e510";
}
.ph-light.ph-align-right-simple:before {
content: "\eb12";
}
.ph-light.ph-align-top:before {
content: "\e512";
}
.ph-light.ph-align-top-simple:before {
content: "\eb14";
}
.ph-light.ph-amazon-logo:before {
content: "\e96c";
}
.ph-light.ph-ambulance:before {
content: "\e572";
}
.ph-light.ph-anchor:before {
content: "\e514";
}
.ph-light.ph-anchor-simple:before {
content: "\e5d8";
}
.ph-light.ph-android-logo:before {
content: "\e008";
}
.ph-light.ph-angle:before {
content: "\e7bc";
}
.ph-light.ph-angular-logo:before {
content: "\eb80";
}
.ph-light.ph-aperture:before {
content: "\e00a";
}
.ph-light.ph-app-store-logo:before {
content: "\e974";
}
.ph-light.ph-app-window:before {
content: "\e5da";
}
.ph-light.ph-apple-logo:before {
content: "\e516";
}
.ph-light.ph-apple-podcasts-logo:before {
content: "\eb96";
}
.ph-light.ph-approximate-equals:before {
content: "\edaa";
}
.ph-light.ph-archive:before {
content: "\e00c";
}
.ph-light.ph-armchair:before {
content: "\e012";
}
.ph-light.ph-arrow-arc-left:before {
content: "\e014";
}
.ph-light.ph-arrow-arc-right:before {
content: "\e016";
}
.ph-light.ph-arrow-bend-double-up-left:before {
content: "\e03a";
}
.ph-light.ph-arrow-bend-double-up-right:before {
content: "\e03c";
}
.ph-light.ph-arrow-bend-down-left:before {
content: "\e018";
}
.ph-light.ph-arrow-bend-down-right:before {
content: "\e01a";
}
.ph-light.ph-arrow-bend-left-down:before {
content: "\e01c";
}
.ph-light.ph-arrow-bend-left-up:before {
content: "\e01e";
}
.ph-light.ph-arrow-bend-right-down:before {
content: "\e020";
}
.ph-light.ph-arrow-bend-right-up:before {
content: "\e022";
}
.ph-light.ph-arrow-bend-up-left:before {
content: "\e024";
}
.ph-light.ph-arrow-bend-up-right:before {
content: "\e026";
}
.ph-light.ph-arrow-circle-down:before {
content: "\e028";
}
.ph-light.ph-arrow-circle-down-left:before {
content: "\e02a";
}
.ph-light.ph-arrow-circle-down-right:before {
content: "\e02c";
}
.ph-light.ph-arrow-circle-left:before {
content: "\e05a";
}
.ph-light.ph-arrow-circle-right:before {
content: "\e02e";
}
.ph-light.ph-arrow-circle-up:before {
content: "\e030";
}
.ph-light.ph-arrow-circle-up-left:before {
content: "\e032";
}
.ph-light.ph-arrow-circle-up-right:before {
content: "\e034";
}
.ph-light.ph-arrow-clockwise:before {
content: "\e036";
}
.ph-light.ph-arrow-counter-clockwise:before {
content: "\e038";
}
.ph-light.ph-arrow-down:before {
content: "\e03e";
}
.ph-light.ph-arrow-down-left:before {
content: "\e040";
}
.ph-light.ph-arrow-down-right:before {
content: "\e042";
}
.ph-light.ph-arrow-elbow-down-left:before {
content: "\e044";
}
.ph-light.ph-arrow-elbow-down-right:before {
content: "\e046";
}
.ph-light.ph-arrow-elbow-left:before {
content: "\e048";
}
.ph-light.ph-arrow-elbow-left-down:before {
content: "\e04a";
}
.ph-light.ph-arrow-elbow-left-up:before {
content: "\e04c";
}
.ph-light.ph-arrow-elbow-right:before {
content: "\e04e";
}
.ph-light.ph-arrow-elbow-right-down:before {
content: "\e050";
}
.ph-light.ph-arrow-elbow-right-up:before {
content: "\e052";
}
.ph-light.ph-arrow-elbow-up-left:before {
content: "\e054";
}
.ph-light.ph-arrow-elbow-up-right:before {
content: "\e056";
}
.ph-light.ph-arrow-fat-down:before {
content: "\e518";
}
.ph-light.ph-arrow-fat-left:before {
content: "\e51a";
}
.ph-light.ph-arrow-fat-line-down:before {
content: "\e51c";
}
.ph-light.ph-arrow-fat-line-left:before {
content: "\e51e";
}
.ph-light.ph-arrow-fat-line-right:before {
content: "\e520";
}
.ph-light.ph-arrow-fat-line-up:before {
content: "\e522";
}
.ph-light.ph-arrow-fat-lines-down:before {
content: "\e524";
}
.ph-light.ph-arrow-fat-lines-left:before {
content: "\e526";
}
.ph-light.ph-arrow-fat-lines-right:before {
content: "\e528";
}
.ph-light.ph-arrow-fat-lines-up:before {
content: "\e52a";
}
.ph-light.ph-arrow-fat-right:before {
content: "\e52c";
}
.ph-light.ph-arrow-fat-up:before {
content: "\e52e";
}
.ph-light.ph-arrow-left:before {
content: "\e058";
}
.ph-light.ph-arrow-line-down:before {
content: "\e05c";
}
.ph-light.ph-arrow-line-down-left:before {
content: "\e05e";
}
.ph-light.ph-arrow-line-down-right:before {
content: "\e060";
}
.ph-light.ph-arrow-line-left:before {
content: "\e062";
}
.ph-light.ph-arrow-line-right:before {
content: "\e064";
}
.ph-light.ph-arrow-line-up:before {
content: "\e066";
}
.ph-light.ph-arrow-line-up-left:before {
content: "\e068";
}
.ph-light.ph-arrow-line-up-right:before {
content: "\e06a";
}
.ph-light.ph-arrow-right:before {
content: "\e06c";
}
.ph-light.ph-arrow-square-down:before {
content: "\e06e";
}
.ph-light.ph-arrow-square-down-left:before {
content: "\e070";
}
.ph-light.ph-arrow-square-down-right:before {
content: "\e072";
}
.ph-light.ph-arrow-square-in:before {
content: "\e5dc";
}
.ph-light.ph-arrow-square-left:before {
content: "\e074";
}
.ph-light.ph-arrow-square-out:before {
content: "\e5de";
}
.ph-light.ph-arrow-square-right:before {
content: "\e076";
}
.ph-light.ph-arrow-square-up:before {
content: "\e078";
}
.ph-light.ph-arrow-square-up-left:before {
content: "\e07a";
}
.ph-light.ph-arrow-square-up-right:before {
content: "\e07c";
}
.ph-light.ph-arrow-u-down-left:before {
content: "\e07e";
}
.ph-light.ph-arrow-u-down-right:before {
content: "\e080";
}
.ph-light.ph-arrow-u-left-down:before {
content: "\e082";
}
.ph-light.ph-arrow-u-left-up:before {
content: "\e084";
}
.ph-light.ph-arrow-u-right-down:before {
content: "\e086";
}
.ph-light.ph-arrow-u-right-up:before {
content: "\e088";
}
.ph-light.ph-arrow-u-up-left:before {
content: "\e08a";
}
.ph-light.ph-arrow-u-up-right:before {
content: "\e08c";
}
.ph-light.ph-arrow-up:before {
content: "\e08e";
}
.ph-light.ph-arrow-up-left:before {
content: "\e090";
}
.ph-light.ph-arrow-up-right:before {
content: "\e092";
}
.ph-light.ph-arrows-clockwise:before {
content: "\e094";
}
.ph-light.ph-arrows-counter-clockwise:before {
content: "\e096";
}
.ph-light.ph-arrows-down-up:before {
content: "\e098";
}
.ph-light.ph-arrows-horizontal:before {
content: "\eb06";
}
.ph-light.ph-arrows-in:before {
content: "\e09a";
}
.ph-light.ph-arrows-in-cardinal:before {
content: "\e09c";
}
.ph-light.ph-arrows-in-line-horizontal:before {
content: "\e530";
}
.ph-light.ph-arrows-in-line-vertical:before {
content: "\e532";
}
.ph-light.ph-arrows-in-simple:before {
content: "\e09e";
}
.ph-light.ph-arrows-left-right:before {
content: "\e0a0";
}
.ph-light.ph-arrows-merge:before {
content: "\ed3e";
}
.ph-light.ph-arrows-out:before {
content: "\e0a2";
}
.ph-light.ph-arrows-out-cardinal:before {
content: "\e0a4";
}
.ph-light.ph-arrows-out-line-horizontal:before {
content: "\e534";
}
.ph-light.ph-arrows-out-line-vertical:before {
content: "\e536";
}
.ph-light.ph-arrows-out-simple:before {
content: "\e0a6";
}
.ph-light.ph-arrows-split:before {
content: "\ed3c";
}
.ph-light.ph-arrows-vertical:before {
content: "\eb04";
}
.ph-light.ph-article:before {
content: "\e0a8";
}
.ph-light.ph-article-medium:before {
content: "\e5e0";
}
.ph-light.ph-article-ny-times:before {
content: "\e5e2";
}
.ph-light.ph-asclepius:before {
content: "\ee34";
}
.ph-light.ph-caduceus:before {
content: "\ee34";
}
.ph-light.ph-asterisk:before {
content: "\e0aa";
}
.ph-light.ph-asterisk-simple:before {
content: "\e832";
}
.ph-light.ph-at:before {
content: "\e0ac";
}
.ph-light.ph-atom:before {
content: "\e5e4";
}
.ph-light.ph-avocado:before {
content: "\ee04";
}
.ph-light.ph-axe:before {
content: "\e9fc";
}
.ph-light.ph-baby:before {
content: "\e774";
}
.ph-light.ph-baby-carriage:before {
content: "\e818";
}
.ph-light.ph-backpack:before {
content: "\e922";
}
.ph-light.ph-backspace:before {
content: "\e0ae";
}
.ph-light.ph-bag:before {
content: "\e0b0";
}
.ph-light.ph-bag-simple:before {
content: "\e5e6";
}
.ph-light.ph-balloon:before {
content: "\e76c";
}
.ph-light.ph-bandaids:before {
content: "\e0b2";
}
.ph-light.ph-bank:before {
content: "\e0b4";
}
.ph-light.ph-barbell:before {
content: "\e0b6";
}
.ph-light.ph-barcode:before {
content: "\e0b8";
}
.ph-light.ph-barn:before {
content: "\ec72";
}
.ph-light.ph-barricade:before {
content: "\e948";
}
.ph-light.ph-baseball:before {
content: "\e71a";
}
.ph-light.ph-baseball-cap:before {
content: "\ea28";
}
.ph-light.ph-baseball-helmet:before {
content: "\ee4a";
}
.ph-light.ph-basket:before {
content: "\e964";
}
.ph-light.ph-basketball:before {
content: "\e724";
}
.ph-light.ph-bathtub:before {
content: "\e81e";
}
.ph-light.ph-battery-charging:before {
content: "\e0ba";
}
.ph-light.ph-battery-charging-vertical:before {
content: "\e0bc";
}
.ph-light.ph-battery-empty:before {
content: "\e0be";
}
.ph-light.ph-battery-full:before {
content: "\e0c0";
}
.ph-light.ph-battery-high:before {
content: "\e0c2";
}
.ph-light.ph-battery-low:before {
content: "\e0c4";
}
.ph-light.ph-battery-medium:before {
content: "\e0c6";
}
.ph-light.ph-battery-plus:before {
content: "\e808";
}
.ph-light.ph-battery-plus-vertical:before {
content: "\ec50";
}
.ph-light.ph-battery-vertical-empty:before {
content: "\e7c6";
}
.ph-light.ph-battery-vertical-full:before {
content: "\e7c4";
}
.ph-light.ph-battery-vertical-high:before {
content: "\e7c2";
}
.ph-light.ph-battery-vertical-low:before {
content: "\e7be";
}
.ph-light.ph-battery-vertical-medium:before {
content: "\e7c0";
}
.ph-light.ph-battery-warning:before {
content: "\e0c8";
}
.ph-light.ph-battery-warning-vertical:before {
content: "\e0ca";
}
.ph-light.ph-beach-ball:before {
content: "\ed24";
}
.ph-light.ph-beanie:before {
content: "\ea2a";
}
.ph-light.ph-bed:before {
content: "\e0cc";
}
.ph-light.ph-beer-bottle:before {
content: "\e7b0";
}
.ph-light.ph-beer-stein:before {
content: "\eb62";
}
.ph-light.ph-behance-logo:before {
content: "\e7f4";
}
.ph-light.ph-bell:before {
content: "\e0ce";
}
.ph-light.ph-bell-ringing:before {
content: "\e5e8";
}
.ph-light.ph-bell-simple:before {
content: "\e0d0";
}
.ph-light.ph-bell-simple-ringing:before {
content: "\e5ea";
}
.ph-light.ph-bell-simple-slash:before {
content: "\e0d2";
}
.ph-light.ph-bell-simple-z:before {
content: "\e5ec";
}
.ph-light.ph-bell-slash:before {
content: "\e0d4";
}
.ph-light.ph-bell-z:before {
content: "\e5ee";
}
.ph-light.ph-belt:before {
content: "\ea2c";
}
.ph-light.ph-bezier-curve:before {
content: "\eb00";
}
.ph-light.ph-bicycle:before {
content: "\e0d6";
}
.ph-light.ph-binary:before {
content: "\ee60";
}
.ph-light.ph-binoculars:before {
content: "\ea64";
}
.ph-light.ph-biohazard:before {
content: "\e9e0";
}
.ph-light.ph-bird:before {
content: "\e72c";
}
.ph-light.ph-blueprint:before {
content: "\eda0";
}
.ph-light.ph-bluetooth:before {
content: "\e0da";
}
.ph-light.ph-bluetooth-connected:before {
content: "\e0dc";
}
.ph-light.ph-bluetooth-slash:before {
content: "\e0de";
}
.ph-light.ph-bluetooth-x:before {
content: "\e0e0";
}
.ph-light.ph-boat:before {
content: "\e786";
}
.ph-light.ph-bomb:before {
content: "\ee0a";
}
.ph-light.ph-bone:before {
content: "\e7f2";
}
.ph-light.ph-book:before {
content: "\e0e2";
}
.ph-light.ph-book-bookmark:before {
content: "\e0e4";
}
.ph-light.ph-book-open:before {
content: "\e0e6";
}
.ph-light.ph-book-open-text:before {
content: "\e8f2";
}
.ph-light.ph-book-open-user:before {
content: "\ede0";
}
.ph-light.ph-bookmark:before {
content: "\e0e8";
}
.ph-light.ph-bookmark-simple:before {
content: "\e0ea";
}
.ph-light.ph-bookmarks:before {
content: "\e0ec";
}
.ph-light.ph-bookmarks-simple:before {
content: "\e5f0";
}
.ph-light.ph-books:before {
content: "\e758";
}
.ph-light.ph-boot:before {
content: "\ecca";
}
.ph-light.ph-boules:before {
content: "\e722";
}
.ph-light.ph-bounding-box:before {
content: "\e6ce";
}
.ph-light.ph-bowl-food:before {
content: "\eaa4";
}
.ph-light.ph-bowl-steam:before {
content: "\e8e4";
}
.ph-light.ph-bowling-ball:before {
content: "\ea34";
}
.ph-light.ph-box-arrow-down:before {
content: "\e00e";
}
.ph-light.ph-archive-box:before {
content: "\e00e";
}
.ph-light.ph-box-arrow-up:before {
content: "\ee54";
}
.ph-light.ph-boxing-glove:before {
content: "\ea36";
}
.ph-light.ph-brackets-angle:before {
content: "\e862";
}
.ph-light.ph-brackets-curly:before {
content: "\e860";
}
.ph-light.ph-brackets-round:before {
content: "\e864";
}
.ph-light.ph-brackets-square:before {
content: "\e85e";
}
.ph-light.ph-brain:before {
content: "\e74e";
}
.ph-light.ph-brandy:before {
content: "\e6b4";
}
.ph-light.ph-bread:before {
content: "\e81c";
}
.ph-light.ph-bridge:before {
content: "\ea68";
}
.ph-light.ph-briefcase:before {
content: "\e0ee";
}
.ph-light.ph-briefcase-metal:before {
content: "\e5f2";
}
.ph-light.ph-broadcast:before {
content: "\e0f2";
}
.ph-light.ph-broom:before {
content: "\ec54";
}
.ph-light.ph-browser:before {
content: "\e0f4";
}
.ph-light.ph-browsers:before {
content: "\e0f6";
}
.ph-light.ph-bug:before {
content: "\e5f4";
}
.ph-light.ph-bug-beetle:before {
content: "\e5f6";
}
.ph-light.ph-bug-droid:before {
content: "\e5f8";
}
.ph-light.ph-building:before {
content: "\e100";
}
.ph-light.ph-building-apartment:before {
content: "\e0fe";
}
.ph-light.ph-building-office:before {
content: "\e0ff";
}
.ph-light.ph-buildings:before {
content: "\e102";
}
.ph-light.ph-bulldozer:before {
content: "\ec6c";
}
.ph-light.ph-bus:before {
content: "\e106";
}
.ph-light.ph-butterfly:before {
content: "\ea6e";
}
.ph-light.ph-cable-car:before {
content: "\e49c";
}
.ph-light.ph-cactus:before {
content: "\e918";
}
.ph-light.ph-cake:before {
content: "\e780";
}
.ph-light.ph-calculator:before {
content: "\e538";
}
.ph-light.ph-calendar:before {
content: "\e108";
}
.ph-light.ph-calendar-blank:before {
content: "\e10a";
}
.ph-light.ph-calendar-check:before {
content: "\e712";
}
.ph-light.ph-calendar-dot:before {
content: "\e7b2";
}
.ph-light.ph-calendar-dots:before {
content: "\e7b4";
}
.ph-light.ph-calendar-heart:before {
content: "\e8b0";
}
.ph-light.ph-calendar-minus:before {
content: "\ea14";
}
.ph-light.ph-calendar-plus:before {
content: "\e714";
}
.ph-light.ph-calendar-slash:before {
content: "\ea12";
}
.ph-light.ph-calendar-star:before {
content: "\e8b2";
}
.ph-light.ph-calendar-x:before {
content: "\e10c";
}
.ph-light.ph-call-bell:before {
content: "\e7de";
}
.ph-light.ph-camera:before {
content: "\e10e";
}
.ph-light.ph-camera-plus:before {
content: "\ec58";
}
.ph-light.ph-camera-rotate:before {
content: "\e7a4";
}
.ph-light.ph-camera-slash:before {
content: "\e110";
}
.ph-light.ph-campfire:before {
content: "\e9d8";
}
.ph-light.ph-car:before {
content: "\e112";
}
.ph-light.ph-car-battery:before {
content: "\ee30";
}
.ph-light.ph-car-profile:before {
content: "\e8cc";
}
.ph-light.ph-car-simple:before {
content: "\e114";
}
.ph-light.ph-cardholder:before {
content: "\e5fa";
}
.ph-light.ph-cards:before {
content: "\e0f8";
}
.ph-light.ph-cards-three:before {
content: "\ee50";
}
.ph-light.ph-caret-circle-double-down:before {
content: "\e116";
}
.ph-light.ph-caret-circle-double-left:before {
content: "\e118";
}
.ph-light.ph-caret-circle-double-right:before {
content: "\e11a";
}
.ph-light.ph-caret-circle-double-up:before {
content: "\e11c";
}
.ph-light.ph-caret-circle-down:before {
content: "\e11e";
}
.ph-light.ph-caret-circle-left:before {
content: "\e120";
}
.ph-light.ph-caret-circle-right:before {
content: "\e122";
}
.ph-light.ph-caret-circle-up:before {
content: "\e124";
}
.ph-light.ph-caret-circle-up-down:before {
content: "\e13e";
}
.ph-light.ph-caret-double-down:before {
content: "\e126";
}
.ph-light.ph-caret-double-left:before {
content: "\e128";
}
.ph-light.ph-caret-double-right:before {
content: "\e12a";
}
.ph-light.ph-caret-double-up:before {
content: "\e12c";
}
.ph-light.ph-caret-down:before {
content: "\e136";
}
.ph-light.ph-caret-left:before {
content: "\e138";
}
.ph-light.ph-caret-line-down:before {
content: "\e134";
}
.ph-light.ph-caret-line-left:before {
content: "\e132";
}
.ph-light.ph-caret-line-right:before {
content: "\e130";
}
.ph-light.ph-caret-line-up:before {
content: "\e12e";
}
.ph-light.ph-caret-right:before {
content: "\e13a";
}
.ph-light.ph-caret-up:before {
content: "\e13c";
}
.ph-light.ph-caret-up-down:before {
content: "\e140";
}
.ph-light.ph-carrot:before {
content: "\ed38";
}
.ph-light.ph-cash-register:before {
content: "\ed80";
}
.ph-light.ph-cassette-tape:before {
content: "\ed2e";
}
.ph-light.ph-castle-turret:before {
content: "\e9d0";
}
.ph-light.ph-cat:before {
content: "\e748";
}
.ph-light.ph-cell-signal-full:before {
content: "\e142";
}
.ph-light.ph-cell-signal-high:before {
content: "\e144";
}
.ph-light.ph-cell-signal-low:before {
content: "\e146";
}
.ph-light.ph-cell-signal-medium:before {
content: "\e148";
}
.ph-light.ph-cell-signal-none:before {
content: "\e14a";
}
.ph-light.ph-cell-signal-slash:before {
content: "\e14c";
}
.ph-light.ph-cell-signal-x:before {
content: "\e14e";
}
.ph-light.ph-cell-tower:before {
content: "\ebaa";
}
.ph-light.ph-certificate:before {
content: "\e766";
}
.ph-light.ph-chair:before {
content: "\e950";
}
.ph-light.ph-chalkboard:before {
content: "\e5fc";
}
.ph-light.ph-chalkboard-simple:before {
content: "\e5fe";
}
.ph-light.ph-chalkboard-teacher:before {
content: "\e600";
}
.ph-light.ph-champagne:before {
content: "\eaca";
}
.ph-light.ph-charging-station:before {
content: "\e8d0";
}
.ph-light.ph-chart-bar:before {
content: "\e150";
}
.ph-light.ph-chart-bar-horizontal:before {
content: "\e152";
}
.ph-light.ph-chart-donut:before {
content: "\eaa6";
}
.ph-light.ph-chart-line:before {
content: "\e154";
}
.ph-light.ph-chart-line-down:before {
content: "\e8b6";
}
.ph-light.ph-chart-line-up:before {
content: "\e156";
}
.ph-light.ph-chart-pie:before {
content: "\e158";
}
.ph-light.ph-chart-pie-slice:before {
content: "\e15a";
}
.ph-light.ph-chart-polar:before {
content: "\eaa8";
}
.ph-light.ph-chart-scatter:before {
content: "\eaac";
}
.ph-light.ph-chat:before {
content: "\e15c";
}
.ph-light.ph-chat-centered:before {
content: "\e160";
}
.ph-light.ph-chat-centered-dots:before {
content: "\e164";
}
.ph-light.ph-chat-centered-slash:before {
content: "\e162";
}
.ph-light.ph-chat-centered-text:before {
content: "\e166";
}
.ph-light.ph-chat-circle:before {
content: "\e168";
}
.ph-light.ph-chat-circle-dots:before {
content: "\e16c";
}
.ph-light.ph-chat-circle-slash:before {
content: "\e16a";
}
.ph-light.ph-chat-circle-text:before {
content: "\e16e";
}
.ph-light.ph-chat-dots:before {
content: "\e170";
}
.ph-light.ph-chat-slash:before {
content: "\e15e";
}
.ph-light.ph-chat-teardrop:before {
content: "\e172";
}
.ph-light.ph-chat-teardrop-dots:before {
content: "\e176";
}
.ph-light.ph-chat-teardrop-slash:before {
content: "\e174";
}
.ph-light.ph-chat-teardrop-text:before {
content: "\e178";
}
.ph-light.ph-chat-text:before {
content: "\e17a";
}
.ph-light.ph-chats:before {
content: "\e17c";
}
.ph-light.ph-chats-circle:before {
content: "\e17e";
}
.ph-light.ph-chats-teardrop:before {
content: "\e180";
}
.ph-light.ph-check:before {
content: "\e182";
}
.ph-light.ph-check-circle:before {
content: "\e184";
}
.ph-light.ph-check-fat:before {
content: "\eba6";
}
.ph-light.ph-check-square:before {
content: "\e186";
}
.ph-light.ph-check-square-offset:before {
content: "\e188";
}
.ph-light.ph-checkerboard:before {
content: "\e8c4";
}
.ph-light.ph-checks:before {
content: "\e53a";
}
.ph-light.ph-cheers:before {
content: "\ea4a";
}
.ph-light.ph-cheese:before {
content: "\e9fe";
}
.ph-light.ph-chef-hat:before {
content: "\ed8e";
}
.ph-light.ph-cherries:before {
content: "\e830";
}
.ph-light.ph-church:before {
content: "\ecea";
}
.ph-light.ph-cigarette:before {
content: "\ed90";
}
.ph-light.ph-cigarette-slash:before {
content: "\ed92";
}
.ph-light.ph-circle:before {
content: "\e18a";
}
.ph-light.ph-circle-dashed:before {
content: "\e602";
}
.ph-light.ph-circle-half:before {
content: "\e18c";
}
.ph-light.ph-circle-half-tilt:before {
content: "\e18e";
}
.ph-light.ph-circle-notch:before {
content: "\eb44";
}
.ph-light.ph-circles-four:before {
content: "\e190";
}
.ph-light.ph-circles-three:before {
content: "\e192";
}
.ph-light.ph-circles-three-plus:before {
content: "\e194";
}
.ph-light.ph-circuitry:before {
content: "\e9c2";
}
.ph-light.ph-city:before {
content: "\ea6a";
}
.ph-light.ph-clipboard:before {
content: "\e196";
}
.ph-light.ph-clipboard-text:before {
content: "\e198";
}
.ph-light.ph-clock:before {
content: "\e19a";
}
.ph-light.ph-clock-afternoon:before {
content: "\e19c";
}
.ph-light.ph-clock-clockwise:before {
content: "\e19e";
}
.ph-light.ph-clock-countdown:before {
content: "\ed2c";
}
.ph-light.ph-clock-counter-clockwise:before {
content: "\e1a0";
}
.ph-light.ph-clock-user:before {
content: "\edec";
}
.ph-light.ph-closed-captioning:before {
content: "\e1a4";
}
.ph-light.ph-cloud:before {
content: "\e1aa";
}
.ph-light.ph-cloud-arrow-down:before {
content: "\e1ac";
}
.ph-light.ph-cloud-arrow-up:before {
content: "\e1ae";
}
.ph-light.ph-cloud-check:before {
content: "\e1b0";
}
.ph-light.ph-cloud-fog:before {
content: "\e53c";
}
.ph-light.ph-cloud-lightning:before {
content: "\e1b2";
}
.ph-light.ph-cloud-moon:before {
content: "\e53e";
}
.ph-light.ph-cloud-rain:before {
content: "\e1b4";
}
.ph-light.ph-cloud-slash:before {
content: "\e1b6";
}
.ph-light.ph-cloud-snow:before {
content: "\e1b8";
}
.ph-light.ph-cloud-sun:before {
content: "\e540";
}
.ph-light.ph-cloud-warning:before {
content: "\ea98";
}
.ph-light.ph-cloud-x:before {
content: "\ea96";
}
.ph-light.ph-clover:before {
content: "\edc8";
}
.ph-light.ph-club:before {
content: "\e1ba";
}
.ph-light.ph-coat-hanger:before {
content: "\e7fe";
}
.ph-light.ph-coda-logo:before {
content: "\e7ce";
}
.ph-light.ph-code:before {
content: "\e1bc";
}
.ph-light.ph-code-block:before {
content: "\eafe";
}
.ph-light.ph-code-simple:before {
content: "\e1be";
}
.ph-light.ph-codepen-logo:before {
content: "\e978";
}
.ph-light.ph-codesandbox-logo:before {
content: "\ea06";
}
.ph-light.ph-coffee:before {
content: "\e1c2";
}
.ph-light.ph-coffee-bean:before {
content: "\e1c0";
}
.ph-light.ph-coin:before {
content: "\e60e";
}
.ph-light.ph-coin-vertical:before {
content: "\eb48";
}
.ph-light.ph-coins:before {
content: "\e78e";
}
.ph-light.ph-columns:before {
content: "\e546";
}
.ph-light.ph-columns-plus-left:before {
content: "\e544";
}
.ph-light.ph-columns-plus-right:before {
content: "\e542";
}
.ph-light.ph-command:before {
content: "\e1c4";
}
.ph-light.ph-compass:before {
content: "\e1c8";
}
.ph-light.ph-compass-rose:before {
content: "\e1c6";
}
.ph-light.ph-compass-tool:before {
content: "\ea0e";
}
.ph-light.ph-computer-tower:before {
content: "\e548";
}
.ph-light.ph-confetti:before {
content: "\e81a";
}
.ph-light.ph-contactless-payment:before {
content: "\ed42";
}
.ph-light.ph-control:before {
content: "\eca6";
}
.ph-light.ph-cookie:before {
content: "\e6ca";
}
.ph-light.ph-cooking-pot:before {
content: "\e764";
}
.ph-light.ph-copy:before {
content: "\e1ca";
}
.ph-light.ph-copy-simple:before {
content: "\e1cc";
}
.ph-light.ph-copyleft:before {
content: "\e86a";
}
.ph-light.ph-copyright:before {
content: "\e54a";
}
.ph-light.ph-corners-in:before {
content: "\e1ce";
}
.ph-light.ph-corners-out:before {
content: "\e1d0";
}
.ph-light.ph-couch:before {
content: "\e7f6";
}
.ph-light.ph-court-basketball:before {
content: "\ee36";
}
.ph-light.ph-cow:before {
content: "\eabe";
}
.ph-light.ph-cowboy-hat:before {
content: "\ed12";
}
.ph-light.ph-cpu:before {
content: "\e610";
}
.ph-light.ph-crane:before {
content: "\ed48";
}
.ph-light.ph-crane-tower:before {
content: "\ed49";
}
.ph-light.ph-credit-card:before {
content: "\e1d2";
}
.ph-light.ph-cricket:before {
content: "\ee12";
}
.ph-light.ph-crop:before {
content: "\e1d4";
}
.ph-light.ph-cross:before {
content: "\e8a0";
}
.ph-light.ph-crosshair:before {
content: "\e1d6";
}
.ph-light.ph-crosshair-simple:before {
content: "\e1d8";
}
.ph-light.ph-crown:before {
content: "\e614";
}
.ph-light.ph-crown-cross:before {
content: "\ee5e";
}
.ph-light.ph-crown-simple:before {
content: "\e616";
}
.ph-light.ph-cube:before {
content: "\e1da";
}
.ph-light.ph-cube-focus:before {
content: "\ed0a";
}
.ph-light.ph-cube-transparent:before {
content: "\ec7c";
}
.ph-light.ph-currency-btc:before {
content: "\e618";
}
.ph-light.ph-currency-circle-dollar:before {
content: "\e54c";
}
.ph-light.ph-currency-cny:before {
content: "\e54e";
}
.ph-light.ph-currency-dollar:before {
content: "\e550";
}
.ph-light.ph-currency-dollar-simple:before {
content: "\e552";
}
.ph-light.ph-currency-eth:before {
content: "\eada";
}
.ph-light.ph-currency-eur:before {
content: "\e554";
}
.ph-light.ph-currency-gbp:before {
content: "\e556";
}
.ph-light.ph-currency-inr:before {
content: "\e558";
}
.ph-light.ph-currency-jpy:before {
content: "\e55a";
}
.ph-light.ph-currency-krw:before {
content: "\e55c";
}
.ph-light.ph-currency-kzt:before {
content: "\ec4c";
}
.ph-light.ph-currency-ngn:before {
content: "\eb52";
}
.ph-light.ph-currency-rub:before {
content: "\e55e";
}
.ph-light.ph-cursor:before {
content: "\e1dc";
}
.ph-light.ph-cursor-click:before {
content: "\e7c8";
}
.ph-light.ph-cursor-text:before {
content: "\e7d8";
}
.ph-light.ph-cylinder:before {
content: "\e8fc";
}
.ph-light.ph-database:before {
content: "\e1de";
}
.ph-light.ph-desk:before {
content: "\ed16";
}
.ph-light.ph-desktop:before {
content: "\e560";
}
.ph-light.ph-desktop-tower:before {
content: "\e562";
}
.ph-light.ph-detective:before {
content: "\e83e";
}
.ph-light.ph-dev-to-logo:before {
content: "\ed0e";
}
.ph-light.ph-device-mobile:before {
content: "\e1e0";
}
.ph-light.ph-device-mobile-camera:before {
content: "\e1e2";
}
.ph-light.ph-device-mobile-slash:before {
content: "\ee46";
}
.ph-light.ph-device-mobile-speaker:before {
content: "\e1e4";
}
.ph-light.ph-device-rotate:before {
content: "\edf2";
}
.ph-light.ph-device-tablet:before {
content: "\e1e6";
}
.ph-light.ph-device-tablet-camera:before {
content: "\e1e8";
}
.ph-light.ph-device-tablet-speaker:before {
content: "\e1ea";
}
.ph-light.ph-devices:before {
content: "\eba4";
}
.ph-light.ph-diamond:before {
content: "\e1ec";
}
.ph-light.ph-diamonds-four:before {
content: "\e8f4";
}
.ph-light.ph-dice-five:before {
content: "\e1ee";
}
.ph-light.ph-dice-four:before {
content: "\e1f0";
}
.ph-light.ph-dice-one:before {
content: "\e1f2";
}
.ph-light.ph-dice-six:before {
content: "\e1f4";
}
.ph-light.ph-dice-three:before {
content: "\e1f6";
}
.ph-light.ph-dice-two:before {
content: "\e1f8";
}
.ph-light.ph-disc:before {
content: "\e564";
}
.ph-light.ph-disco-ball:before {
content: "\ed98";
}
.ph-light.ph-discord-logo:before {
content: "\e61a";
}
.ph-light.ph-divide:before {
content: "\e1fa";
}
.ph-light.ph-dna:before {
content: "\e924";
}
.ph-light.ph-dog:before {
content: "\e74a";
}
.ph-light.ph-door:before {
content: "\e61c";
}
.ph-light.ph-door-open:before {
content: "\e7e6";
}
.ph-light.ph-dot:before {
content: "\ecde";
}
.ph-light.ph-dot-outline:before {
content: "\ece0";
}
.ph-light.ph-dots-nine:before {
content: "\e1fc";
}
.ph-light.ph-dots-six:before {
content: "\e794";
}
.ph-light.ph-dots-six-vertical:before {
content: "\eae2";
}
.ph-light.ph-dots-three:before {
content: "\e1fe";
}
.ph-light.ph-dots-three-circle:before {
content: "\e200";
}
.ph-light.ph-dots-three-circle-vertical:before {
content: "\e202";
}
.ph-light.ph-dots-three-outline:before {
content: "\e204";
}
.ph-light.ph-dots-three-outline-vertical:before {
content: "\e206";
}
.ph-light.ph-dots-three-vertical:before {
content: "\e208";
}
.ph-light.ph-download:before {
content: "\e20a";
}
.ph-light.ph-download-simple:before {
content: "\e20c";
}
.ph-light.ph-dress:before {
content: "\ea7e";
}
.ph-light.ph-dresser:before {
content: "\e94e";
}
.ph-light.ph-dribbble-logo:before {
content: "\e20e";
}
.ph-light.ph-drone:before {
content: "\ed74";
}
.ph-light.ph-drop:before {
content: "\e210";
}
.ph-light.ph-drop-half:before {
content: "\e566";
}
.ph-light.ph-drop-half-bottom:before {
content: "\eb40";
}
.ph-light.ph-drop-simple:before {
content: "\ee32";
}
.ph-light.ph-drop-slash:before {
content: "\e954";
}
.ph-light.ph-dropbox-logo:before {
content: "\e7d0";
}
.ph-light.ph-ear:before {
content: "\e70c";
}
.ph-light.ph-ear-slash:before {
content: "\e70e";
}
.ph-light.ph-egg:before {
content: "\e812";
}
.ph-light.ph-egg-crack:before {
content: "\eb64";
}
.ph-light.ph-eject:before {
content: "\e212";
}
.ph-light.ph-eject-simple:before {
content: "\e6ae";
}
.ph-light.ph-elevator:before {
content: "\ecc0";
}
.ph-light.ph-empty:before {
content: "\edbc";
}
.ph-light.ph-engine:before {
content: "\ea80";
}
.ph-light.ph-envelope:before {
content: "\e214";
}
.ph-light.ph-envelope-open:before {
content: "\e216";
}
.ph-light.ph-envelope-simple:before {
content: "\e218";
}
.ph-light.ph-envelope-simple-open:before {
content: "\e21a";
}
.ph-light.ph-equalizer:before {
content: "\ebbc";
}
.ph-light.ph-equals:before {
content: "\e21c";
}
.ph-light.ph-eraser:before {
content: "\e21e";
}
.ph-light.ph-escalator-down:before {
content: "\ecba";
}
.ph-light.ph-escalator-up:before {
content: "\ecbc";
}
.ph-light.ph-exam:before {
content: "\e742";
}
.ph-light.ph-exclamation-mark:before {
content: "\ee44";
}
.ph-light.ph-exclude:before {
content: "\e882";
}
.ph-light.ph-exclude-square:before {
content: "\e880";
}
.ph-light.ph-export:before {
content: "\eaf0";
}
.ph-light.ph-eye:before {
content: "\e220";
}
.ph-light.ph-eye-closed:before {
content: "\e222";
}
.ph-light.ph-eye-slash:before {
content: "\e224";
}
.ph-light.ph-eyedropper:before {
content: "\e568";
}
.ph-light.ph-eyedropper-sample:before {
content: "\eac4";
}
.ph-light.ph-eyeglasses:before {
content: "\e7ba";
}
.ph-light.ph-eyes:before {
content: "\ee5c";
}
.ph-light.ph-face-mask:before {
content: "\e56a";
}
.ph-light.ph-facebook-logo:before {
content: "\e226";
}
.ph-light.ph-factory:before {
content: "\e760";
}
.ph-light.ph-faders:before {
content: "\e228";
}
.ph-light.ph-faders-horizontal:before {
content: "\e22a";
}
.ph-light.ph-fallout-shelter:before {
content: "\e9de";
}
.ph-light.ph-fan:before {
content: "\e9f2";
}
.ph-light.ph-farm:before {
content: "\ec70";
}
.ph-light.ph-fast-forward:before {
content: "\e6a6";
}
.ph-light.ph-fast-forward-circle:before {
content: "\e22c";
}
.ph-light.ph-feather:before {
content: "\e9c0";
}
.ph-light.ph-fediverse-logo:before {
content: "\ed66";
}
.ph-light.ph-figma-logo:before {
content: "\e22e";
}
.ph-light.ph-file:before {
content: "\e230";
}
.ph-light.ph-file-archive:before {
content: "\eb2a";
}
.ph-light.ph-file-arrow-down:before {
content: "\e232";
}
.ph-light.ph-file-arrow-up:before {
content: "\e61e";
}
.ph-light.ph-file-audio:before {
content: "\ea20";
}
.ph-light.ph-file-c:before {
content: "\eb32";
}
.ph-light.ph-file-c-sharp:before {
content: "\eb30";
}
.ph-light.ph-file-cloud:before {
content: "\e95e";
}
.ph-light.ph-file-code:before {
content: "\e914";
}
.ph-light.ph-file-cpp:before {
content: "\eb2e";
}
.ph-light.ph-file-css:before {
content: "\eb34";
}
.ph-light.ph-file-csv:before {
content: "\eb1c";
}
.ph-light.ph-file-dashed:before {
content: "\e704";
}
.ph-light.ph-file-dotted:before {
content: "\e704";
}
.ph-light.ph-file-doc:before {
content: "\eb1e";
}
.ph-light.ph-file-html:before {
content: "\eb38";
}
.ph-light.ph-file-image:before {
content: "\ea24";
}
.ph-light.ph-file-ini:before {
content: "\eb33";
}
.ph-light.ph-file-jpg:before {
content: "\eb1a";
}
.ph-light.ph-file-js:before {
content: "\eb24";
}
.ph-light.ph-file-jsx:before {
content: "\eb3a";
}
.ph-light.ph-file-lock:before {
content: "\e95c";
}
.ph-light.ph-file-magnifying-glass:before {
content: "\e238";
}
.ph-light.ph-file-search:before {
content: "\e238";
}
.ph-light.ph-file-md:before {
content: "\ed50";
}
.ph-light.ph-file-minus:before {
content: "\e234";
}
.ph-light.ph-file-pdf:before {
content: "\e702";
}
.ph-light.ph-file-plus:before {
content: "\e236";
}
.ph-light.ph-file-png:before {
content: "\eb18";
}
.ph-light.ph-file-ppt:before {
content: "\eb20";
}
.ph-light.ph-file-py:before {
content: "\eb2c";
}
.ph-light.ph-file-rs:before {
content: "\eb28";
}
.ph-light.ph-file-sql:before {
content: "\ed4e";
}
.ph-light.ph-file-svg:before {
content: "\ed08";
}
.ph-light.ph-file-text:before {
content: "\e23a";
}
.ph-light.ph-file-ts:before {
content: "\eb26";
}
.ph-light.ph-file-tsx:before {
content: "\eb3c";
}
.ph-light.ph-file-txt:before {
content: "\eb35";
}
.ph-light.ph-file-video:before {
content: "\ea22";
}
.ph-light.ph-file-vue:before {
content: "\eb3e";
}
.ph-light.ph-file-x:before {
content: "\e23c";
}
.ph-light.ph-file-xls:before {
content: "\eb22";
}
.ph-light.ph-file-zip:before {
content: "\e958";
}
.ph-light.ph-files:before {
content: "\e710";
}
.ph-light.ph-film-reel:before {
content: "\e8c0";
}
.ph-light.ph-film-script:before {
content: "\eb50";
}
.ph-light.ph-film-slate:before {
content: "\e8c2";
}
.ph-light.ph-film-strip:before {
content: "\e792";
}
.ph-light.ph-fingerprint:before {
content: "\e23e";
}
.ph-light.ph-fingerprint-simple:before {
content: "\e240";
}
.ph-light.ph-finn-the-human:before {
content: "\e56c";
}
.ph-light.ph-fire:before {
content: "\e242";
}
.ph-light.ph-fire-extinguisher:before {
content: "\e9e8";
}
.ph-light.ph-fire-simple:before {
content: "\e620";
}
.ph-light.ph-fire-truck:before {
content: "\e574";
}
.ph-light.ph-first-aid:before {
content: "\e56e";
}
.ph-light.ph-first-aid-kit:before {
content: "\e570";
}
.ph-light.ph-fish:before {
content: "\e728";
}
.ph-light.ph-fish-simple:before {
content: "\e72a";
}
.ph-light.ph-flag:before {
content: "\e244";
}
.ph-light.ph-flag-banner:before {
content: "\e622";
}
.ph-light.ph-flag-banner-fold:before {
content: "\ecf2";
}
.ph-light.ph-flag-checkered:before {
content: "\ea38";
}
.ph-light.ph-flag-pennant:before {
content: "\ecf0";
}
.ph-light.ph-flame:before {
content: "\e624";
}
.ph-light.ph-flashlight:before {
content: "\e246";
}
.ph-light.ph-flask:before {
content: "\e79e";
}
.ph-light.ph-flip-horizontal:before {
content: "\ed6a";
}
.ph-light.ph-flip-vertical:before {
content: "\ed6c";
}
.ph-light.ph-floppy-disk:before {
content: "\e248";
}
.ph-light.ph-floppy-disk-back:before {
content: "\eaf4";
}
.ph-light.ph-flow-arrow:before {
content: "\e6ec";
}
.ph-light.ph-flower:before {
content: "\e75e";
}
.ph-light.ph-flower-lotus:before {
content: "\e6cc";
}
.ph-light.ph-flower-tulip:before {
content: "\eacc";
}
.ph-light.ph-flying-saucer:before {
content: "\eb4a";
}
.ph-light.ph-folder:before {
content: "\e24a";
}
.ph-light.ph-folder-notch:before {
content: "\e24a";
}
.ph-light.ph-folder-dashed:before {
content: "\e8f8";
}
.ph-light.ph-folder-dotted:before {
content: "\e8f8";
}
.ph-light.ph-folder-lock:before {
content: "\ea3c";
}
.ph-light.ph-folder-minus:before {
content: "\e254";
}
.ph-light.ph-folder-notch-minus:before {
content: "\e254";
}
.ph-light.ph-folder-open:before {
content: "\e256";
}
.ph-light.ph-folder-notch-open:before {
content: "\e256";
}
.ph-light.ph-folder-plus:before {
content: "\e258";
}
.ph-light.ph-folder-notch-plus:before {
content: "\e258";
}
.ph-light.ph-folder-simple:before {
content: "\e25a";
}
.ph-light.ph-folder-simple-dashed:before {
content: "\ec2a";
}
.ph-light.ph-folder-simple-dotted:before {
content: "\ec2a";
}
.ph-light.ph-folder-simple-lock:before {
content: "\eb5e";
}
.ph-light.ph-folder-simple-minus:before {
content: "\e25c";
}
.ph-light.ph-folder-simple-plus:before {
content: "\e25e";
}
.ph-light.ph-folder-simple-star:before {
content: "\ec2e";
}
.ph-light.ph-folder-simple-user:before {
content: "\eb60";
}
.ph-light.ph-folder-star:before {
content: "\ea86";
}
.ph-light.ph-folder-user:before {
content: "\eb46";
}
.ph-light.ph-folders:before {
content: "\e260";
}
.ph-light.ph-football:before {
content: "\e718";
}
.ph-light.ph-football-helmet:before {
content: "\ee4c";
}
.ph-light.ph-footprints:before {
content: "\ea88";
}
.ph-light.ph-fork-knife:before {
content: "\e262";
}
.ph-light.ph-four-k:before {
content: "\ea5c";
}
.ph-light.ph-frame-corners:before {
content: "\e626";
}
.ph-light.ph-framer-logo:before {
content: "\e264";
}
.ph-light.ph-function:before {
content: "\ebe4";
}
.ph-light.ph-funnel:before {
content: "\e266";
}
.ph-light.ph-funnel-simple:before {
content: "\e268";
}
.ph-light.ph-funnel-simple-x:before {
content: "\e26a";
}
.ph-light.ph-funnel-x:before {
content: "\e26c";
}
.ph-light.ph-game-controller:before {
content: "\e26e";
}
.ph-light.ph-garage:before {
content: "\ecd6";
}
.ph-light.ph-gas-can:before {
content: "\e8ce";
}
.ph-light.ph-gas-pump:before {
content: "\e768";
}
.ph-light.ph-gauge:before {
content: "\e628";
}
.ph-light.ph-gavel:before {
content: "\ea32";
}
.ph-light.ph-gear:before {
content: "\e270";
}
.ph-light.ph-gear-fine:before {
content: "\e87c";
}
.ph-light.ph-gear-six:before {
content: "\e272";
}
.ph-light.ph-gender-female:before {
content: "\e6e0";
}
.ph-light.ph-gender-intersex:before {
content: "\e6e6";
}
.ph-light.ph-gender-male:before {
content: "\e6e2";
}
.ph-light.ph-gender-neuter:before {
content: "\e6ea";
}
.ph-light.ph-gender-nonbinary:before {
content: "\e6e4";
}
.ph-light.ph-gender-transgender:before {
content: "\e6e8";
}
.ph-light.ph-ghost:before {
content: "\e62a";
}
.ph-light.ph-gif:before {
content: "\e274";
}
.ph-light.ph-gift:before {
content: "\e276";
}
.ph-light.ph-git-branch:before {
content: "\e278";
}
.ph-light.ph-git-commit:before {
content: "\e27a";
}
.ph-light.ph-git-diff:before {
content: "\e27c";
}
.ph-light.ph-git-fork:before {
content: "\e27e";
}
.ph-light.ph-git-merge:before {
content: "\e280";
}
.ph-light.ph-git-pull-request:before {
content: "\e282";
}
.ph-light.ph-github-logo:before {
content: "\e576";
}
.ph-light.ph-gitlab-logo:before {
content: "\e694";
}
.ph-light.ph-gitlab-logo-simple:before {
content: "\e696";
}
.ph-light.ph-globe:before {
content: "\e288";
}
.ph-light.ph-globe-hemisphere-east:before {
content: "\e28a";
}
.ph-light.ph-globe-hemisphere-west:before {
content: "\e28c";
}
.ph-light.ph-globe-simple:before {
content: "\e28e";
}
.ph-light.ph-globe-simple-x:before {
content: "\e284";
}
.ph-light.ph-globe-stand:before {
content: "\e290";
}
.ph-light.ph-globe-x:before {
content: "\e286";
}
.ph-light.ph-goggles:before {
content: "\ecb4";
}
.ph-light.ph-golf:before {
content: "\ea3e";
}
.ph-light.ph-goodreads-logo:before {
content: "\ed10";
}
.ph-light.ph-google-cardboard-logo:before {
content: "\e7b6";
}
.ph-light.ph-google-chrome-logo:before {
content: "\e976";
}
.ph-light.ph-google-drive-logo:before {
content: "\e8f6";
}
.ph-light.ph-google-logo:before {
content: "\e292";
}
.ph-light.ph-google-photos-logo:before {
content: "\eb92";
}
.ph-light.ph-google-play-logo:before {
content: "\e294";
}
.ph-light.ph-google-podcasts-logo:before {
content: "\eb94";
}
.ph-light.ph-gps:before {
content: "\edd8";
}
.ph-light.ph-gps-fix:before {
content: "\edd6";
}
.ph-light.ph-gps-slash:before {
content: "\edd4";
}
.ph-light.ph-gradient:before {
content: "\eb42";
}
.ph-light.ph-graduation-cap:before {
content: "\e62c";
}
.ph-light.ph-grains:before {
content: "\ec68";
}
.ph-light.ph-grains-slash:before {
content: "\ec6a";
}
.ph-light.ph-graph:before {
content: "\eb58";
}
.ph-light.ph-graphics-card:before {
content: "\e612";
}
.ph-light.ph-greater-than:before {
content: "\edc4";
}
.ph-light.ph-greater-than-or-equal:before {
content: "\eda2";
}
.ph-light.ph-grid-four:before {
content: "\e296";
}
.ph-light.ph-grid-nine:before {
content: "\ec8c";
}
.ph-light.ph-guitar:before {
content: "\ea8a";
}
.ph-light.ph-hair-dryer:before {
content: "\ea66";
}
.ph-light.ph-hamburger:before {
content: "\e790";
}
.ph-light.ph-hammer:before {
content: "\e80e";
}
.ph-light.ph-hand:before {
content: "\e298";
}
.ph-light.ph-hand-arrow-down:before {
content: "\ea4e";
}
.ph-light.ph-hand-arrow-up:before {
content: "\ee5a";
}
.ph-light.ph-hand-coins:before {
content: "\ea8c";
}
.ph-light.ph-hand-deposit:before {
content: "\ee82";
}
.ph-light.ph-hand-eye:before {
content: "\ea4c";
}
.ph-light.ph-hand-fist:before {
content: "\e57a";
}
.ph-light.ph-hand-grabbing:before {
content: "\e57c";
}
.ph-light.ph-hand-heart:before {
content: "\e810";
}
.ph-light.ph-hand-palm:before {
content: "\e57e";
}
.ph-light.ph-hand-peace:before {
content: "\e7cc";
}
.ph-light.ph-hand-pointing:before {
content: "\e29a";
}
.ph-light.ph-hand-soap:before {
content: "\e630";
}
.ph-light.ph-hand-swipe-left:before {
content: "\ec94";
}
.ph-light.ph-hand-swipe-right:before {
content: "\ec92";
}
.ph-light.ph-hand-tap:before {
content: "\ec90";
}
.ph-light.ph-hand-waving:before {
content: "\e580";
}
.ph-light.ph-hand-withdraw:before {
content: "\ee80";
}
.ph-light.ph-handbag:before {
content: "\e29c";
}
.ph-light.ph-handbag-simple:before {
content: "\e62e";
}
.ph-light.ph-hands-clapping:before {
content: "\e6a0";
}
.ph-light.ph-hands-praying:before {
content: "\ecc8";
}
.ph-light.ph-handshake:before {
content: "\e582";
}
.ph-light.ph-hard-drive:before {
content: "\e29e";
}
.ph-light.ph-hard-drives:before {
content: "\e2a0";
}
.ph-light.ph-hard-hat:before {
content: "\ed46";
}
.ph-light.ph-hash:before {
content: "\e2a2";
}
.ph-light.ph-hash-straight:before {
content: "\e2a4";
}
.ph-light.ph-head-circuit:before {
content: "\e7d4";
}
.ph-light.ph-headlights:before {
content: "\e6fe";
}
.ph-light.ph-headphones:before {
content: "\e2a6";
}
.ph-light.ph-headset:before {
content: "\e584";
}
.ph-light.ph-heart:before {
content: "\e2a8";
}
.ph-light.ph-heart-break:before {
content: "\ebe8";
}
.ph-light.ph-heart-half:before {
content: "\ec48";
}
.ph-light.ph-heart-straight:before {
content: "\e2aa";
}
.ph-light.ph-heart-straight-break:before {
content: "\eb98";
}
.ph-light.ph-heartbeat:before {
content: "\e2ac";
}
.ph-light.ph-hexagon:before {
content: "\e2ae";
}
.ph-light.ph-high-definition:before {
content: "\ea8e";
}
.ph-light.ph-high-heel:before {
content: "\e8e8";
}
.ph-light.ph-highlighter:before {
content: "\ec76";
}
.ph-light.ph-highlighter-circle:before {
content: "\e632";
}
.ph-light.ph-hockey:before {
content: "\ec86";
}
.ph-light.ph-hoodie:before {
content: "\ecd0";
}
.ph-light.ph-horse:before {
content: "\e2b0";
}
.ph-light.ph-hospital:before {
content: "\e844";
}
.ph-light.ph-hourglass:before {
content: "\e2b2";
}
.ph-light.ph-hourglass-high:before {
content: "\e2b4";
}
.ph-light.ph-hourglass-low:before {
content: "\e2b6";
}
.ph-light.ph-hourglass-medium:before {
content: "\e2b8";
}
.ph-light.ph-hourglass-simple:before {
content: "\e2ba";
}
.ph-light.ph-hourglass-simple-high:before {
content: "\e2bc";
}
.ph-light.ph-hourglass-simple-low:before {
content: "\e2be";
}
.ph-light.ph-hourglass-simple-medium:before {
content: "\e2c0";
}
.ph-light.ph-house:before {
content: "\e2c2";
}
.ph-light.ph-house-line:before {
content: "\e2c4";
}
.ph-light.ph-house-simple:before {
content: "\e2c6";
}
.ph-light.ph-hurricane:before {
content: "\e88e";
}
.ph-light.ph-ice-cream:before {
content: "\e804";
}
.ph-light.ph-identification-badge:before {
content: "\e6f6";
}
.ph-light.ph-identification-card:before {
content: "\e2c8";
}
.ph-light.ph-image:before {
content: "\e2ca";
}
.ph-light.ph-image-broken:before {
content: "\e7a8";
}
.ph-light.ph-image-square:before {
content: "\e2cc";
}
.ph-light.ph-images:before {
content: "\e836";
}
.ph-light.ph-images-square:before {
content: "\e834";
}
.ph-light.ph-infinity:before {
content: "\e634";
}
.ph-light.ph-lemniscate:before {
content: "\e634";
}
.ph-light.ph-info:before {
content: "\e2ce";
}
.ph-light.ph-instagram-logo:before {
content: "\e2d0";
}
.ph-light.ph-intersect:before {
content: "\e2d2";
}
.ph-light.ph-intersect-square:before {
content: "\e87a";
}
.ph-light.ph-intersect-three:before {
content: "\ecc4";
}
.ph-light.ph-intersection:before {
content: "\edba";
}
.ph-light.ph-invoice:before {
content: "\ee42";
}
.ph-light.ph-island:before {
content: "\ee06";
}
.ph-light.ph-jar:before {
content: "\e7e0";
}
.ph-light.ph-jar-label:before {
content: "\e7e1";
}
.ph-light.ph-jeep:before {
content: "\e2d4";
}
.ph-light.ph-joystick:before {
content: "\ea5e";
}
.ph-light.ph-kanban:before {
content: "\eb54";
}
.ph-light.ph-key:before {
content: "\e2d6";
}
.ph-light.ph-key-return:before {
content: "\e782";
}
.ph-light.ph-keyboard:before {
content: "\e2d8";
}
.ph-light.ph-keyhole:before {
content: "\ea78";
}
.ph-light.ph-knife:before {
content: "\e636";
}
.ph-light.ph-ladder:before {
content: "\e9e4";
}
.ph-light.ph-ladder-simple:before {
content: "\ec26";
}
.ph-light.ph-lamp:before {
content: "\e638";
}
.ph-light.ph-lamp-pendant:before {
content: "\ee2e";
}
.ph-light.ph-laptop:before {
content: "\e586";
}
.ph-light.ph-lasso:before {
content: "\edc6";
}
.ph-light.ph-lastfm-logo:before {
content: "\e842";
}
.ph-light.ph-layout:before {
content: "\e6d6";
}
.ph-light.ph-leaf:before {
content: "\e2da";
}
.ph-light.ph-lectern:before {
content: "\e95a";
}
.ph-light.ph-lego:before {
content: "\e8c6";
}
.ph-light.ph-lego-smiley:before {
content: "\e8c7";
}
.ph-light.ph-less-than:before {
content: "\edac";
}
.ph-light.ph-less-than-or-equal:before {
content: "\eda4";
}
.ph-light.ph-letter-circle-h:before {
content: "\ebf8";
}
.ph-light.ph-letter-circle-p:before {
content: "\ec08";
}
.ph-light.ph-letter-circle-v:before {
content: "\ec14";
}
.ph-light.ph-lifebuoy:before {
content: "\e63a";
}
.ph-light.ph-lightbulb:before {
content: "\e2dc";
}
.ph-light.ph-lightbulb-filament:before {
content: "\e63c";
}
.ph-light.ph-lighthouse:before {
content: "\e9f6";
}
.ph-light.ph-lightning:before {
content: "\e2de";
}
.ph-light.ph-lightning-a:before {
content: "\ea84";
}
.ph-light.ph-lightning-slash:before {
content: "\e2e0";
}
.ph-light.ph-line-segment:before {
content: "\e6d2";
}
.ph-light.ph-line-segments:before {
content: "\e6d4";
}
.ph-light.ph-line-vertical:before {
content: "\ed70";
}
.ph-light.ph-link:before {
content: "\e2e2";
}
.ph-light.ph-link-break:before {
content: "\e2e4";
}
.ph-light.ph-link-simple:before {
content: "\e2e6";
}
.ph-light.ph-link-simple-break:before {
content: "\e2e8";
}
.ph-light.ph-link-simple-horizontal:before {
content: "\e2ea";
}
.ph-light.ph-link-simple-horizontal-break:before {
content: "\e2ec";
}
.ph-light.ph-linkedin-logo:before {
content: "\e2ee";
}
.ph-light.ph-linktree-logo:before {
content: "\edee";
}
.ph-light.ph-linux-logo:before {
content: "\eb02";
}
.ph-light.ph-list:before {
content: "\e2f0";
}
.ph-light.ph-list-bullets:before {
content: "\e2f2";
}
.ph-light.ph-list-checks:before {
content: "\eadc";
}
.ph-light.ph-list-dashes:before {
content: "\e2f4";
}
.ph-light.ph-list-heart:before {
content: "\ebde";
}
.ph-light.ph-list-magnifying-glass:before {
content: "\ebe0";
}
.ph-light.ph-list-numbers:before {
content: "\e2f6";
}
.ph-light.ph-list-plus:before {
content: "\e2f8";
}
.ph-light.ph-list-star:before {
content: "\ebdc";
}
.ph-light.ph-lock:before {
content: "\e2fa";
}
.ph-light.ph-lock-key:before {
content: "\e2fe";
}
.ph-light.ph-lock-key-open:before {
content: "\e300";
}
.ph-light.ph-lock-laminated:before {
content: "\e302";
}
.ph-light.ph-lock-laminated-open:before {
content: "\e304";
}
.ph-light.ph-lock-open:before {
content: "\e306";
}
.ph-light.ph-lock-simple:before {
content: "\e308";
}
.ph-light.ph-lock-simple-open:before {
content: "\e30a";
}
.ph-light.ph-lockers:before {
content: "\ecb8";
}
.ph-light.ph-log:before {
content: "\ed82";
}
.ph-light.ph-magic-wand:before {
content: "\e6b6";
}
.ph-light.ph-magnet:before {
content: "\e680";
}
.ph-light.ph-magnet-straight:before {
content: "\e682";
}
.ph-light.ph-magnifying-glass:before {
content: "\e30c";
}
.ph-light.ph-magnifying-glass-minus:before {
content: "\e30e";
}
.ph-light.ph-magnifying-glass-plus:before {
content: "\e310";
}
.ph-light.ph-mailbox:before {
content: "\ec1e";
}
.ph-light.ph-map-pin:before {
content: "\e316";
}
.ph-light.ph-map-pin-area:before {
content: "\ee3a";
}
.ph-light.ph-map-pin-line:before {
content: "\e318";
}
.ph-light.ph-map-pin-plus:before {
content: "\e314";
}
.ph-light.ph-map-pin-simple:before {
content: "\ee3e";
}
.ph-light.ph-map-pin-simple-area:before {
content: "\ee3c";
}
.ph-light.ph-map-pin-simple-line:before {
content: "\ee38";
}
.ph-light.ph-map-trifold:before {
content: "\e31a";
}
.ph-light.ph-markdown-logo:before {
content: "\e508";
}
.ph-light.ph-marker-circle:before {
content: "\e640";
}
.ph-light.ph-martini:before {
content: "\e31c";
}
.ph-light.ph-mask-happy:before {
content: "\e9f4";
}
.ph-light.ph-mask-sad:before {
content: "\eb9e";
}
.ph-light.ph-mastodon-logo:before {
content: "\ed68";
}
.ph-light.ph-math-operations:before {
content: "\e31e";
}
.ph-light.ph-matrix-logo:before {
content: "\ed64";
}
.ph-light.ph-medal:before {
content: "\e320";
}
.ph-light.ph-medal-military:before {
content: "\ecfc";
}
.ph-light.ph-medium-logo:before {
content: "\e322";
}
.ph-light.ph-megaphone:before {
content: "\e324";
}
.ph-light.ph-megaphone-simple:before {
content: "\e642";
}
.ph-light.ph-member-of:before {
content: "\edc2";
}
.ph-light.ph-memory:before {
content: "\e9c4";
}
.ph-light.ph-messenger-logo:before {
content: "\e6d8";
}
.ph-light.ph-meta-logo:before {
content: "\ed02";
}
.ph-light.ph-meteor:before {
content: "\e9ba";
}
.ph-light.ph-metronome:before {
content: "\ec8e";
}
.ph-light.ph-microphone:before {
content: "\e326";
}
.ph-light.ph-microphone-slash:before {
content: "\e328";
}
.ph-light.ph-microphone-stage:before {
content: "\e75c";
}
.ph-light.ph-microscope:before {
content: "\ec7a";
}
.ph-light.ph-microsoft-excel-logo:before {
content: "\eb6c";
}
.ph-light.ph-microsoft-outlook-logo:before {
content: "\eb70";
}
.ph-light.ph-microsoft-powerpoint-logo:before {
content: "\eace";
}
.ph-light.ph-microsoft-teams-logo:before {
content: "\eb66";
}
.ph-light.ph-microsoft-word-logo:before {
content: "\eb6a";
}
.ph-light.ph-minus:before {
content: "\e32a";
}
.ph-light.ph-minus-circle:before {
content: "\e32c";
}
.ph-light.ph-minus-square:before {
content: "\ed4c";
}
.ph-light.ph-money:before {
content: "\e588";
}
.ph-light.ph-money-wavy:before {
content: "\ee68";
}
.ph-light.ph-monitor:before {
content: "\e32e";
}
.ph-light.ph-monitor-arrow-up:before {
content: "\e58a";
}
.ph-light.ph-monitor-play:before {
content: "\e58c";
}
.ph-light.ph-moon:before {
content: "\e330";
}
.ph-light.ph-moon-stars:before {
content: "\e58e";
}
.ph-light.ph-moped:before {
content: "\e824";
}
.ph-light.ph-moped-front:before {
content: "\e822";
}
.ph-light.ph-mosque:before {
content: "\ecee";
}
.ph-light.ph-motorcycle:before {
content: "\e80a";
}
.ph-light.ph-mountains:before {
content: "\e7ae";
}
.ph-light.ph-mouse:before {
content: "\e33a";
}
.ph-light.ph-mouse-left-click:before {
content: "\e334";
}
.ph-light.ph-mouse-middle-click:before {
content: "\e338";
}
.ph-light.ph-mouse-right-click:before {
content: "\e336";
}
.ph-light.ph-mouse-scroll:before {
content: "\e332";
}
.ph-light.ph-mouse-simple:before {
content: "\e644";
}
.ph-light.ph-music-note:before {
content: "\e33c";
}
.ph-light.ph-music-note-simple:before {
content: "\e33e";
}
.ph-light.ph-music-notes:before {
content: "\e340";
}
.ph-light.ph-music-notes-minus:before {
content: "\ee0c";
}
.ph-light.ph-music-notes-plus:before {
content: "\eb7c";
}
.ph-light.ph-music-notes-simple:before {
content: "\e342";
}
.ph-light.ph-navigation-arrow:before {
content: "\eade";
}
.ph-light.ph-needle:before {
content: "\e82e";
}
.ph-light.ph-network:before {
content: "\edde";
}
.ph-light.ph-network-slash:before {
content: "\eddc";
}
.ph-light.ph-network-x:before {
content: "\edda";
}
.ph-light.ph-newspaper:before {
content: "\e344";
}
.ph-light.ph-newspaper-clipping:before {
content: "\e346";
}
.ph-light.ph-not-equals:before {
content: "\eda6";
}
.ph-light.ph-not-member-of:before {
content: "\edae";
}
.ph-light.ph-not-subset-of:before {
content: "\edb0";
}
.ph-light.ph-not-superset-of:before {
content: "\edb2";
}
.ph-light.ph-notches:before {
content: "\ed3a";
}
.ph-light.ph-note:before {
content: "\e348";
}
.ph-light.ph-note-blank:before {
content: "\e34a";
}
.ph-light.ph-note-pencil:before {
content: "\e34c";
}
.ph-light.ph-notebook:before {
content: "\e34e";
}
.ph-light.ph-notepad:before {
content: "\e63e";
}
.ph-light.ph-notification:before {
content: "\e6fa";
}
.ph-light.ph-notion-logo:before {
content: "\e9a0";
}
.ph-light.ph-nuclear-plant:before {
content: "\ed7c";
}
.ph-light.ph-number-circle-eight:before {
content: "\e352";
}
.ph-light.ph-number-circle-five:before {
content: "\e358";
}
.ph-light.ph-number-circle-four:before {
content: "\e35e";
}
.ph-light.ph-number-circle-nine:before {
content: "\e364";
}
.ph-light.ph-number-circle-one:before {
content: "\e36a";
}
.ph-light.ph-number-circle-seven:before {
content: "\e370";
}
.ph-light.ph-number-circle-six:before {
content: "\e376";
}
.ph-light.ph-number-circle-three:before {
content: "\e37c";
}
.ph-light.ph-number-circle-two:before {
content: "\e382";
}
.ph-light.ph-number-circle-zero:before {
content: "\e388";
}
.ph-light.ph-number-eight:before {
content: "\e350";
}
.ph-light.ph-number-five:before {
content: "\e356";
}
.ph-light.ph-number-four:before {
content: "\e35c";
}
.ph-light.ph-number-nine:before {
content: "\e362";
}
.ph-light.ph-number-one:before {
content: "\e368";
}
.ph-light.ph-number-seven:before {
content: "\e36e";
}
.ph-light.ph-number-six:before {
content: "\e374";
}
.ph-light.ph-number-square-eight:before {
content: "\e354";
}
.ph-light.ph-number-square-five:before {
content: "\e35a";
}
.ph-light.ph-number-square-four:before {
content: "\e360";
}
.ph-light.ph-number-square-nine:before {
content: "\e366";
}
.ph-light.ph-number-square-one:before {
content: "\e36c";
}
.ph-light.ph-number-square-seven:before {
content: "\e372";
}
.ph-light.ph-number-square-six:before {
content: "\e378";
}
.ph-light.ph-number-square-three:before {
content: "\e37e";
}
.ph-light.ph-number-square-two:before {
content: "\e384";
}
.ph-light.ph-number-square-zero:before {
content: "\e38a";
}
.ph-light.ph-number-three:before {
content: "\e37a";
}
.ph-light.ph-number-two:before {
content: "\e380";
}
.ph-light.ph-number-zero:before {
content: "\e386";
}
.ph-light.ph-numpad:before {
content: "\e3c8";
}
.ph-light.ph-nut:before {
content: "\e38c";
}
.ph-light.ph-ny-times-logo:before {
content: "\e646";
}
.ph-light.ph-octagon:before {
content: "\e38e";
}
.ph-light.ph-office-chair:before {
content: "\ea46";
}
.ph-light.ph-onigiri:before {
content: "\ee2c";
}
.ph-light.ph-open-ai-logo:before {
content: "\e7d2";
}
.ph-light.ph-option:before {
content: "\e8a8";
}
.ph-light.ph-orange:before {
content: "\ee40";
}
.ph-light.ph-orange-slice:before {
content: "\ed36";
}
.ph-light.ph-oven:before {
content: "\ed8c";
}
.ph-light.ph-package:before {
content: "\e390";
}
.ph-light.ph-paint-brush:before {
content: "\e6f0";
}
.ph-light.ph-paint-brush-broad:before {
content: "\e590";
}
.ph-light.ph-paint-brush-household:before {
content: "\e6f2";
}
.ph-light.ph-paint-bucket:before {
content: "\e392";
}
.ph-light.ph-paint-roller:before {
content: "\e6f4";
}
.ph-light.ph-palette:before {
content: "\e6c8";
}
.ph-light.ph-panorama:before {
content: "\eaa2";
}
.ph-light.ph-pants:before {
content: "\ec88";
}
.ph-light.ph-paper-plane:before {
content: "\e394";
}
.ph-light.ph-paper-plane-right:before {
content: "\e396";
}
.ph-light.ph-paper-plane-tilt:before {
content: "\e398";
}
.ph-light.ph-paperclip:before {
content: "\e39a";
}
.ph-light.ph-paperclip-horizontal:before {
content: "\e592";
}
.ph-light.ph-parachute:before {
content: "\ea7c";
}
.ph-light.ph-paragraph:before {
content: "\e960";
}
.ph-light.ph-parallelogram:before {
content: "\ecc6";
}
.ph-light.ph-park:before {
content: "\ecb2";
}
.ph-light.ph-password:before {
content: "\e752";
}
.ph-light.ph-path:before {
content: "\e39c";
}
.ph-light.ph-patreon-logo:before {
content: "\e98a";
}
.ph-light.ph-pause:before {
content: "\e39e";
}
.ph-light.ph-pause-circle:before {
content: "\e3a0";
}
.ph-light.ph-paw-print:before {
content: "\e648";
}
.ph-light.ph-paypal-logo:before {
content: "\e98c";
}
.ph-light.ph-peace:before {
content: "\e3a2";
}
.ph-light.ph-pen:before {
content: "\e3aa";
}
.ph-light.ph-pen-nib:before {
content: "\e3ac";
}
.ph-light.ph-pen-nib-straight:before {
content: "\e64a";
}
.ph-light.ph-pencil:before {
content: "\e3ae";
}
.ph-light.ph-pencil-circle:before {
content: "\e3b0";
}
.ph-light.ph-pencil-line:before {
content: "\e3b2";
}
.ph-light.ph-pencil-ruler:before {
content: "\e906";
}
.ph-light.ph-pencil-simple:before {
content: "\e3b4";
}
.ph-light.ph-pencil-simple-line:before {
content: "\ebc6";
}
.ph-light.ph-pencil-simple-slash:before {
content: "\ecf6";
}
.ph-light.ph-pencil-slash:before {
content: "\ecf8";
}
.ph-light.ph-pentagon:before {
content: "\ec7e";
}
.ph-light.ph-pentagram:before {
content: "\ec5c";
}
.ph-light.ph-pepper:before {
content: "\e94a";
}
.ph-light.ph-percent:before {
content: "\e3b6";
}
.ph-light.ph-person:before {
content: "\e3a8";
}
.ph-light.ph-person-arms-spread:before {
content: "\ecfe";
}
.ph-light.ph-person-simple:before {
content: "\e72e";
}
.ph-light.ph-person-simple-bike:before {
content: "\e734";
}
.ph-light.ph-person-simple-circle:before {
content: "\ee58";
}
.ph-light.ph-person-simple-hike:before {
content: "\ed54";
}
.ph-light.ph-person-simple-run:before {
content: "\e730";
}
.ph-light.ph-person-simple-ski:before {
content: "\e71c";
}
.ph-light.ph-person-simple-snowboard:before {
content: "\e71e";
}
.ph-light.ph-person-simple-swim:before {
content: "\e736";
}
.ph-light.ph-person-simple-tai-chi:before {
content: "\ed5c";
}
.ph-light.ph-person-simple-throw:before {
content: "\e732";
}
.ph-light.ph-person-simple-walk:before {
content: "\e73a";
}
.ph-light.ph-perspective:before {
content: "\ebe6";
}
.ph-light.ph-phone:before {
content: "\e3b8";
}
.ph-light.ph-phone-call:before {
content: "\e3ba";
}
.ph-light.ph-phone-disconnect:before {
content: "\e3bc";
}
.ph-light.ph-phone-incoming:before {
content: "\e3be";
}
.ph-light.ph-phone-list:before {
content: "\e3cc";
}
.ph-light.ph-phone-outgoing:before {
content: "\e3c0";
}
.ph-light.ph-phone-pause:before {
content: "\e3ca";
}
.ph-light.ph-phone-plus:before {
content: "\ec56";
}
.ph-light.ph-phone-slash:before {
content: "\e3c2";
}
.ph-light.ph-phone-transfer:before {
content: "\e3c6";
}
.ph-light.ph-phone-x:before {
content: "\e3c4";
}
.ph-light.ph-phosphor-logo:before {
content: "\e3ce";
}
.ph-light.ph-pi:before {
content: "\ec80";
}
.ph-light.ph-piano-keys:before {
content: "\e9c8";
}
.ph-light.ph-picnic-table:before {
content: "\ee26";
}
.ph-light.ph-picture-in-picture:before {
content: "\e64c";
}
.ph-light.ph-piggy-bank:before {
content: "\ea04";
}
.ph-light.ph-pill:before {
content: "\e700";
}
.ph-light.ph-ping-pong:before {
content: "\ea42";
}
.ph-light.ph-pint-glass:before {
content: "\edd0";
}
.ph-light.ph-pinterest-logo:before {
content: "\e64e";
}
.ph-light.ph-pinwheel:before {
content: "\eb9c";
}
.ph-light.ph-pipe:before {
content: "\ed86";
}
.ph-light.ph-pipe-wrench:before {
content: "\ed88";
}
.ph-light.ph-pix-logo:before {
content: "\ecc2";
}
.ph-light.ph-pizza:before {
content: "\e796";
}
.ph-light.ph-placeholder:before {
content: "\e650";
}
.ph-light.ph-planet:before {
content: "\e652";
}
.ph-light.ph-plant:before {
content: "\ebae";
}
.ph-light.ph-play:before {
content: "\e3d0";
}
.ph-light.ph-play-circle:before {
content: "\e3d2";
}
.ph-light.ph-play-pause:before {
content: "\e8be";
}
.ph-light.ph-playlist:before {
content: "\e6aa";
}
.ph-light.ph-plug:before {
content: "\e946";
}
.ph-light.ph-plug-charging:before {
content: "\eb5c";
}
.ph-light.ph-plugs:before {
content: "\eb56";
}
.ph-light.ph-plugs-connected:before {
content: "\eb5a";
}
.ph-light.ph-plus:before {
content: "\e3d4";
}
.ph-light.ph-plus-circle:before {
content: "\e3d6";
}
.ph-light.ph-plus-minus:before {
content: "\e3d8";
}
.ph-light.ph-plus-square:before {
content: "\ed4a";
}
.ph-light.ph-poker-chip:before {
content: "\e594";
}
.ph-light.ph-police-car:before {
content: "\ec4a";
}
.ph-light.ph-polygon:before {
content: "\e6d0";
}
.ph-light.ph-popcorn:before {
content: "\eb4e";
}
.ph-light.ph-popsicle:before {
content: "\ebbe";
}
.ph-light.ph-potted-plant:before {
content: "\ec22";
}
.ph-light.ph-power:before {
content: "\e3da";
}
.ph-light.ph-prescription:before {
content: "\e7a2";
}
.ph-light.ph-presentation:before {
content: "\e654";
}
.ph-light.ph-presentation-chart:before {
content: "\e656";
}
.ph-light.ph-printer:before {
content: "\e3dc";
}
.ph-light.ph-prohibit:before {
content: "\e3de";
}
.ph-light.ph-prohibit-inset:before {
content: "\e3e0";
}
.ph-light.ph-projector-screen:before {
content: "\e658";
}
.ph-light.ph-projector-screen-chart:before {
content: "\e65a";
}
.ph-light.ph-pulse:before {
content: "\e000";
}
.ph-light.ph-activity:before {
content: "\e000";
}
.ph-light.ph-push-pin:before {
content: "\e3e2";
}
.ph-light.ph-push-pin-simple:before {
content: "\e65c";
}
.ph-light.ph-push-pin-simple-slash:before {
content: "\e65e";
}
.ph-light.ph-push-pin-slash:before {
content: "\e3e4";
}
.ph-light.ph-puzzle-piece:before {
content: "\e596";
}
.ph-light.ph-qr-code:before {
content: "\e3e6";
}
.ph-light.ph-question:before {
content: "\e3e8";
}
.ph-light.ph-question-mark:before {
content: "\e3e9";
}
.ph-light.ph-queue:before {
content: "\e6ac";
}
.ph-light.ph-quotes:before {
content: "\e660";
}
.ph-light.ph-rabbit:before {
content: "\eac2";
}
.ph-light.ph-racquet:before {
content: "\ee02";
}
.ph-light.ph-radical:before {
content: "\e3ea";
}
.ph-light.ph-radio:before {
content: "\e77e";
}
.ph-light.ph-radio-button:before {
content: "\eb08";
}
.ph-light.ph-radioactive:before {
content: "\e9dc";
}
.ph-light.ph-rainbow:before {
content: "\e598";
}
.ph-light.ph-rainbow-cloud:before {
content: "\e59a";
}
.ph-light.ph-ranking:before {
content: "\ed62";
}
.ph-light.ph-read-cv-logo:before {
content: "\ed0c";
}
.ph-light.ph-receipt:before {
content: "\e3ec";
}
.ph-light.ph-receipt-x:before {
content: "\ed40";
}
.ph-light.ph-record:before {
content: "\e3ee";
}
.ph-light.ph-rectangle:before {
content: "\e3f0";
}
.ph-light.ph-rectangle-dashed:before {
content: "\e3f2";
}
.ph-light.ph-recycle:before {
content: "\e75a";
}
.ph-light.ph-reddit-logo:before {
content: "\e59c";
}
.ph-light.ph-repeat:before {
content: "\e3f6";
}
.ph-light.ph-repeat-once:before {
content: "\e3f8";
}
.ph-light.ph-replit-logo:before {
content: "\eb8a";
}
.ph-light.ph-resize:before {
content: "\ed6e";
}
.ph-light.ph-rewind:before {
content: "\e6a8";
}
.ph-light.ph-rewind-circle:before {
content: "\e3fa";
}
.ph-light.ph-road-horizon:before {
content: "\e838";
}
.ph-light.ph-robot:before {
content: "\e762";
}
.ph-light.ph-rocket:before {
content: "\e3fc";
}
.ph-light.ph-rocket-launch:before {
content: "\e3fe";
}
.ph-light.ph-rows:before {
content: "\e5a2";
}
.ph-light.ph-rows-plus-bottom:before {
content: "\e59e";
}
.ph-light.ph-rows-plus-top:before {
content: "\e5a0";
}
.ph-light.ph-rss:before {
content: "\e400";
}
.ph-light.ph-rss-simple:before {
content: "\e402";
}
.ph-light.ph-rug:before {
content: "\ea1a";
}
.ph-light.ph-ruler:before {
content: "\e6b8";
}
.ph-light.ph-sailboat:before {
content: "\e78a";
}
.ph-light.ph-scales:before {
content: "\e750";
}
.ph-light.ph-scan:before {
content: "\ebb6";
}
.ph-light.ph-scan-smiley:before {
content: "\ebb4";
}
.ph-light.ph-scissors:before {
content: "\eae0";
}
.ph-light.ph-scooter:before {
content: "\e820";
}
.ph-light.ph-screencast:before {
content: "\e404";
}
.ph-light.ph-screwdriver:before {
content: "\e86e";
}
.ph-light.ph-scribble:before {
content: "\e806";
}
.ph-light.ph-scribble-loop:before {
content: "\e662";
}
.ph-light.ph-scroll:before {
content: "\eb7a";
}
.ph-light.ph-seal:before {
content: "\e604";
}
.ph-light.ph-circle-wavy:before {
content: "\e604";
}
.ph-light.ph-seal-check:before {
content: "\e606";
}
.ph-light.ph-circle-wavy-check:before {
content: "\e606";
}
.ph-light.ph-seal-percent:before {
content: "\e60a";
}
.ph-light.ph-seal-question:before {
content: "\e608";
}
.ph-light.ph-circle-wavy-question:before {
content: "\e608";
}
.ph-light.ph-seal-warning:before {
content: "\e60c";
}
.ph-light.ph-circle-wavy-warning:before {
content: "\e60c";
}
.ph-light.ph-seat:before {
content: "\eb8e";
}
.ph-light.ph-seatbelt:before {
content: "\edfe";
}
.ph-light.ph-security-camera:before {
content: "\eca4";
}
.ph-light.ph-selection:before {
content: "\e69a";
}
.ph-light.ph-selection-all:before {
content: "\e746";
}
.ph-light.ph-selection-background:before {
content: "\eaf8";
}
.ph-light.ph-selection-foreground:before {
content: "\eaf6";
}
.ph-light.ph-selection-inverse:before {
content: "\e744";
}
.ph-light.ph-selection-plus:before {
content: "\e69c";
}
.ph-light.ph-selection-slash:before {
content: "\e69e";
}
.ph-light.ph-shapes:before {
content: "\ec5e";
}
.ph-light.ph-share:before {
content: "\e406";
}
.ph-light.ph-share-fat:before {
content: "\ed52";
}
.ph-light.ph-share-network:before {
content: "\e408";
}
.ph-light.ph-shield:before {
content: "\e40a";
}
.ph-light.ph-shield-check:before {
content: "\e40c";
}
.ph-light.ph-shield-checkered:before {
content: "\e708";
}
.ph-light.ph-shield-chevron:before {
content: "\e40e";
}
.ph-light.ph-shield-plus:before {
content: "\e706";
}
.ph-light.ph-shield-slash:before {
content: "\e410";
}
.ph-light.ph-shield-star:before {
content: "\ec34";
}
.ph-light.ph-shield-warning:before {
content: "\e412";
}
.ph-light.ph-shipping-container:before {
content: "\e78c";
}
.ph-light.ph-shirt-folded:before {
content: "\ea92";
}
.ph-light.ph-shooting-star:before {
content: "\ecfa";
}
.ph-light.ph-shopping-bag:before {
content: "\e416";
}
.ph-light.ph-shopping-bag-open:before {
content: "\e418";
}
.ph-light.ph-shopping-cart:before {
content: "\e41e";
}
.ph-light.ph-shopping-cart-simple:before {
content: "\e420";
}
.ph-light.ph-shovel:before {
content: "\e9e6";
}
.ph-light.ph-shower:before {
content: "\e776";
}
.ph-light.ph-shrimp:before {
content: "\eab4";
}
.ph-light.ph-shuffle:before {
content: "\e422";
}
.ph-light.ph-shuffle-angular:before {
content: "\e424";
}
.ph-light.ph-shuffle-simple:before {
content: "\e426";
}
.ph-light.ph-sidebar:before {
content: "\eab6";
}
.ph-light.ph-sidebar-simple:before {
content: "\ec24";
}
.ph-light.ph-sigma:before {
content: "\eab8";
}
.ph-light.ph-sign-in:before {
content: "\e428";
}
.ph-light.ph-sign-out:before {
content: "\e42a";
}
.ph-light.ph-signature:before {
content: "\ebac";
}
.ph-light.ph-signpost:before {
content: "\e89c";
}
.ph-light.ph-sim-card:before {
content: "\e664";
}
.ph-light.ph-siren:before {
content: "\e9b8";
}
.ph-light.ph-sketch-logo:before {
content: "\e42c";
}
.ph-light.ph-skip-back:before {
content: "\e5a4";
}
.ph-light.ph-skip-back-circle:before {
content: "\e42e";
}
.ph-light.ph-skip-forward:before {
content: "\e5a6";
}
.ph-light.ph-skip-forward-circle:before {
content: "\e430";
}
.ph-light.ph-skull:before {
content: "\e916";
}
.ph-light.ph-skype-logo:before {
content: "\e8dc";
}
.ph-light.ph-slack-logo:before {
content: "\e5a8";
}
.ph-light.ph-sliders:before {
content: "\e432";
}
.ph-light.ph-sliders-horizontal:before {
content: "\e434";
}
.ph-light.ph-slideshow:before {
content: "\ed32";
}
.ph-light.ph-smiley:before {
content: "\e436";
}
.ph-light.ph-smiley-angry:before {
content: "\ec62";
}
.ph-light.ph-smiley-blank:before {
content: "\e438";
}
.ph-light.ph-smiley-meh:before {
content: "\e43a";
}
.ph-light.ph-smiley-melting:before {
content: "\ee56";
}
.ph-light.ph-smiley-nervous:before {
content: "\e43c";
}
.ph-light.ph-smiley-sad:before {
content: "\e43e";
}
.ph-light.ph-smiley-sticker:before {
content: "\e440";
}
.ph-light.ph-smiley-wink:before {
content: "\e666";
}
.ph-light.ph-smiley-x-eyes:before {
content: "\e442";
}
.ph-light.ph-snapchat-logo:before {
content: "\e668";
}
.ph-light.ph-sneaker:before {
content: "\e80c";
}
.ph-light.ph-sneaker-move:before {
content: "\ed60";
}
.ph-light.ph-snowflake:before {
content: "\e5aa";
}
.ph-light.ph-soccer-ball:before {
content: "\e716";
}
.ph-light.ph-sock:before {
content: "\ecce";
}
.ph-light.ph-solar-panel:before {
content: "\ed7a";
}
.ph-light.ph-solar-roof:before {
content: "\ed7b";
}
.ph-light.ph-sort-ascending:before {
content: "\e444";
}
.ph-light.ph-sort-descending:before {
content: "\e446";
}
.ph-light.ph-soundcloud-logo:before {
content: "\e8de";
}
.ph-light.ph-spade:before {
content: "\e448";
}
.ph-light.ph-sparkle:before {
content: "\e6a2";
}
.ph-light.ph-speaker-hifi:before {
content: "\ea08";
}
.ph-light.ph-speaker-high:before {
content: "\e44a";
}
.ph-light.ph-speaker-low:before {
content: "\e44c";
}
.ph-light.ph-speaker-none:before {
content: "\e44e";
}
.ph-light.ph-speaker-simple-high:before {
content: "\e450";
}
.ph-light.ph-speaker-simple-low:before {
content: "\e452";
}
.ph-light.ph-speaker-simple-none:before {
content: "\e454";
}
.ph-light.ph-speaker-simple-slash:before {
content: "\e456";
}
.ph-light.ph-speaker-simple-x:before {
content: "\e458";
}
.ph-light.ph-speaker-slash:before {
content: "\e45a";
}
.ph-light.ph-speaker-x:before {
content: "\e45c";
}
.ph-light.ph-speedometer:before {
content: "\ee74";
}
.ph-light.ph-sphere:before {
content: "\ee66";
}
.ph-light.ph-spinner:before {
content: "\e66a";
}
.ph-light.ph-spinner-ball:before {
content: "\ee28";
}
.ph-light.ph-spinner-gap:before {
content: "\e66c";
}
.ph-light.ph-spiral:before {
content: "\e9fa";
}
.ph-light.ph-split-horizontal:before {
content: "\e872";
}
.ph-light.ph-split-vertical:before {
content: "\e876";
}
.ph-light.ph-spotify-logo:before {
content: "\e66e";
}
.ph-light.ph-spray-bottle:before {
content: "\e7e4";
}
.ph-light.ph-square:before {
content: "\e45e";
}
.ph-light.ph-square-half:before {
content: "\e462";
}
.ph-light.ph-square-half-bottom:before {
content: "\eb16";
}
.ph-light.ph-square-logo:before {
content: "\e690";
}
.ph-light.ph-square-split-horizontal:before {
content: "\e870";
}
.ph-light.ph-square-split-vertical:before {
content: "\e874";
}
.ph-light.ph-squares-four:before {
content: "\e464";
}
.ph-light.ph-stack:before {
content: "\e466";
}
.ph-light.ph-stack-minus:before {
content: "\edf4";
}
.ph-light.ph-stack-overflow-logo:before {
content: "\eb78";
}
.ph-light.ph-stack-plus:before {
content: "\edf6";
}
.ph-light.ph-stack-simple:before {
content: "\e468";
}
.ph-light.ph-stairs:before {
content: "\e8ec";
}
.ph-light.ph-stamp:before {
content: "\ea48";
}
.ph-light.ph-standard-definition:before {
content: "\ea90";
}
.ph-light.ph-star:before {
content: "\e46a";
}
.ph-light.ph-star-and-crescent:before {
content: "\ecf4";
}
.ph-light.ph-star-four:before {
content: "\e6a4";
}
.ph-light.ph-star-half:before {
content: "\e70a";
}
.ph-light.ph-star-of-david:before {
content: "\e89e";
}
.ph-light.ph-steam-logo:before {
content: "\ead4";
}
.ph-light.ph-steering-wheel:before {
content: "\e9ac";
}
.ph-light.ph-steps:before {
content: "\ecbe";
}
.ph-light.ph-stethoscope:before {
content: "\e7ea";
}
.ph-light.ph-sticker:before {
content: "\e5ac";
}
.ph-light.ph-stool:before {
content: "\ea44";
}
.ph-light.ph-stop:before {
content: "\e46c";
}
.ph-light.ph-stop-circle:before {
content: "\e46e";
}
.ph-light.ph-storefront:before {
content: "\e470";
}
.ph-light.ph-strategy:before {
content: "\ea3a";
}
.ph-light.ph-stripe-logo:before {
content: "\e698";
}
.ph-light.ph-student:before {
content: "\e73e";
}
.ph-light.ph-subset-of:before {
content: "\edc0";
}
.ph-light.ph-subset-proper-of:before {
content: "\edb6";
}
.ph-light.ph-subtitles:before {
content: "\e1a8";
}
.ph-light.ph-subtitles-slash:before {
content: "\e1a6";
}
.ph-light.ph-subtract:before {
content: "\ebd6";
}
.ph-light.ph-subtract-square:before {
content: "\ebd4";
}
.ph-light.ph-subway:before {
content: "\e498";
}
.ph-light.ph-suitcase:before {
content: "\e5ae";
}
.ph-light.ph-suitcase-rolling:before {
content: "\e9b0";
}
.ph-light.ph-suitcase-simple:before {
content: "\e5b0";
}
.ph-light.ph-sun:before {
content: "\e472";
}
.ph-light.ph-sun-dim:before {
content: "\e474";
}
.ph-light.ph-sun-horizon:before {
content: "\e5b6";
}
.ph-light.ph-sunglasses:before {
content: "\e816";
}
.ph-light.ph-superset-of:before {
content: "\edb8";
}
.ph-light.ph-superset-proper-of:before {
content: "\edb4";
}
.ph-light.ph-swap:before {
content: "\e83c";
}
.ph-light.ph-swatches:before {
content: "\e5b8";
}
.ph-light.ph-swimming-pool:before {
content: "\ecb6";
}
.ph-light.ph-sword:before {
content: "\e5ba";
}
.ph-light.ph-synagogue:before {
content: "\ecec";
}
.ph-light.ph-syringe:before {
content: "\e968";
}
.ph-light.ph-t-shirt:before {
content: "\e670";
}
.ph-light.ph-table:before {
content: "\e476";
}
.ph-light.ph-tabs:before {
content: "\e778";
}
.ph-light.ph-tag:before {
content: "\e478";
}
.ph-light.ph-tag-chevron:before {
content: "\e672";
}
.ph-light.ph-tag-simple:before {
content: "\e47a";
}
.ph-light.ph-target:before {
content: "\e47c";
}
.ph-light.ph-taxi:before {
content: "\e902";
}
.ph-light.ph-tea-bag:before {
content: "\e8e6";
}
.ph-light.ph-telegram-logo:before {
content: "\e5bc";
}
.ph-light.ph-television:before {
content: "\e754";
}
.ph-light.ph-television-simple:before {
content: "\eae6";
}
.ph-light.ph-tennis-ball:before {
content: "\e720";
}
.ph-light.ph-tent:before {
content: "\e8ba";
}
.ph-light.ph-terminal:before {
content: "\e47e";
}
.ph-light.ph-terminal-window:before {
content: "\eae8";
}
.ph-light.ph-test-tube:before {
content: "\e7a0";
}
.ph-light.ph-text-a-underline:before {
content: "\ed34";
}
.ph-light.ph-text-aa:before {
content: "\e6ee";
}
.ph-light.ph-text-align-center:before {
content: "\e480";
}
.ph-light.ph-text-align-justify:before {
content: "\e482";
}
.ph-light.ph-text-align-left:before {
content: "\e484";
}
.ph-light.ph-text-align-right:before {
content: "\e486";
}
.ph-light.ph-text-b:before {
content: "\e5be";
}
.ph-light.ph-text-bolder:before {
content: "\e5be";
}
.ph-light.ph-text-columns:before {
content: "\ec96";
}
.ph-light.ph-text-h:before {
content: "\e6ba";
}
.ph-light.ph-text-h-five:before {
content: "\e6c4";
}
.ph-light.ph-text-h-four:before {
content: "\e6c2";
}
.ph-light.ph-text-h-one:before {
content: "\e6bc";
}
.ph-light.ph-text-h-six:before {
content: "\e6c6";
}
.ph-light.ph-text-h-three:before {
content: "\e6c0";
}
.ph-light.ph-text-h-two:before {
content: "\e6be";
}
.ph-light.ph-text-indent:before {
content: "\ea1e";
}
.ph-light.ph-text-italic:before {
content: "\e5c0";
}
.ph-light.ph-text-outdent:before {
content: "\ea1c";
}
.ph-light.ph-text-strikethrough:before {
content: "\e5c2";
}
.ph-light.ph-text-subscript:before {
content: "\ec98";
}
.ph-light.ph-text-superscript:before {
content: "\ec9a";
}
.ph-light.ph-text-t:before {
content: "\e48a";
}
.ph-light.ph-text-t-slash:before {
content: "\e488";
}
.ph-light.ph-text-underline:before {
content: "\e5c4";
}
.ph-light.ph-textbox:before {
content: "\eb0a";
}
.ph-light.ph-thermometer:before {
content: "\e5c6";
}
.ph-light.ph-thermometer-cold:before {
content: "\e5c8";
}
.ph-light.ph-thermometer-hot:before {
content: "\e5ca";
}
.ph-light.ph-thermometer-simple:before {
content: "\e5cc";
}
.ph-light.ph-threads-logo:before {
content: "\ed9e";
}
.ph-light.ph-three-d:before {
content: "\ea5a";
}
.ph-light.ph-thumbs-down:before {
content: "\e48c";
}
.ph-light.ph-thumbs-up:before {
content: "\e48e";
}
.ph-light.ph-ticket:before {
content: "\e490";
}
.ph-light.ph-tidal-logo:before {
content: "\ed1c";
}
.ph-light.ph-tiktok-logo:before {
content: "\eaf2";
}
.ph-light.ph-tilde:before {
content: "\eda8";
}
.ph-light.ph-timer:before {
content: "\e492";
}
.ph-light.ph-tip-jar:before {
content: "\e7e2";
}
.ph-light.ph-tipi:before {
content: "\ed30";
}
.ph-light.ph-tire:before {
content: "\edd2";
}
.ph-light.ph-toggle-left:before {
content: "\e674";
}
.ph-light.ph-toggle-right:before {
content: "\e676";
}
.ph-light.ph-toilet:before {
content: "\e79a";
}
.ph-light.ph-toilet-paper:before {
content: "\e79c";
}
.ph-light.ph-toolbox:before {
content: "\eca0";
}
.ph-light.ph-tooth:before {
content: "\e9cc";
}
.ph-light.ph-tornado:before {
content: "\e88c";
}
.ph-light.ph-tote:before {
content: "\e494";
}
.ph-light.ph-tote-simple:before {
content: "\e678";
}
.ph-light.ph-towel:before {
content: "\ede6";
}
.ph-light.ph-tractor:before {
content: "\ec6e";
}
.ph-light.ph-trademark:before {
content: "\e9f0";
}
.ph-light.ph-trademark-registered:before {
content: "\e3f4";
}
.ph-light.ph-traffic-cone:before {
content: "\e9a8";
}
.ph-light.ph-traffic-sign:before {
content: "\e67a";
}
.ph-light.ph-traffic-signal:before {
content: "\e9aa";
}
.ph-light.ph-train:before {
content: "\e496";
}
.ph-light.ph-train-regional:before {
content: "\e49e";
}
.ph-light.ph-train-simple:before {
content: "\e4a0";
}
.ph-light.ph-tram:before {
content: "\e9ec";
}
.ph-light.ph-translate:before {
content: "\e4a2";
}
.ph-light.ph-trash:before {
content: "\e4a6";
}
.ph-light.ph-trash-simple:before {
content: "\e4a8";
}
.ph-light.ph-tray:before {
content: "\e4aa";
}
.ph-light.ph-tray-arrow-down:before {
content: "\e010";
}
.ph-light.ph-archive-tray:before {
content: "\e010";
}
.ph-light.ph-tray-arrow-up:before {
content: "\ee52";
}
.ph-light.ph-treasure-chest:before {
content: "\ede2";
}
.ph-light.ph-tree:before {
content: "\e6da";
}
.ph-light.ph-tree-evergreen:before {
content: "\e6dc";
}
.ph-light.ph-tree-palm:before {
content: "\e91a";
}
.ph-light.ph-tree-structure:before {
content: "\e67c";
}
.ph-light.ph-tree-view:before {
content: "\ee48";
}
.ph-light.ph-trend-down:before {
content: "\e4ac";
}
.ph-light.ph-trend-up:before {
content: "\e4ae";
}
.ph-light.ph-triangle:before {
content: "\e4b0";
}
.ph-light.ph-triangle-dashed:before {
content: "\e4b2";
}
.ph-light.ph-trolley:before {
content: "\e5b2";
}
.ph-light.ph-trolley-suitcase:before {
content: "\e5b4";
}
.ph-light.ph-trophy:before {
content: "\e67e";
}
.ph-light.ph-truck:before {
content: "\e4b4";
}
.ph-light.ph-truck-trailer:before {
content: "\e4b6";
}
.ph-light.ph-tumblr-logo:before {
content: "\e8d4";
}
.ph-light.ph-twitch-logo:before {
content: "\e5ce";
}
.ph-light.ph-twitter-logo:before {
content: "\e4ba";
}
.ph-light.ph-umbrella:before {
content: "\e684";
}
.ph-light.ph-umbrella-simple:before {
content: "\e686";
}
.ph-light.ph-union:before {
content: "\edbe";
}
.ph-light.ph-unite:before {
content: "\e87e";
}
.ph-light.ph-unite-square:before {
content: "\e878";
}
.ph-light.ph-upload:before {
content: "\e4be";
}
.ph-light.ph-upload-simple:before {
content: "\e4c0";
}
.ph-light.ph-usb:before {
content: "\e956";
}
.ph-light.ph-user:before {
content: "\e4c2";
}
.ph-light.ph-user-check:before {
content: "\eafa";
}
.ph-light.ph-user-circle:before {
content: "\e4c4";
}
.ph-light.ph-user-circle-check:before {
content: "\ec38";
}
.ph-light.ph-user-circle-dashed:before {
content: "\ec36";
}
.ph-light.ph-user-circle-gear:before {
content: "\e4c6";
}
.ph-light.ph-user-circle-minus:before {
content: "\e4c8";
}
.ph-light.ph-user-circle-plus:before {
content: "\e4ca";
}
.ph-light.ph-user-focus:before {
content: "\e6fc";
}
.ph-light.ph-user-gear:before {
content: "\e4cc";
}
.ph-light.ph-user-list:before {
content: "\e73c";
}
.ph-light.ph-user-minus:before {
content: "\e4ce";
}
.ph-light.ph-user-plus:before {
content: "\e4d0";
}
.ph-light.ph-user-rectangle:before {
content: "\e4d2";
}
.ph-light.ph-user-sound:before {
content: "\eca8";
}
.ph-light.ph-user-square:before {
content: "\e4d4";
}
.ph-light.ph-user-switch:before {
content: "\e756";
}
.ph-light.ph-users:before {
content: "\e4d6";
}
.ph-light.ph-users-four:before {
content: "\e68c";
}
.ph-light.ph-users-three:before {
content: "\e68e";
}
.ph-light.ph-van:before {
content: "\e826";
}
.ph-light.ph-vault:before {
content: "\e76e";
}
.ph-light.ph-vector-three:before {
content: "\ee62";
}
.ph-light.ph-vector-two:before {
content: "\ee64";
}
.ph-light.ph-vibrate:before {
content: "\e4d8";
}
.ph-light.ph-video:before {
content: "\e740";
}
.ph-light.ph-video-camera:before {
content: "\e4da";
}
.ph-light.ph-video-camera-slash:before {
content: "\e4dc";
}
.ph-light.ph-video-conference:before {
content: "\edce";
}
.ph-light.ph-vignette:before {
content: "\eba2";
}
.ph-light.ph-vinyl-record:before {
content: "\ecac";
}
.ph-light.ph-virtual-reality:before {
content: "\e7b8";
}
.ph-light.ph-virus:before {
content: "\e7d6";
}
.ph-light.ph-visor:before {
content: "\ee2a";
}
.ph-light.ph-voicemail:before {
content: "\e4de";
}
.ph-light.ph-volleyball:before {
content: "\e726";
}
.ph-light.ph-wall:before {
content: "\e688";
}
.ph-light.ph-wallet:before {
content: "\e68a";
}
.ph-light.ph-warehouse:before {
content: "\ecd4";
}
.ph-light.ph-warning:before {
content: "\e4e0";
}
.ph-light.ph-warning-circle:before {
content: "\e4e2";
}
.ph-light.ph-warning-diamond:before {
content: "\e7fc";
}
.ph-light.ph-warning-octagon:before {
content: "\e4e4";
}
.ph-light.ph-washing-machine:before {
content: "\ede8";
}
.ph-light.ph-watch:before {
content: "\e4e6";
}
.ph-light.ph-wave-sawtooth:before {
content: "\ea9c";
}
.ph-light.ph-wave-sine:before {
content: "\ea9a";
}
.ph-light.ph-wave-square:before {
content: "\ea9e";
}
.ph-light.ph-wave-triangle:before {
content: "\eaa0";
}
.ph-light.ph-waveform:before {
content: "\e802";
}
.ph-light.ph-waveform-slash:before {
content: "\e800";
}
.ph-light.ph-waves:before {
content: "\e6de";
}
.ph-light.ph-webcam:before {
content: "\e9b2";
}
.ph-light.ph-webcam-slash:before {
content: "\ecdc";
}
.ph-light.ph-webhooks-logo:before {
content: "\ecae";
}
.ph-light.ph-wechat-logo:before {
content: "\e8d2";
}
.ph-light.ph-whatsapp-logo:before {
content: "\e5d0";
}
.ph-light.ph-wheelchair:before {
content: "\e4e8";
}
.ph-light.ph-wheelchair-motion:before {
content: "\e89a";
}
.ph-light.ph-wifi-high:before {
content: "\e4ea";
}
.ph-light.ph-wifi-low:before {
content: "\e4ec";
}
.ph-light.ph-wifi-medium:before {
content: "\e4ee";
}
.ph-light.ph-wifi-none:before {
content: "\e4f0";
}
.ph-light.ph-wifi-slash:before {
content: "\e4f2";
}
.ph-light.ph-wifi-x:before {
content: "\e4f4";
}
.ph-light.ph-wind:before {
content: "\e5d2";
}
.ph-light.ph-windmill:before {
content: "\e9f8";
}
.ph-light.ph-windows-logo:before {
content: "\e692";
}
.ph-light.ph-wine:before {
content: "\e6b2";
}
.ph-light.ph-wrench:before {
content: "\e5d4";
}
.ph-light.ph-x:before {
content: "\e4f6";
}
.ph-light.ph-x-circle:before {
content: "\e4f8";
}
.ph-light.ph-x-logo:before {
content: "\e4bc";
}
.ph-light.ph-x-square:before {
content: "\e4fa";
}
.ph-light.ph-yarn:before {
content: "\ed9a";
}
.ph-light.ph-yin-yang:before {
content: "\e92a";
}
.ph-light.ph-youtube-logo:before {
content: "\e4fc";
}
.ph {
font-family: "Phosphor" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
letter-spacing: 0;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
-webkit-font-variant-ligatures: discretionary-ligatures;
font-variant-ligatures: discretionary-ligatures;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ph.ph-acorn:before {
content: "\eb9a";
}
.ph.ph-address-book:before {
content: "\e6f8";
}
.ph.ph-address-book-tabs:before {
content: "\ee4e";
}
.ph.ph-air-traffic-control:before {
content: "\ecd8";
}
.ph.ph-airplane:before {
content: "\e002";
}
.ph.ph-airplane-in-flight:before {
content: "\e4fe";
}
.ph.ph-airplane-landing:before {
content: "\e502";
}
.ph.ph-airplane-takeoff:before {
content: "\e504";
}
.ph.ph-airplane-taxiing:before {
content: "\e500";
}
.ph.ph-airplane-tilt:before {
content: "\e5d6";
}
.ph.ph-airplay:before {
content: "\e004";
}
.ph.ph-alarm:before {
content: "\e006";
}
.ph.ph-alien:before {
content: "\e8a6";
}
.ph.ph-align-bottom:before {
content: "\e506";
}
.ph.ph-align-bottom-simple:before {
content: "\eb0c";
}
.ph.ph-align-center-horizontal:before {
content: "\e50a";
}
.ph.ph-align-center-horizontal-simple:before {
content: "\eb0e";
}
.ph.ph-align-center-vertical:before {
content: "\e50c";
}
.ph.ph-align-center-vertical-simple:before {
content: "\eb10";
}
.ph.ph-align-left:before {
content: "\e50e";
}
.ph.ph-align-left-simple:before {
content: "\eaee";
}
.ph.ph-align-right:before {
content: "\e510";
}
.ph.ph-align-right-simple:before {
content: "\eb12";
}
.ph.ph-align-top:before {
content: "\e512";
}
.ph.ph-align-top-simple:before {
content: "\eb14";
}
.ph.ph-amazon-logo:before {
content: "\e96c";
}
.ph.ph-ambulance:before {
content: "\e572";
}
.ph.ph-anchor:before {
content: "\e514";
}
.ph.ph-anchor-simple:before {
content: "\e5d8";
}
.ph.ph-android-logo:before {
content: "\e008";
}
.ph.ph-angle:before {
content: "\e7bc";
}
.ph.ph-angular-logo:before {
content: "\eb80";
}
.ph.ph-aperture:before {
content: "\e00a";
}
.ph.ph-app-store-logo:before {
content: "\e974";
}
.ph.ph-app-window:before {
content: "\e5da";
}
.ph.ph-apple-logo:before {
content: "\e516";
}
.ph.ph-apple-podcasts-logo:before {
content: "\eb96";
}
.ph.ph-approximate-equals:before {
content: "\edaa";
}
.ph.ph-archive:before {
content: "\e00c";
}
.ph.ph-armchair:before {
content: "\e012";
}
.ph.ph-arrow-arc-left:before {
content: "\e014";
}
.ph.ph-arrow-arc-right:before {
content: "\e016";
}
.ph.ph-arrow-bend-double-up-left:before {
content: "\e03a";
}
.ph.ph-arrow-bend-double-up-right:before {
content: "\e03c";
}
.ph.ph-arrow-bend-down-left:before {
content: "\e018";
}
.ph.ph-arrow-bend-down-right:before {
content: "\e01a";
}
.ph.ph-arrow-bend-left-down:before {
content: "\e01c";
}
.ph.ph-arrow-bend-left-up:before {
content: "\e01e";
}
.ph.ph-arrow-bend-right-down:before {
content: "\e020";
}
.ph.ph-arrow-bend-right-up:before {
content: "\e022";
}
.ph.ph-arrow-bend-up-left:before {
content: "\e024";
}
.ph.ph-arrow-bend-up-right:before {
content: "\e026";
}
.ph.ph-arrow-circle-down:before {
content: "\e028";
}
.ph.ph-arrow-circle-down-left:before {
content: "\e02a";
}
.ph.ph-arrow-circle-down-right:before {
content: "\e02c";
}
.ph.ph-arrow-circle-left:before {
content: "\e05a";
}
.ph.ph-arrow-circle-right:before {
content: "\e02e";
}
.ph.ph-arrow-circle-up:before {
content: "\e030";
}
.ph.ph-arrow-circle-up-left:before {
content: "\e032";
}
.ph.ph-arrow-circle-up-right:before {
content: "\e034";
}
.ph.ph-arrow-clockwise:before {
content: "\e036";
}
.ph.ph-arrow-counter-clockwise:before {
content: "\e038";
}
.ph.ph-arrow-down:before {
content: "\e03e";
}
.ph.ph-arrow-down-left:before {
content: "\e040";
}
.ph.ph-arrow-down-right:before {
content: "\e042";
}
.ph.ph-arrow-elbow-down-left:before {
content: "\e044";
}
.ph.ph-arrow-elbow-down-right:before {
content: "\e046";
}
.ph.ph-arrow-elbow-left:before {
content: "\e048";
}
.ph.ph-arrow-elbow-left-down:before {
content: "\e04a";
}
.ph.ph-arrow-elbow-left-up:before {
content: "\e04c";
}
.ph.ph-arrow-elbow-right:before {
content: "\e04e";
}
.ph.ph-arrow-elbow-right-down:before {
content: "\e050";
}
.ph.ph-arrow-elbow-right-up:before {
content: "\e052";
}
.ph.ph-arrow-elbow-up-left:before {
content: "\e054";
}
.ph.ph-arrow-elbow-up-right:before {
content: "\e056";
}
.ph.ph-arrow-fat-down:before {
content: "\e518";
}
.ph.ph-arrow-fat-left:before {
content: "\e51a";
}
.ph.ph-arrow-fat-line-down:before {
content: "\e51c";
}
.ph.ph-arrow-fat-line-left:before {
content: "\e51e";
}
.ph.ph-arrow-fat-line-right:before {
content: "\e520";
}
.ph.ph-arrow-fat-line-up:before {
content: "\e522";
}
.ph.ph-arrow-fat-lines-down:before {
content: "\e524";
}
.ph.ph-arrow-fat-lines-left:before {
content: "\e526";
}
.ph.ph-arrow-fat-lines-right:before {
content: "\e528";
}
.ph.ph-arrow-fat-lines-up:before {
content: "\e52a";
}
.ph.ph-arrow-fat-right:before {
content: "\e52c";
}
.ph.ph-arrow-fat-up:before {
content: "\e52e";
}
.ph.ph-arrow-left:before {
content: "\e058";
}
.ph.ph-arrow-line-down:before {
content: "\e05c";
}
.ph.ph-arrow-line-down-left:before {
content: "\e05e";
}
.ph.ph-arrow-line-down-right:before {
content: "\e060";
}
.ph.ph-arrow-line-left:before {
content: "\e062";
}
.ph.ph-arrow-line-right:before {
content: "\e064";
}
.ph.ph-arrow-line-up:before {
content: "\e066";
}
.ph.ph-arrow-line-up-left:before {
content: "\e068";
}
.ph.ph-arrow-line-up-right:before {
content: "\e06a";
}
.ph.ph-arrow-right:before {
content: "\e06c";
}
.ph.ph-arrow-square-down:before {
content: "\e06e";
}
.ph.ph-arrow-square-down-left:before {
content: "\e070";
}
.ph.ph-arrow-square-down-right:before {
content: "\e072";
}
.ph.ph-arrow-square-in:before {
content: "\e5dc";
}
.ph.ph-arrow-square-left:before {
content: "\e074";
}
.ph.ph-arrow-square-out:before {
content: "\e5de";
}
.ph.ph-arrow-square-right:before {
content: "\e076";
}
.ph.ph-arrow-square-up:before {
content: "\e078";
}
.ph.ph-arrow-square-up-left:before {
content: "\e07a";
}
.ph.ph-arrow-square-up-right:before {
content: "\e07c";
}
.ph.ph-arrow-u-down-left:before {
content: "\e07e";
}
.ph.ph-arrow-u-down-right:before {
content: "\e080";
}
.ph.ph-arrow-u-left-down:before {
content: "\e082";
}
.ph.ph-arrow-u-left-up:before {
content: "\e084";
}
.ph.ph-arrow-u-right-down:before {
content: "\e086";
}
.ph.ph-arrow-u-right-up:before {
content: "\e088";
}
.ph.ph-arrow-u-up-left:before {
content: "\e08a";
}
.ph.ph-arrow-u-up-right:before {
content: "\e08c";
}
.ph.ph-arrow-up:before {
content: "\e08e";
}
.ph.ph-arrow-up-left:before {
content: "\e090";
}
.ph.ph-arrow-up-right:before {
content: "\e092";
}
.ph.ph-arrows-clockwise:before {
content: "\e094";
}
.ph.ph-arrows-counter-clockwise:before {
content: "\e096";
}
.ph.ph-arrows-down-up:before {
content: "\e098";
}
.ph.ph-arrows-horizontal:before {
content: "\eb06";
}
.ph.ph-arrows-in:before {
content: "\e09a";
}
.ph.ph-arrows-in-cardinal:before {
content: "\e09c";
}
.ph.ph-arrows-in-line-horizontal:before {
content: "\e530";
}
.ph.ph-arrows-in-line-vertical:before {
content: "\e532";
}
.ph.ph-arrows-in-simple:before {
content: "\e09e";
}
.ph.ph-arrows-left-right:before {
content: "\e0a0";
}
.ph.ph-arrows-merge:before {
content: "\ed3e";
}
.ph.ph-arrows-out:before {
content: "\e0a2";
}
.ph.ph-arrows-out-cardinal:before {
content: "\e0a4";
}
.ph.ph-arrows-out-line-horizontal:before {
content: "\e534";
}
.ph.ph-arrows-out-line-vertical:before {
content: "\e536";
}
.ph.ph-arrows-out-simple:before {
content: "\e0a6";
}
.ph.ph-arrows-split:before {
content: "\ed3c";
}
.ph.ph-arrows-vertical:before {
content: "\eb04";
}
.ph.ph-article:before {
content: "\e0a8";
}
.ph.ph-article-medium:before {
content: "\e5e0";
}
.ph.ph-article-ny-times:before {
content: "\e5e2";
}
.ph.ph-asclepius:before {
content: "\ee34";
}
.ph.ph-caduceus:before {
content: "\ee34";
}
.ph.ph-asterisk:before {
content: "\e0aa";
}
.ph.ph-asterisk-simple:before {
content: "\e832";
}
.ph.ph-at:before {
content: "\e0ac";
}
.ph.ph-atom:before {
content: "\e5e4";
}
.ph.ph-avocado:before {
content: "\ee04";
}
.ph.ph-axe:before {
content: "\e9fc";
}
.ph.ph-baby:before {
content: "\e774";
}
.ph.ph-baby-carriage:before {
content: "\e818";
}
.ph.ph-backpack:before {
content: "\e922";
}
.ph.ph-backspace:before {
content: "\e0ae";
}
.ph.ph-bag:before {
content: "\e0b0";
}
.ph.ph-bag-simple:before {
content: "\e5e6";
}
.ph.ph-balloon:before {
content: "\e76c";
}
.ph.ph-bandaids:before {
content: "\e0b2";
}
.ph.ph-bank:before {
content: "\e0b4";
}
.ph.ph-barbell:before {
content: "\e0b6";
}
.ph.ph-barcode:before {
content: "\e0b8";
}
.ph.ph-barn:before {
content: "\ec72";
}
.ph.ph-barricade:before {
content: "\e948";
}
.ph.ph-baseball:before {
content: "\e71a";
}
.ph.ph-baseball-cap:before {
content: "\ea28";
}
.ph.ph-baseball-helmet:before {
content: "\ee4a";
}
.ph.ph-basket:before {
content: "\e964";
}
.ph.ph-basketball:before {
content: "\e724";
}
.ph.ph-bathtub:before {
content: "\e81e";
}
.ph.ph-battery-charging:before {
content: "\e0ba";
}
.ph.ph-battery-charging-vertical:before {
content: "\e0bc";
}
.ph.ph-battery-empty:before {
content: "\e0be";
}
.ph.ph-battery-full:before {
content: "\e0c0";
}
.ph.ph-battery-high:before {
content: "\e0c2";
}
.ph.ph-battery-low:before {
content: "\e0c4";
}
.ph.ph-battery-medium:before {
content: "\e0c6";
}
.ph.ph-battery-plus:before {
content: "\e808";
}
.ph.ph-battery-plus-vertical:before {
content: "\ec50";
}
.ph.ph-battery-vertical-empty:before {
content: "\e7c6";
}
.ph.ph-battery-vertical-full:before {
content: "\e7c4";
}
.ph.ph-battery-vertical-high:before {
content: "\e7c2";
}
.ph.ph-battery-vertical-low:before {
content: "\e7be";
}
.ph.ph-battery-vertical-medium:before {
content: "\e7c0";
}
.ph.ph-battery-warning:before {
content: "\e0c8";
}
.ph.ph-battery-warning-vertical:before {
content: "\e0ca";
}
.ph.ph-beach-ball:before {
content: "\ed24";
}
.ph.ph-beanie:before {
content: "\ea2a";
}
.ph.ph-bed:before {
content: "\e0cc";
}
.ph.ph-beer-bottle:before {
content: "\e7b0";
}
.ph.ph-beer-stein:before {
content: "\eb62";
}
.ph.ph-behance-logo:before {
content: "\e7f4";
}
.ph.ph-bell:before {
content: "\e0ce";
}
.ph.ph-bell-ringing:before {
content: "\e5e8";
}
.ph.ph-bell-simple:before {
content: "\e0d0";
}
.ph.ph-bell-simple-ringing:before {
content: "\e5ea";
}
.ph.ph-bell-simple-slash:before {
content: "\e0d2";
}
.ph.ph-bell-simple-z:before {
content: "\e5ec";
}
.ph.ph-bell-slash:before {
content: "\e0d4";
}
.ph.ph-bell-z:before {
content: "\e5ee";
}
.ph.ph-belt:before {
content: "\ea2c";
}
.ph.ph-bezier-curve:before {
content: "\eb00";
}
.ph.ph-bicycle:before {
content: "\e0d6";
}
.ph.ph-binary:before {
content: "\ee60";
}
.ph.ph-binoculars:before {
content: "\ea64";
}
.ph.ph-biohazard:before {
content: "\e9e0";
}
.ph.ph-bird:before {
content: "\e72c";
}
.ph.ph-blueprint:before {
content: "\eda0";
}
.ph.ph-bluetooth:before {
content: "\e0da";
}
.ph.ph-bluetooth-connected:before {
content: "\e0dc";
}
.ph.ph-bluetooth-slash:before {
content: "\e0de";
}
.ph.ph-bluetooth-x:before {
content: "\e0e0";
}
.ph.ph-boat:before {
content: "\e786";
}
.ph.ph-bomb:before {
content: "\ee0a";
}
.ph.ph-bone:before {
content: "\e7f2";
}
.ph.ph-book:before {
content: "\e0e2";
}
.ph.ph-book-bookmark:before {
content: "\e0e4";
}
.ph.ph-book-open:before {
content: "\e0e6";
}
.ph.ph-book-open-text:before {
content: "\e8f2";
}
.ph.ph-book-open-user:before {
content: "\ede0";
}
.ph.ph-bookmark:before {
content: "\e0e8";
}
.ph.ph-bookmark-simple:before {
content: "\e0ea";
}
.ph.ph-bookmarks:before {
content: "\e0ec";
}
.ph.ph-bookmarks-simple:before {
content: "\e5f0";
}
.ph.ph-books:before {
content: "\e758";
}
.ph.ph-boot:before {
content: "\ecca";
}
.ph.ph-boules:before {
content: "\e722";
}
.ph.ph-bounding-box:before {
content: "\e6ce";
}
.ph.ph-bowl-food:before {
content: "\eaa4";
}
.ph.ph-bowl-steam:before {
content: "\e8e4";
}
.ph.ph-bowling-ball:before {
content: "\ea34";
}
.ph.ph-box-arrow-down:before {
content: "\e00e";
}
.ph.ph-archive-box:before {
content: "\e00e";
}
.ph.ph-box-arrow-up:before {
content: "\ee54";
}
.ph.ph-boxing-glove:before {
content: "\ea36";
}
.ph.ph-brackets-angle:before {
content: "\e862";
}
.ph.ph-brackets-curly:before {
content: "\e860";
}
.ph.ph-brackets-round:before {
content: "\e864";
}
.ph.ph-brackets-square:before {
content: "\e85e";
}
.ph.ph-brain:before {
content: "\e74e";
}
.ph.ph-brandy:before {
content: "\e6b4";
}
.ph.ph-bread:before {
content: "\e81c";
}
.ph.ph-bridge:before {
content: "\ea68";
}
.ph.ph-briefcase:before {
content: "\e0ee";
}
.ph.ph-briefcase-metal:before {
content: "\e5f2";
}
.ph.ph-broadcast:before {
content: "\e0f2";
}
.ph.ph-broom:before {
content: "\ec54";
}
.ph.ph-browser:before {
content: "\e0f4";
}
.ph.ph-browsers:before {
content: "\e0f6";
}
.ph.ph-bug:before {
content: "\e5f4";
}
.ph.ph-bug-beetle:before {
content: "\e5f6";
}
.ph.ph-bug-droid:before {
content: "\e5f8";
}
.ph.ph-building:before {
content: "\e100";
}
.ph.ph-building-apartment:before {
content: "\e0fe";
}
.ph.ph-building-office:before {
content: "\e0ff";
}
.ph.ph-buildings:before {
content: "\e102";
}
.ph.ph-bulldozer:before {
content: "\ec6c";
}
.ph.ph-bus:before {
content: "\e106";
}
.ph.ph-butterfly:before {
content: "\ea6e";
}
.ph.ph-cable-car:before {
content: "\e49c";
}
.ph.ph-cactus:before {
content: "\e918";
}
.ph.ph-cake:before {
content: "\e780";
}
.ph.ph-calculator:before {
content: "\e538";
}
.ph.ph-calendar:before {
content: "\e108";
}
.ph.ph-calendar-blank:before {
content: "\e10a";
}
.ph.ph-calendar-check:before {
content: "\e712";
}
.ph.ph-calendar-dot:before {
content: "\e7b2";
}
.ph.ph-calendar-dots:before {
content: "\e7b4";
}
.ph.ph-calendar-heart:before {
content: "\e8b0";
}
.ph.ph-calendar-minus:before {
content: "\ea14";
}
.ph.ph-calendar-plus:before {
content: "\e714";
}
.ph.ph-calendar-slash:before {
content: "\ea12";
}
.ph.ph-calendar-star:before {
content: "\e8b2";
}
.ph.ph-calendar-x:before {
content: "\e10c";
}
.ph.ph-call-bell:before {
content: "\e7de";
}
.ph.ph-camera:before {
content: "\e10e";
}
.ph.ph-camera-plus:before {
content: "\ec58";
}
.ph.ph-camera-rotate:before {
content: "\e7a4";
}
.ph.ph-camera-slash:before {
content: "\e110";
}
.ph.ph-campfire:before {
content: "\e9d8";
}
.ph.ph-car:before {
content: "\e112";
}
.ph.ph-car-battery:before {
content: "\ee30";
}
.ph.ph-car-profile:before {
content: "\e8cc";
}
.ph.ph-car-simple:before {
content: "\e114";
}
.ph.ph-cardholder:before {
content: "\e5fa";
}
.ph.ph-cards:before {
content: "\e0f8";
}
.ph.ph-cards-three:before {
content: "\ee50";
}
.ph.ph-caret-circle-double-down:before {
content: "\e116";
}
.ph.ph-caret-circle-double-left:before {
content: "\e118";
}
.ph.ph-caret-circle-double-right:before {
content: "\e11a";
}
.ph.ph-caret-circle-double-up:before {
content: "\e11c";
}
.ph.ph-caret-circle-down:before {
content: "\e11e";
}
.ph.ph-caret-circle-left:before {
content: "\e120";
}
.ph.ph-caret-circle-right:before {
content: "\e122";
}
.ph.ph-caret-circle-up:before {
content: "\e124";
}
.ph.ph-caret-circle-up-down:before {
content: "\e13e";
}
.ph.ph-caret-double-down:before {
content: "\e126";
}
.ph.ph-caret-double-left:before {
content: "\e128";
}
.ph.ph-caret-double-right:before {
content: "\e12a";
}
.ph.ph-caret-double-up:before {
content: "\e12c";
}
.ph.ph-caret-down:before {
content: "\e136";
}
.ph.ph-caret-left:before {
content: "\e138";
}
.ph.ph-caret-line-down:before {
content: "\e134";
}
.ph.ph-caret-line-left:before {
content: "\e132";
}
.ph.ph-caret-line-right:before {
content: "\e130";
}
.ph.ph-caret-line-up:before {
content: "\e12e";
}
.ph.ph-caret-right:before {
content: "\e13a";
}
.ph.ph-caret-up:before {
content: "\e13c";
}
.ph.ph-caret-up-down:before {
content: "\e140";
}
.ph.ph-carrot:before {
content: "\ed38";
}
.ph.ph-cash-register:before {
content: "\ed80";
}
.ph.ph-cassette-tape:before {
content: "\ed2e";
}
.ph.ph-castle-turret:before {
content: "\e9d0";
}
.ph.ph-cat:before {
content: "\e748";
}
.ph.ph-cell-signal-full:before {
content: "\e142";
}
.ph.ph-cell-signal-high:before {
content: "\e144";
}
.ph.ph-cell-signal-low:before {
content: "\e146";
}
.ph.ph-cell-signal-medium:before {
content: "\e148";
}
.ph.ph-cell-signal-none:before {
content: "\e14a";
}
.ph.ph-cell-signal-slash:before {
content: "\e14c";
}
.ph.ph-cell-signal-x:before {
content: "\e14e";
}
.ph.ph-cell-tower:before {
content: "\ebaa";
}
.ph.ph-certificate:before {
content: "\e766";
}
.ph.ph-chair:before {
content: "\e950";
}
.ph.ph-chalkboard:before {
content: "\e5fc";
}
.ph.ph-chalkboard-simple:before {
content: "\e5fe";
}
.ph.ph-chalkboard-teacher:before {
content: "\e600";
}
.ph.ph-champagne:before {
content: "\eaca";
}
.ph.ph-charging-station:before {
content: "\e8d0";
}
.ph.ph-chart-bar:before {
content: "\e150";
}
.ph.ph-chart-bar-horizontal:before {
content: "\e152";
}
.ph.ph-chart-donut:before {
content: "\eaa6";
}
.ph.ph-chart-line:before {
content: "\e154";
}
.ph.ph-chart-line-down:before {
content: "\e8b6";
}
.ph.ph-chart-line-up:before {
content: "\e156";
}
.ph.ph-chart-pie:before {
content: "\e158";
}
.ph.ph-chart-pie-slice:before {
content: "\e15a";
}
.ph.ph-chart-polar:before {
content: "\eaa8";
}
.ph.ph-chart-scatter:before {
content: "\eaac";
}
.ph.ph-chat:before {
content: "\e15c";
}
.ph.ph-chat-centered:before {
content: "\e160";
}
.ph.ph-chat-centered-dots:before {
content: "\e164";
}
.ph.ph-chat-centered-slash:before {
content: "\e162";
}
.ph.ph-chat-centered-text:before {
content: "\e166";
}
.ph.ph-chat-circle:before {
content: "\e168";
}
.ph.ph-chat-circle-dots:before {
content: "\e16c";
}
.ph.ph-chat-circle-slash:before {
content: "\e16a";
}
.ph.ph-chat-circle-text:before {
content: "\e16e";
}
.ph.ph-chat-dots:before {
content: "\e170";
}
.ph.ph-chat-slash:before {
content: "\e15e";
}
.ph.ph-chat-teardrop:before {
content: "\e172";
}
.ph.ph-chat-teardrop-dots:before {
content: "\e176";
}
.ph.ph-chat-teardrop-slash:before {
content: "\e174";
}
.ph.ph-chat-teardrop-text:before {
content: "\e178";
}
.ph.ph-chat-text:before {
content: "\e17a";
}
.ph.ph-chats:before {
content: "\e17c";
}
.ph.ph-chats-circle:before {
content: "\e17e";
}
.ph.ph-chats-teardrop:before {
content: "\e180";
}
.ph.ph-check:before {
content: "\e182";
}
.ph.ph-check-circle:before {
content: "\e184";
}
.ph.ph-check-fat:before {
content: "\eba6";
}
.ph.ph-check-square:before {
content: "\e186";
}
.ph.ph-check-square-offset:before {
content: "\e188";
}
.ph.ph-checkerboard:before {
content: "\e8c4";
}
.ph.ph-checks:before {
content: "\e53a";
}
.ph.ph-cheers:before {
content: "\ea4a";
}
.ph.ph-cheese:before {
content: "\e9fe";
}
.ph.ph-chef-hat:before {
content: "\ed8e";
}
.ph.ph-cherries:before {
content: "\e830";
}
.ph.ph-church:before {
content: "\ecea";
}
.ph.ph-cigarette:before {
content: "\ed90";
}
.ph.ph-cigarette-slash:before {
content: "\ed92";
}
.ph.ph-circle:before {
content: "\e18a";
}
.ph.ph-circle-dashed:before {
content: "\e602";
}
.ph.ph-circle-half:before {
content: "\e18c";
}
.ph.ph-circle-half-tilt:before {
content: "\e18e";
}
.ph.ph-circle-notch:before {
content: "\eb44";
}
.ph.ph-circles-four:before {
content: "\e190";
}
.ph.ph-circles-three:before {
content: "\e192";
}
.ph.ph-circles-three-plus:before {
content: "\e194";
}
.ph.ph-circuitry:before {
content: "\e9c2";
}
.ph.ph-city:before {
content: "\ea6a";
}
.ph.ph-clipboard:before {
content: "\e196";
}
.ph.ph-clipboard-text:before {
content: "\e198";
}
.ph.ph-clock:before {
content: "\e19a";
}
.ph.ph-clock-afternoon:before {
content: "\e19c";
}
.ph.ph-clock-clockwise:before {
content: "\e19e";
}
.ph.ph-clock-countdown:before {
content: "\ed2c";
}
.ph.ph-clock-counter-clockwise:before {
content: "\e1a0";
}
.ph.ph-clock-user:before {
content: "\edec";
}
.ph.ph-closed-captioning:before {
content: "\e1a4";
}
.ph.ph-cloud:before {
content: "\e1aa";
}
.ph.ph-cloud-arrow-down:before {
content: "\e1ac";
}
.ph.ph-cloud-arrow-up:before {
content: "\e1ae";
}
.ph.ph-cloud-check:before {
content: "\e1b0";
}
.ph.ph-cloud-fog:before {
content: "\e53c";
}
.ph.ph-cloud-lightning:before {
content: "\e1b2";
}
.ph.ph-cloud-moon:before {
content: "\e53e";
}
.ph.ph-cloud-rain:before {
content: "\e1b4";
}
.ph.ph-cloud-slash:before {
content: "\e1b6";
}
.ph.ph-cloud-snow:before {
content: "\e1b8";
}
.ph.ph-cloud-sun:before {
content: "\e540";
}
.ph.ph-cloud-warning:before {
content: "\ea98";
}
.ph.ph-cloud-x:before {
content: "\ea96";
}
.ph.ph-clover:before {
content: "\edc8";
}
.ph.ph-club:before {
content: "\e1ba";
}
.ph.ph-coat-hanger:before {
content: "\e7fe";
}
.ph.ph-coda-logo:before {
content: "\e7ce";
}
.ph.ph-code:before {
content: "\e1bc";
}
.ph.ph-code-block:before {
content: "\eafe";
}
.ph.ph-code-simple:before {
content: "\e1be";
}
.ph.ph-codepen-logo:before {
content: "\e978";
}
.ph.ph-codesandbox-logo:before {
content: "\ea06";
}
.ph.ph-coffee:before {
content: "\e1c2";
}
.ph.ph-coffee-bean:before {
content: "\e1c0";
}
.ph.ph-coin:before {
content: "\e60e";
}
.ph.ph-coin-vertical:before {
content: "\eb48";
}
.ph.ph-coins:before {
content: "\e78e";
}
.ph.ph-columns:before {
content: "\e546";
}
.ph.ph-columns-plus-left:before {
content: "\e544";
}
.ph.ph-columns-plus-right:before {
content: "\e542";
}
.ph.ph-command:before {
content: "\e1c4";
}
.ph.ph-compass:before {
content: "\e1c8";
}
.ph.ph-compass-rose:before {
content: "\e1c6";
}
.ph.ph-compass-tool:before {
content: "\ea0e";
}
.ph.ph-computer-tower:before {
content: "\e548";
}
.ph.ph-confetti:before {
content: "\e81a";
}
.ph.ph-contactless-payment:before {
content: "\ed42";
}
.ph.ph-control:before {
content: "\eca6";
}
.ph.ph-cookie:before {
content: "\e6ca";
}
.ph.ph-cooking-pot:before {
content: "\e764";
}
.ph.ph-copy:before {
content: "\e1ca";
}
.ph.ph-copy-simple:before {
content: "\e1cc";
}
.ph.ph-copyleft:before {
content: "\e86a";
}
.ph.ph-copyright:before {
content: "\e54a";
}
.ph.ph-corners-in:before {
content: "\e1ce";
}
.ph.ph-corners-out:before {
content: "\e1d0";
}
.ph.ph-couch:before {
content: "\e7f6";
}
.ph.ph-court-basketball:before {
content: "\ee36";
}
.ph.ph-cow:before {
content: "\eabe";
}
.ph.ph-cowboy-hat:before {
content: "\ed12";
}
.ph.ph-cpu:before {
content: "\e610";
}
.ph.ph-crane:before {
content: "\ed48";
}
.ph.ph-crane-tower:before {
content: "\ed49";
}
.ph.ph-credit-card:before {
content: "\e1d2";
}
.ph.ph-cricket:before {
content: "\ee12";
}
.ph.ph-crop:before {
content: "\e1d4";
}
.ph.ph-cross:before {
content: "\e8a0";
}
.ph.ph-crosshair:before {
content: "\e1d6";
}
.ph.ph-crosshair-simple:before {
content: "\e1d8";
}
.ph.ph-crown:before {
content: "\e614";
}
.ph.ph-crown-cross:before {
content: "\ee5e";
}
.ph.ph-crown-simple:before {
content: "\e616";
}
.ph.ph-cube:before {
content: "\e1da";
}
.ph.ph-cube-focus:before {
content: "\ed0a";
}
.ph.ph-cube-transparent:before {
content: "\ec7c";
}
.ph.ph-currency-btc:before {
content: "\e618";
}
.ph.ph-currency-circle-dollar:before {
content: "\e54c";
}
.ph.ph-currency-cny:before {
content: "\e54e";
}
.ph.ph-currency-dollar:before {
content: "\e550";
}
.ph.ph-currency-dollar-simple:before {
content: "\e552";
}
.ph.ph-currency-eth:before {
content: "\eada";
}
.ph.ph-currency-eur:before {
content: "\e554";
}
.ph.ph-currency-gbp:before {
content: "\e556";
}
.ph.ph-currency-inr:before {
content: "\e558";
}
.ph.ph-currency-jpy:before {
content: "\e55a";
}
.ph.ph-currency-krw:before {
content: "\e55c";
}
.ph.ph-currency-kzt:before {
content: "\ec4c";
}
.ph.ph-currency-ngn:before {
content: "\eb52";
}
.ph.ph-currency-rub:before {
content: "\e55e";
}
.ph.ph-cursor:before {
content: "\e1dc";
}
.ph.ph-cursor-click:before {
content: "\e7c8";
}
.ph.ph-cursor-text:before {
content: "\e7d8";
}
.ph.ph-cylinder:before {
content: "\e8fc";
}
.ph.ph-database:before {
content: "\e1de";
}
.ph.ph-desk:before {
content: "\ed16";
}
.ph.ph-desktop:before {
content: "\e560";
}
.ph.ph-desktop-tower:before {
content: "\e562";
}
.ph.ph-detective:before {
content: "\e83e";
}
.ph.ph-dev-to-logo:before {
content: "\ed0e";
}
.ph.ph-device-mobile:before {
content: "\e1e0";
}
.ph.ph-device-mobile-camera:before {
content: "\e1e2";
}
.ph.ph-device-mobile-slash:before {
content: "\ee46";
}
.ph.ph-device-mobile-speaker:before {
content: "\e1e4";
}
.ph.ph-device-rotate:before {
content: "\edf2";
}
.ph.ph-device-tablet:before {
content: "\e1e6";
}
.ph.ph-device-tablet-camera:before {
content: "\e1e8";
}
.ph.ph-device-tablet-speaker:before {
content: "\e1ea";
}
.ph.ph-devices:before {
content: "\eba4";
}
.ph.ph-diamond:before {
content: "\e1ec";
}
.ph.ph-diamonds-four:before {
content: "\e8f4";
}
.ph.ph-dice-five:before {
content: "\e1ee";
}
.ph.ph-dice-four:before {
content: "\e1f0";
}
.ph.ph-dice-one:before {
content: "\e1f2";
}
.ph.ph-dice-six:before {
content: "\e1f4";
}
.ph.ph-dice-three:before {
content: "\e1f6";
}
.ph.ph-dice-two:before {
content: "\e1f8";
}
.ph.ph-disc:before {
content: "\e564";
}
.ph.ph-disco-ball:before {
content: "\ed98";
}
.ph.ph-discord-logo:before {
content: "\e61a";
}
.ph.ph-divide:before {
content: "\e1fa";
}
.ph.ph-dna:before {
content: "\e924";
}
.ph.ph-dog:before {
content: "\e74a";
}
.ph.ph-door:before {
content: "\e61c";
}
.ph.ph-door-open:before {
content: "\e7e6";
}
.ph.ph-dot:before {
content: "\ecde";
}
.ph.ph-dot-outline:before {
content: "\ece0";
}
.ph.ph-dots-nine:before {
content: "\e1fc";
}
.ph.ph-dots-six:before {
content: "\e794";
}
.ph.ph-dots-six-vertical:before {
content: "\eae2";
}
.ph.ph-dots-three:before {
content: "\e1fe";
}
.ph.ph-dots-three-circle:before {
content: "\e200";
}
.ph.ph-dots-three-circle-vertical:before {
content: "\e202";
}
.ph.ph-dots-three-outline:before {
content: "\e204";
}
.ph.ph-dots-three-outline-vertical:before {
content: "\e206";
}
.ph.ph-dots-three-vertical:before {
content: "\e208";
}
.ph.ph-download:before {
content: "\e20a";
}
.ph.ph-download-simple:before {
content: "\e20c";
}
.ph.ph-dress:before {
content: "\ea7e";
}
.ph.ph-dresser:before {
content: "\e94e";
}
.ph.ph-dribbble-logo:before {
content: "\e20e";
}
.ph.ph-drone:before {
content: "\ed74";
}
.ph.ph-drop:before {
content: "\e210";
}
.ph.ph-drop-half:before {
content: "\e566";
}
.ph.ph-drop-half-bottom:before {
content: "\eb40";
}
.ph.ph-drop-simple:before {
content: "\ee32";
}
.ph.ph-drop-slash:before {
content: "\e954";
}
.ph.ph-dropbox-logo:before {
content: "\e7d0";
}
.ph.ph-ear:before {
content: "\e70c";
}
.ph.ph-ear-slash:before {
content: "\e70e";
}
.ph.ph-egg:before {
content: "\e812";
}
.ph.ph-egg-crack:before {
content: "\eb64";
}
.ph.ph-eject:before {
content: "\e212";
}
.ph.ph-eject-simple:before {
content: "\e6ae";
}
.ph.ph-elevator:before {
content: "\ecc0";
}
.ph.ph-empty:before {
content: "\edbc";
}
.ph.ph-engine:before {
content: "\ea80";
}
.ph.ph-envelope:before {
content: "\e214";
}
.ph.ph-envelope-open:before {
content: "\e216";
}
.ph.ph-envelope-simple:before {
content: "\e218";
}
.ph.ph-envelope-simple-open:before {
content: "\e21a";
}
.ph.ph-equalizer:before {
content: "\ebbc";
}
.ph.ph-equals:before {
content: "\e21c";
}
.ph.ph-eraser:before {
content: "\e21e";
}
.ph.ph-escalator-down:before {
content: "\ecba";
}
.ph.ph-escalator-up:before {
content: "\ecbc";
}
.ph.ph-exam:before {
content: "\e742";
}
.ph.ph-exclamation-mark:before {
content: "\ee44";
}
.ph.ph-exclude:before {
content: "\e882";
}
.ph.ph-exclude-square:before {
content: "\e880";
}
.ph.ph-export:before {
content: "\eaf0";
}
.ph.ph-eye:before {
content: "\e220";
}
.ph.ph-eye-closed:before {
content: "\e222";
}
.ph.ph-eye-slash:before {
content: "\e224";
}
.ph.ph-eyedropper:before {
content: "\e568";
}
.ph.ph-eyedropper-sample:before {
content: "\eac4";
}
.ph.ph-eyeglasses:before {
content: "\e7ba";
}
.ph.ph-eyes:before {
content: "\ee5c";
}
.ph.ph-face-mask:before {
content: "\e56a";
}
.ph.ph-facebook-logo:before {
content: "\e226";
}
.ph.ph-factory:before {
content: "\e760";
}
.ph.ph-faders:before {
content: "\e228";
}
.ph.ph-faders-horizontal:before {
content: "\e22a";
}
.ph.ph-fallout-shelter:before {
content: "\e9de";
}
.ph.ph-fan:before {
content: "\e9f2";
}
.ph.ph-farm:before {
content: "\ec70";
}
.ph.ph-fast-forward:before {
content: "\e6a6";
}
.ph.ph-fast-forward-circle:before {
content: "\e22c";
}
.ph.ph-feather:before {
content: "\e9c0";
}
.ph.ph-fediverse-logo:before {
content: "\ed66";
}
.ph.ph-figma-logo:before {
content: "\e22e";
}
.ph.ph-file:before {
content: "\e230";
}
.ph.ph-file-archive:before {
content: "\eb2a";
}
.ph.ph-file-arrow-down:before {
content: "\e232";
}
.ph.ph-file-arrow-up:before {
content: "\e61e";
}
.ph.ph-file-audio:before {
content: "\ea20";
}
.ph.ph-file-c:before {
content: "\eb32";
}
.ph.ph-file-c-sharp:before {
content: "\eb30";
}
.ph.ph-file-cloud:before {
content: "\e95e";
}
.ph.ph-file-code:before {
content: "\e914";
}
.ph.ph-file-cpp:before {
content: "\eb2e";
}
.ph.ph-file-css:before {
content: "\eb34";
}
.ph.ph-file-csv:before {
content: "\eb1c";
}
.ph.ph-file-dashed:before {
content: "\e704";
}
.ph.ph-file-dotted:before {
content: "\e704";
}
.ph.ph-file-doc:before {
content: "\eb1e";
}
.ph.ph-file-html:before {
content: "\eb38";
}
.ph.ph-file-image:before {
content: "\ea24";
}
.ph.ph-file-ini:before {
content: "\eb33";
}
.ph.ph-file-jpg:before {
content: "\eb1a";
}
.ph.ph-file-js:before {
content: "\eb24";
}
.ph.ph-file-jsx:before {
content: "\eb3a";
}
.ph.ph-file-lock:before {
content: "\e95c";
}
.ph.ph-file-magnifying-glass:before {
content: "\e238";
}
.ph.ph-file-search:before {
content: "\e238";
}
.ph.ph-file-md:before {
content: "\ed50";
}
.ph.ph-file-minus:before {
content: "\e234";
}
.ph.ph-file-pdf:before {
content: "\e702";
}
.ph.ph-file-plus:before {
content: "\e236";
}
.ph.ph-file-png:before {
content: "\eb18";
}
.ph.ph-file-ppt:before {
content: "\eb20";
}
.ph.ph-file-py:before {
content: "\eb2c";
}
.ph.ph-file-rs:before {
content: "\eb28";
}
.ph.ph-file-sql:before {
content: "\ed4e";
}
.ph.ph-file-svg:before {
content: "\ed08";
}
.ph.ph-file-text:before {
content: "\e23a";
}
.ph.ph-file-ts:before {
content: "\eb26";
}
.ph.ph-file-tsx:before {
content: "\eb3c";
}
.ph.ph-file-txt:before {
content: "\eb35";
}
.ph.ph-file-video:before {
content: "\ea22";
}
.ph.ph-file-vue:before {
content: "\eb3e";
}
.ph.ph-file-x:before {
content: "\e23c";
}
.ph.ph-file-xls:before {
content: "\eb22";
}
.ph.ph-file-zip:before {
content: "\e958";
}
.ph.ph-files:before {
content: "\e710";
}
.ph.ph-film-reel:before {
content: "\e8c0";
}
.ph.ph-film-script:before {
content: "\eb50";
}
.ph.ph-film-slate:before {
content: "\e8c2";
}
.ph.ph-film-strip:before {
content: "\e792";
}
.ph.ph-fingerprint:before {
content: "\e23e";
}
.ph.ph-fingerprint-simple:before {
content: "\e240";
}
.ph.ph-finn-the-human:before {
content: "\e56c";
}
.ph.ph-fire:before {
content: "\e242";
}
.ph.ph-fire-extinguisher:before {
content: "\e9e8";
}
.ph.ph-fire-simple:before {
content: "\e620";
}
.ph.ph-fire-truck:before {
content: "\e574";
}
.ph.ph-first-aid:before {
content: "\e56e";
}
.ph.ph-first-aid-kit:before {
content: "\e570";
}
.ph.ph-fish:before {
content: "\e728";
}
.ph.ph-fish-simple:before {
content: "\e72a";
}
.ph.ph-flag:before {
content: "\e244";
}
.ph.ph-flag-banner:before {
content: "\e622";
}
.ph.ph-flag-banner-fold:before {
content: "\ecf2";
}
.ph.ph-flag-checkered:before {
content: "\ea38";
}
.ph.ph-flag-pennant:before {
content: "\ecf0";
}
.ph.ph-flame:before {
content: "\e624";
}
.ph.ph-flashlight:before {
content: "\e246";
}
.ph.ph-flask:before {
content: "\e79e";
}
.ph.ph-flip-horizontal:before {
content: "\ed6a";
}
.ph.ph-flip-vertical:before {
content: "\ed6c";
}
.ph.ph-floppy-disk:before {
content: "\e248";
}
.ph.ph-floppy-disk-back:before {
content: "\eaf4";
}
.ph.ph-flow-arrow:before {
content: "\e6ec";
}
.ph.ph-flower:before {
content: "\e75e";
}
.ph.ph-flower-lotus:before {
content: "\e6cc";
}
.ph.ph-flower-tulip:before {
content: "\eacc";
}
.ph.ph-flying-saucer:before {
content: "\eb4a";
}
.ph.ph-folder:before {
content: "\e24a";
}
.ph.ph-folder-notch:before {
content: "\e24a";
}
.ph.ph-folder-dashed:before {
content: "\e8f8";
}
.ph.ph-folder-dotted:before {
content: "\e8f8";
}
.ph.ph-folder-lock:before {
content: "\ea3c";
}
.ph.ph-folder-minus:before {
content: "\e254";
}
.ph.ph-folder-notch-minus:before {
content: "\e254";
}
.ph.ph-folder-open:before {
content: "\e256";
}
.ph.ph-folder-notch-open:before {
content: "\e256";
}
.ph.ph-folder-plus:before {
content: "\e258";
}
.ph.ph-folder-notch-plus:before {
content: "\e258";
}
.ph.ph-folder-simple:before {
content: "\e25a";
}
.ph.ph-folder-simple-dashed:before {
content: "\ec2a";
}
.ph.ph-folder-simple-dotted:before {
content: "\ec2a";
}
.ph.ph-folder-simple-lock:before {
content: "\eb5e";
}
.ph.ph-folder-simple-minus:before {
content: "\e25c";
}
.ph.ph-folder-simple-plus:before {
content: "\e25e";
}
.ph.ph-folder-simple-star:before {
content: "\ec2e";
}
.ph.ph-folder-simple-user:before {
content: "\eb60";
}
.ph.ph-folder-star:before {
content: "\ea86";
}
.ph.ph-folder-user:before {
content: "\eb46";
}
.ph.ph-folders:before {
content: "\e260";
}
.ph.ph-football:before {
content: "\e718";
}
.ph.ph-football-helmet:before {
content: "\ee4c";
}
.ph.ph-footprints:before {
content: "\ea88";
}
.ph.ph-fork-knife:before {
content: "\e262";
}
.ph.ph-four-k:before {
content: "\ea5c";
}
.ph.ph-frame-corners:before {
content: "\e626";
}
.ph.ph-framer-logo:before {
content: "\e264";
}
.ph.ph-function:before {
content: "\ebe4";
}
.ph.ph-funnel:before {
content: "\e266";
}
.ph.ph-funnel-simple:before {
content: "\e268";
}
.ph.ph-funnel-simple-x:before {
content: "\e26a";
}
.ph.ph-funnel-x:before {
content: "\e26c";
}
.ph.ph-game-controller:before {
content: "\e26e";
}
.ph.ph-garage:before {
content: "\ecd6";
}
.ph.ph-gas-can:before {
content: "\e8ce";
}
.ph.ph-gas-pump:before {
content: "\e768";
}
.ph.ph-gauge:before {
content: "\e628";
}
.ph.ph-gavel:before {
content: "\ea32";
}
.ph.ph-gear:before {
content: "\e270";
}
.ph.ph-gear-fine:before {
content: "\e87c";
}
.ph.ph-gear-six:before {
content: "\e272";
}
.ph.ph-gender-female:before {
content: "\e6e0";
}
.ph.ph-gender-intersex:before {
content: "\e6e6";
}
.ph.ph-gender-male:before {
content: "\e6e2";
}
.ph.ph-gender-neuter:before {
content: "\e6ea";
}
.ph.ph-gender-nonbinary:before {
content: "\e6e4";
}
.ph.ph-gender-transgender:before {
content: "\e6e8";
}
.ph.ph-ghost:before {
content: "\e62a";
}
.ph.ph-gif:before {
content: "\e274";
}
.ph.ph-gift:before {
content: "\e276";
}
.ph.ph-git-branch:before {
content: "\e278";
}
.ph.ph-git-commit:before {
content: "\e27a";
}
.ph.ph-git-diff:before {
content: "\e27c";
}
.ph.ph-git-fork:before {
content: "\e27e";
}
.ph.ph-git-merge:before {
content: "\e280";
}
.ph.ph-git-pull-request:before {
content: "\e282";
}
.ph.ph-github-logo:before {
content: "\e576";
}
.ph.ph-gitlab-logo:before {
content: "\e694";
}
.ph.ph-gitlab-logo-simple:before {
content: "\e696";
}
.ph.ph-globe:before {
content: "\e288";
}
.ph.ph-globe-hemisphere-east:before {
content: "\e28a";
}
.ph.ph-globe-hemisphere-west:before {
content: "\e28c";
}
.ph.ph-globe-simple:before {
content: "\e28e";
}
.ph.ph-globe-simple-x:before {
content: "\e284";
}
.ph.ph-globe-stand:before {
content: "\e290";
}
.ph.ph-globe-x:before {
content: "\e286";
}
.ph.ph-goggles:before {
content: "\ecb4";
}
.ph.ph-golf:before {
content: "\ea3e";
}
.ph.ph-goodreads-logo:before {
content: "\ed10";
}
.ph.ph-google-cardboard-logo:before {
content: "\e7b6";
}
.ph.ph-google-chrome-logo:before {
content: "\e976";
}
.ph.ph-google-drive-logo:before {
content: "\e8f6";
}
.ph.ph-google-logo:before {
content: "\e292";
}
.ph.ph-google-photos-logo:before {
content: "\eb92";
}
.ph.ph-google-play-logo:before {
content: "\e294";
}
.ph.ph-google-podcasts-logo:before {
content: "\eb94";
}
.ph.ph-gps:before {
content: "\edd8";
}
.ph.ph-gps-fix:before {
content: "\edd6";
}
.ph.ph-gps-slash:before {
content: "\edd4";
}
.ph.ph-gradient:before {
content: "\eb42";
}
.ph.ph-graduation-cap:before {
content: "\e62c";
}
.ph.ph-grains:before {
content: "\ec68";
}
.ph.ph-grains-slash:before {
content: "\ec6a";
}
.ph.ph-graph:before {
content: "\eb58";
}
.ph.ph-graphics-card:before {
content: "\e612";
}
.ph.ph-greater-than:before {
content: "\edc4";
}
.ph.ph-greater-than-or-equal:before {
content: "\eda2";
}
.ph.ph-grid-four:before {
content: "\e296";
}
.ph.ph-grid-nine:before {
content: "\ec8c";
}
.ph.ph-guitar:before {
content: "\ea8a";
}
.ph.ph-hair-dryer:before {
content: "\ea66";
}
.ph.ph-hamburger:before {
content: "\e790";
}
.ph.ph-hammer:before {
content: "\e80e";
}
.ph.ph-hand:before {
content: "\e298";
}
.ph.ph-hand-arrow-down:before {
content: "\ea4e";
}
.ph.ph-hand-arrow-up:before {
content: "\ee5a";
}
.ph.ph-hand-coins:before {
content: "\ea8c";
}
.ph.ph-hand-deposit:before {
content: "\ee82";
}
.ph.ph-hand-eye:before {
content: "\ea4c";
}
.ph.ph-hand-fist:before {
content: "\e57a";
}
.ph.ph-hand-grabbing:before {
content: "\e57c";
}
.ph.ph-hand-heart:before {
content: "\e810";
}
.ph.ph-hand-palm:before {
content: "\e57e";
}
.ph.ph-hand-peace:before {
content: "\e7cc";
}
.ph.ph-hand-pointing:before {
content: "\e29a";
}
.ph.ph-hand-soap:before {
content: "\e630";
}
.ph.ph-hand-swipe-left:before {
content: "\ec94";
}
.ph.ph-hand-swipe-right:before {
content: "\ec92";
}
.ph.ph-hand-tap:before {
content: "\ec90";
}
.ph.ph-hand-waving:before {
content: "\e580";
}
.ph.ph-hand-withdraw:before {
content: "\ee80";
}
.ph.ph-handbag:before {
content: "\e29c";
}
.ph.ph-handbag-simple:before {
content: "\e62e";
}
.ph.ph-hands-clapping:before {
content: "\e6a0";
}
.ph.ph-hands-praying:before {
content: "\ecc8";
}
.ph.ph-handshake:before {
content: "\e582";
}
.ph.ph-hard-drive:before {
content: "\e29e";
}
.ph.ph-hard-drives:before {
content: "\e2a0";
}
.ph.ph-hard-hat:before {
content: "\ed46";
}
.ph.ph-hash:before {
content: "\e2a2";
}
.ph.ph-hash-straight:before {
content: "\e2a4";
}
.ph.ph-head-circuit:before {
content: "\e7d4";
}
.ph.ph-headlights:before {
content: "\e6fe";
}
.ph.ph-headphones:before {
content: "\e2a6";
}
.ph.ph-headset:before {
content: "\e584";
}
.ph.ph-heart:before {
content: "\e2a8";
}
.ph.ph-heart-break:before {
content: "\ebe8";
}
.ph.ph-heart-half:before {
content: "\ec48";
}
.ph.ph-heart-straight:before {
content: "\e2aa";
}
.ph.ph-heart-straight-break:before {
content: "\eb98";
}
.ph.ph-heartbeat:before {
content: "\e2ac";
}
.ph.ph-hexagon:before {
content: "\e2ae";
}
.ph.ph-high-definition:before {
content: "\ea8e";
}
.ph.ph-high-heel:before {
content: "\e8e8";
}
.ph.ph-highlighter:before {
content: "\ec76";
}
.ph.ph-highlighter-circle:before {
content: "\e632";
}
.ph.ph-hockey:before {
content: "\ec86";
}
.ph.ph-hoodie:before {
content: "\ecd0";
}
.ph.ph-horse:before {
content: "\e2b0";
}
.ph.ph-hospital:before {
content: "\e844";
}
.ph.ph-hourglass:before {
content: "\e2b2";
}
.ph.ph-hourglass-high:before {
content: "\e2b4";
}
.ph.ph-hourglass-low:before {
content: "\e2b6";
}
.ph.ph-hourglass-medium:before {
content: "\e2b8";
}
.ph.ph-hourglass-simple:before {
content: "\e2ba";
}
.ph.ph-hourglass-simple-high:before {
content: "\e2bc";
}
.ph.ph-hourglass-simple-low:before {
content: "\e2be";
}
.ph.ph-hourglass-simple-medium:before {
content: "\e2c0";
}
.ph.ph-house:before {
content: "\e2c2";
}
.ph.ph-house-line:before {
content: "\e2c4";
}
.ph.ph-house-simple:before {
content: "\e2c6";
}
.ph.ph-hurricane:before {
content: "\e88e";
}
.ph.ph-ice-cream:before {
content: "\e804";
}
.ph.ph-identification-badge:before {
content: "\e6f6";
}
.ph.ph-identification-card:before {
content: "\e2c8";
}
.ph.ph-image:before {
content: "\e2ca";
}
.ph.ph-image-broken:before {
content: "\e7a8";
}
.ph.ph-image-square:before {
content: "\e2cc";
}
.ph.ph-images:before {
content: "\e836";
}
.ph.ph-images-square:before {
content: "\e834";
}
.ph.ph-infinity:before {
content: "\e634";
}
.ph.ph-lemniscate:before {
content: "\e634";
}
.ph.ph-info:before {
content: "\e2ce";
}
.ph.ph-instagram-logo:before {
content: "\e2d0";
}
.ph.ph-intersect:before {
content: "\e2d2";
}
.ph.ph-intersect-square:before {
content: "\e87a";
}
.ph.ph-intersect-three:before {
content: "\ecc4";
}
.ph.ph-intersection:before {
content: "\edba";
}
.ph.ph-invoice:before {
content: "\ee42";
}
.ph.ph-island:before {
content: "\ee06";
}
.ph.ph-jar:before {
content: "\e7e0";
}
.ph.ph-jar-label:before {
content: "\e7e1";
}
.ph.ph-jeep:before {
content: "\e2d4";
}
.ph.ph-joystick:before {
content: "\ea5e";
}
.ph.ph-kanban:before {
content: "\eb54";
}
.ph.ph-key:before {
content: "\e2d6";
}
.ph.ph-key-return:before {
content: "\e782";
}
.ph.ph-keyboard:before {
content: "\e2d8";
}
.ph.ph-keyhole:before {
content: "\ea78";
}
.ph.ph-knife:before {
content: "\e636";
}
.ph.ph-ladder:before {
content: "\e9e4";
}
.ph.ph-ladder-simple:before {
content: "\ec26";
}
.ph.ph-lamp:before {
content: "\e638";
}
.ph.ph-lamp-pendant:before {
content: "\ee2e";
}
.ph.ph-laptop:before {
content: "\e586";
}
.ph.ph-lasso:before {
content: "\edc6";
}
.ph.ph-lastfm-logo:before {
content: "\e842";
}
.ph.ph-layout:before {
content: "\e6d6";
}
.ph.ph-leaf:before {
content: "\e2da";
}
.ph.ph-lectern:before {
content: "\e95a";
}
.ph.ph-lego:before {
content: "\e8c6";
}
.ph.ph-lego-smiley:before {
content: "\e8c7";
}
.ph.ph-less-than:before {
content: "\edac";
}
.ph.ph-less-than-or-equal:before {
content: "\eda4";
}
.ph.ph-letter-circle-h:before {
content: "\ebf8";
}
.ph.ph-letter-circle-p:before {
content: "\ec08";
}
.ph.ph-letter-circle-v:before {
content: "\ec14";
}
.ph.ph-lifebuoy:before {
content: "\e63a";
}
.ph.ph-lightbulb:before {
content: "\e2dc";
}
.ph.ph-lightbulb-filament:before {
content: "\e63c";
}
.ph.ph-lighthouse:before {
content: "\e9f6";
}
.ph.ph-lightning:before {
content: "\e2de";
}
.ph.ph-lightning-a:before {
content: "\ea84";
}
.ph.ph-lightning-slash:before {
content: "\e2e0";
}
.ph.ph-line-segment:before {
content: "\e6d2";
}
.ph.ph-line-segments:before {
content: "\e6d4";
}
.ph.ph-line-vertical:before {
content: "\ed70";
}
.ph.ph-link:before {
content: "\e2e2";
}
.ph.ph-link-break:before {
content: "\e2e4";
}
.ph.ph-link-simple:before {
content: "\e2e6";
}
.ph.ph-link-simple-break:before {
content: "\e2e8";
}
.ph.ph-link-simple-horizontal:before {
content: "\e2ea";
}
.ph.ph-link-simple-horizontal-break:before {
content: "\e2ec";
}
.ph.ph-linkedin-logo:before {
content: "\e2ee";
}
.ph.ph-linktree-logo:before {
content: "\edee";
}
.ph.ph-linux-logo:before {
content: "\eb02";
}
.ph.ph-list:before {
content: "\e2f0";
}
.ph.ph-list-bullets:before {
content: "\e2f2";
}
.ph.ph-list-checks:before {
content: "\eadc";
}
.ph.ph-list-dashes:before {
content: "\e2f4";
}
.ph.ph-list-heart:before {
content: "\ebde";
}
.ph.ph-list-magnifying-glass:before {
content: "\ebe0";
}
.ph.ph-list-numbers:before {
content: "\e2f6";
}
.ph.ph-list-plus:before {
content: "\e2f8";
}
.ph.ph-list-star:before {
content: "\ebdc";
}
.ph.ph-lock:before {
content: "\e2fa";
}
.ph.ph-lock-key:before {
content: "\e2fe";
}
.ph.ph-lock-key-open:before {
content: "\e300";
}
.ph.ph-lock-laminated:before {
content: "\e302";
}
.ph.ph-lock-laminated-open:before {
content: "\e304";
}
.ph.ph-lock-open:before {
content: "\e306";
}
.ph.ph-lock-simple:before {
content: "\e308";
}
.ph.ph-lock-simple-open:before {
content: "\e30a";
}
.ph.ph-lockers:before {
content: "\ecb8";
}
.ph.ph-log:before {
content: "\ed82";
}
.ph.ph-magic-wand:before {
content: "\e6b6";
}
.ph.ph-magnet:before {
content: "\e680";
}
.ph.ph-magnet-straight:before {
content: "\e682";
}
.ph.ph-magnifying-glass:before {
content: "\e30c";
}
.ph.ph-magnifying-glass-minus:before {
content: "\e30e";
}
.ph.ph-magnifying-glass-plus:before {
content: "\e310";
}
.ph.ph-mailbox:before {
content: "\ec1e";
}
.ph.ph-map-pin:before {
content: "\e316";
}
.ph.ph-map-pin-area:before {
content: "\ee3a";
}
.ph.ph-map-pin-line:before {
content: "\e318";
}
.ph.ph-map-pin-plus:before {
content: "\e314";
}
.ph.ph-map-pin-simple:before {
content: "\ee3e";
}
.ph.ph-map-pin-simple-area:before {
content: "\ee3c";
}
.ph.ph-map-pin-simple-line:before {
content: "\ee38";
}
.ph.ph-map-trifold:before {
content: "\e31a";
}
.ph.ph-markdown-logo:before {
content: "\e508";
}
.ph.ph-marker-circle:before {
content: "\e640";
}
.ph.ph-martini:before {
content: "\e31c";
}
.ph.ph-mask-happy:before {
content: "\e9f4";
}
.ph.ph-mask-sad:before {
content: "\eb9e";
}
.ph.ph-mastodon-logo:before {
content: "\ed68";
}
.ph.ph-math-operations:before {
content: "\e31e";
}
.ph.ph-matrix-logo:before {
content: "\ed64";
}
.ph.ph-medal:before {
content: "\e320";
}
.ph.ph-medal-military:before {
content: "\ecfc";
}
.ph.ph-medium-logo:before {
content: "\e322";
}
.ph.ph-megaphone:before {
content: "\e324";
}
.ph.ph-megaphone-simple:before {
content: "\e642";
}
.ph.ph-member-of:before {
content: "\edc2";
}
.ph.ph-memory:before {
content: "\e9c4";
}
.ph.ph-messenger-logo:before {
content: "\e6d8";
}
.ph.ph-meta-logo:before {
content: "\ed02";
}
.ph.ph-meteor:before {
content: "\e9ba";
}
.ph.ph-metronome:before {
content: "\ec8e";
}
.ph.ph-microphone:before {
content: "\e326";
}
.ph.ph-microphone-slash:before {
content: "\e328";
}
.ph.ph-microphone-stage:before {
content: "\e75c";
}
.ph.ph-microscope:before {
content: "\ec7a";
}
.ph.ph-microsoft-excel-logo:before {
content: "\eb6c";
}
.ph.ph-microsoft-outlook-logo:before {
content: "\eb70";
}
.ph.ph-microsoft-powerpoint-logo:before {
content: "\eace";
}
.ph.ph-microsoft-teams-logo:before {
content: "\eb66";
}
.ph.ph-microsoft-word-logo:before {
content: "\eb6a";
}
.ph.ph-minus:before {
content: "\e32a";
}
.ph.ph-minus-circle:before {
content: "\e32c";
}
.ph.ph-minus-square:before {
content: "\ed4c";
}
.ph.ph-money:before {
content: "\e588";
}
.ph.ph-money-wavy:before {
content: "\ee68";
}
.ph.ph-monitor:before {
content: "\e32e";
}
.ph.ph-monitor-arrow-up:before {
content: "\e58a";
}
.ph.ph-monitor-play:before {
content: "\e58c";
}
.ph.ph-moon:before {
content: "\e330";
}
.ph.ph-moon-stars:before {
content: "\e58e";
}
.ph.ph-moped:before {
content: "\e824";
}
.ph.ph-moped-front:before {
content: "\e822";
}
.ph.ph-mosque:before {
content: "\ecee";
}
.ph.ph-motorcycle:before {
content: "\e80a";
}
.ph.ph-mountains:before {
content: "\e7ae";
}
.ph.ph-mouse:before {
content: "\e33a";
}
.ph.ph-mouse-left-click:before {
content: "\e334";
}
.ph.ph-mouse-middle-click:before {
content: "\e338";
}
.ph.ph-mouse-right-click:before {
content: "\e336";
}
.ph.ph-mouse-scroll:before {
content: "\e332";
}
.ph.ph-mouse-simple:before {
content: "\e644";
}
.ph.ph-music-note:before {
content: "\e33c";
}
.ph.ph-music-note-simple:before {
content: "\e33e";
}
.ph.ph-music-notes:before {
content: "\e340";
}
.ph.ph-music-notes-minus:before {
content: "\ee0c";
}
.ph.ph-music-notes-plus:before {
content: "\eb7c";
}
.ph.ph-music-notes-simple:before {
content: "\e342";
}
.ph.ph-navigation-arrow:before {
content: "\eade";
}
.ph.ph-needle:before {
content: "\e82e";
}
.ph.ph-network:before {
content: "\edde";
}
.ph.ph-network-slash:before {
content: "\eddc";
}
.ph.ph-network-x:before {
content: "\edda";
}
.ph.ph-newspaper:before {
content: "\e344";
}
.ph.ph-newspaper-clipping:before {
content: "\e346";
}
.ph.ph-not-equals:before {
content: "\eda6";
}
.ph.ph-not-member-of:before {
content: "\edae";
}
.ph.ph-not-subset-of:before {
content: "\edb0";
}
.ph.ph-not-superset-of:before {
content: "\edb2";
}
.ph.ph-notches:before {
content: "\ed3a";
}
.ph.ph-note:before {
content: "\e348";
}
.ph.ph-note-blank:before {
content: "\e34a";
}
.ph.ph-note-pencil:before {
content: "\e34c";
}
.ph.ph-notebook:before {
content: "\e34e";
}
.ph.ph-notepad:before {
content: "\e63e";
}
.ph.ph-notification:before {
content: "\e6fa";
}
.ph.ph-notion-logo:before {
content: "\e9a0";
}
.ph.ph-nuclear-plant:before {
content: "\ed7c";
}
.ph.ph-number-circle-eight:before {
content: "\e352";
}
.ph.ph-number-circle-five:before {
content: "\e358";
}
.ph.ph-number-circle-four:before {
content: "\e35e";
}
.ph.ph-number-circle-nine:before {
content: "\e364";
}
.ph.ph-number-circle-one:before {
content: "\e36a";
}
.ph.ph-number-circle-seven:before {
content: "\e370";
}
.ph.ph-number-circle-six:before {
content: "\e376";
}
.ph.ph-number-circle-three:before {
content: "\e37c";
}
.ph.ph-number-circle-two:before {
content: "\e382";
}
.ph.ph-number-circle-zero:before {
content: "\e388";
}
.ph.ph-number-eight:before {
content: "\e350";
}
.ph.ph-number-five:before {
content: "\e356";
}
.ph.ph-number-four:before {
content: "\e35c";
}
.ph.ph-number-nine:before {
content: "\e362";
}
.ph.ph-number-one:before {
content: "\e368";
}
.ph.ph-number-seven:before {
content: "\e36e";
}
.ph.ph-number-six:before {
content: "\e374";
}
.ph.ph-number-square-eight:before {
content: "\e354";
}
.ph.ph-number-square-five:before {
content: "\e35a";
}
.ph.ph-number-square-four:before {
content: "\e360";
}
.ph.ph-number-square-nine:before {
content: "\e366";
}
.ph.ph-number-square-one:before {
content: "\e36c";
}
.ph.ph-number-square-seven:before {
content: "\e372";
}
.ph.ph-number-square-six:before {
content: "\e378";
}
.ph.ph-number-square-three:before {
content: "\e37e";
}
.ph.ph-number-square-two:before {
content: "\e384";
}
.ph.ph-number-square-zero:before {
content: "\e38a";
}
.ph.ph-number-three:before {
content: "\e37a";
}
.ph.ph-number-two:before {
content: "\e380";
}
.ph.ph-number-zero:before {
content: "\e386";
}
.ph.ph-numpad:before {
content: "\e3c8";
}
.ph.ph-nut:before {
content: "\e38c";
}
.ph.ph-ny-times-logo:before {
content: "\e646";
}
.ph.ph-octagon:before {
content: "\e38e";
}
.ph.ph-office-chair:before {
content: "\ea46";
}
.ph.ph-onigiri:before {
content: "\ee2c";
}
.ph.ph-open-ai-logo:before {
content: "\e7d2";
}
.ph.ph-option:before {
content: "\e8a8";
}
.ph.ph-orange:before {
content: "\ee40";
}
.ph.ph-orange-slice:before {
content: "\ed36";
}
.ph.ph-oven:before {
content: "\ed8c";
}
.ph.ph-package:before {
content: "\e390";
}
.ph.ph-paint-brush:before {
content: "\e6f0";
}
.ph.ph-paint-brush-broad:before {
content: "\e590";
}
.ph.ph-paint-brush-household:before {
content: "\e6f2";
}
.ph.ph-paint-bucket:before {
content: "\e392";
}
.ph.ph-paint-roller:before {
content: "\e6f4";
}
.ph.ph-palette:before {
content: "\e6c8";
}
.ph.ph-panorama:before {
content: "\eaa2";
}
.ph.ph-pants:before {
content: "\ec88";
}
.ph.ph-paper-plane:before {
content: "\e394";
}
.ph.ph-paper-plane-right:before {
content: "\e396";
}
.ph.ph-paper-plane-tilt:before {
content: "\e398";
}
.ph.ph-paperclip:before {
content: "\e39a";
}
.ph.ph-paperclip-horizontal:before {
content: "\e592";
}
.ph.ph-parachute:before {
content: "\ea7c";
}
.ph.ph-paragraph:before {
content: "\e960";
}
.ph.ph-parallelogram:before {
content: "\ecc6";
}
.ph.ph-park:before {
content: "\ecb2";
}
.ph.ph-password:before {
content: "\e752";
}
.ph.ph-path:before {
content: "\e39c";
}
.ph.ph-patreon-logo:before {
content: "\e98a";
}
.ph.ph-pause:before {
content: "\e39e";
}
.ph.ph-pause-circle:before {
content: "\e3a0";
}
.ph.ph-paw-print:before {
content: "\e648";
}
.ph.ph-paypal-logo:before {
content: "\e98c";
}
.ph.ph-peace:before {
content: "\e3a2";
}
.ph.ph-pen:before {
content: "\e3aa";
}
.ph.ph-pen-nib:before {
content: "\e3ac";
}
.ph.ph-pen-nib-straight:before {
content: "\e64a";
}
.ph.ph-pencil:before {
content: "\e3ae";
}
.ph.ph-pencil-circle:before {
content: "\e3b0";
}
.ph.ph-pencil-line:before {
content: "\e3b2";
}
.ph.ph-pencil-ruler:before {
content: "\e906";
}
.ph.ph-pencil-simple:before {
content: "\e3b4";
}
.ph.ph-pencil-simple-line:before {
content: "\ebc6";
}
.ph.ph-pencil-simple-slash:before {
content: "\ecf6";
}
.ph.ph-pencil-slash:before {
content: "\ecf8";
}
.ph.ph-pentagon:before {
content: "\ec7e";
}
.ph.ph-pentagram:before {
content: "\ec5c";
}
.ph.ph-pepper:before {
content: "\e94a";
}
.ph.ph-percent:before {
content: "\e3b6";
}
.ph.ph-person:before {
content: "\e3a8";
}
.ph.ph-person-arms-spread:before {
content: "\ecfe";
}
.ph.ph-person-simple:before {
content: "\e72e";
}
.ph.ph-person-simple-bike:before {
content: "\e734";
}
.ph.ph-person-simple-circle:before {
content: "\ee58";
}
.ph.ph-person-simple-hike:before {
content: "\ed54";
}
.ph.ph-person-simple-run:before {
content: "\e730";
}
.ph.ph-person-simple-ski:before {
content: "\e71c";
}
.ph.ph-person-simple-snowboard:before {
content: "\e71e";
}
.ph.ph-person-simple-swim:before {
content: "\e736";
}
.ph.ph-person-simple-tai-chi:before {
content: "\ed5c";
}
.ph.ph-person-simple-throw:before {
content: "\e732";
}
.ph.ph-person-simple-walk:before {
content: "\e73a";
}
.ph.ph-perspective:before {
content: "\ebe6";
}
.ph.ph-phone:before {
content: "\e3b8";
}
.ph.ph-phone-call:before {
content: "\e3ba";
}
.ph.ph-phone-disconnect:before {
content: "\e3bc";
}
.ph.ph-phone-incoming:before {
content: "\e3be";
}
.ph.ph-phone-list:before {
content: "\e3cc";
}
.ph.ph-phone-outgoing:before {
content: "\e3c0";
}
.ph.ph-phone-pause:before {
content: "\e3ca";
}
.ph.ph-phone-plus:before {
content: "\ec56";
}
.ph.ph-phone-slash:before {
content: "\e3c2";
}
.ph.ph-phone-transfer:before {
content: "\e3c6";
}
.ph.ph-phone-x:before {
content: "\e3c4";
}
.ph.ph-phosphor-logo:before {
content: "\e3ce";
}
.ph.ph-pi:before {
content: "\ec80";
}
.ph.ph-piano-keys:before {
content: "\e9c8";
}
.ph.ph-picnic-table:before {
content: "\ee26";
}
.ph.ph-picture-in-picture:before {
content: "\e64c";
}
.ph.ph-piggy-bank:before {
content: "\ea04";
}
.ph.ph-pill:before {
content: "\e700";
}
.ph.ph-ping-pong:before {
content: "\ea42";
}
.ph.ph-pint-glass:before {
content: "\edd0";
}
.ph.ph-pinterest-logo:before {
content: "\e64e";
}
.ph.ph-pinwheel:before {
content: "\eb9c";
}
.ph.ph-pipe:before {
content: "\ed86";
}
.ph.ph-pipe-wrench:before {
content: "\ed88";
}
.ph.ph-pix-logo:before {
content: "\ecc2";
}
.ph.ph-pizza:before {
content: "\e796";
}
.ph.ph-placeholder:before {
content: "\e650";
}
.ph.ph-planet:before {
content: "\e652";
}
.ph.ph-plant:before {
content: "\ebae";
}
.ph.ph-play:before {
content: "\e3d0";
}
.ph.ph-play-circle:before {
content: "\e3d2";
}
.ph.ph-play-pause:before {
content: "\e8be";
}
.ph.ph-playlist:before {
content: "\e6aa";
}
.ph.ph-plug:before {
content: "\e946";
}
.ph.ph-plug-charging:before {
content: "\eb5c";
}
.ph.ph-plugs:before {
content: "\eb56";
}
.ph.ph-plugs-connected:before {
content: "\eb5a";
}
.ph.ph-plus:before {
content: "\e3d4";
}
.ph.ph-plus-circle:before {
content: "\e3d6";
}
.ph.ph-plus-minus:before {
content: "\e3d8";
}
.ph.ph-plus-square:before {
content: "\ed4a";
}
.ph.ph-poker-chip:before {
content: "\e594";
}
.ph.ph-police-car:before {
content: "\ec4a";
}
.ph.ph-polygon:before {
content: "\e6d0";
}
.ph.ph-popcorn:before {
content: "\eb4e";
}
.ph.ph-popsicle:before {
content: "\ebbe";
}
.ph.ph-potted-plant:before {
content: "\ec22";
}
.ph.ph-power:before {
content: "\e3da";
}
.ph.ph-prescription:before {
content: "\e7a2";
}
.ph.ph-presentation:before {
content: "\e654";
}
.ph.ph-presentation-chart:before {
content: "\e656";
}
.ph.ph-printer:before {
content: "\e3dc";
}
.ph.ph-prohibit:before {
content: "\e3de";
}
.ph.ph-prohibit-inset:before {
content: "\e3e0";
}
.ph.ph-projector-screen:before {
content: "\e658";
}
.ph.ph-projector-screen-chart:before {
content: "\e65a";
}
.ph.ph-pulse:before {
content: "\e000";
}
.ph.ph-activity:before {
content: "\e000";
}
.ph.ph-push-pin:before {
content: "\e3e2";
}
.ph.ph-push-pin-simple:before {
content: "\e65c";
}
.ph.ph-push-pin-simple-slash:before {
content: "\e65e";
}
.ph.ph-push-pin-slash:before {
content: "\e3e4";
}
.ph.ph-puzzle-piece:before {
content: "\e596";
}
.ph.ph-qr-code:before {
content: "\e3e6";
}
.ph.ph-question:before {
content: "\e3e8";
}
.ph.ph-question-mark:before {
content: "\e3e9";
}
.ph.ph-queue:before {
content: "\e6ac";
}
.ph.ph-quotes:before {
content: "\e660";
}
.ph.ph-rabbit:before {
content: "\eac2";
}
.ph.ph-racquet:before {
content: "\ee02";
}
.ph.ph-radical:before {
content: "\e3ea";
}
.ph.ph-radio:before {
content: "\e77e";
}
.ph.ph-radio-button:before {
content: "\eb08";
}
.ph.ph-radioactive:before {
content: "\e9dc";
}
.ph.ph-rainbow:before {
content: "\e598";
}
.ph.ph-rainbow-cloud:before {
content: "\e59a";
}
.ph.ph-ranking:before {
content: "\ed62";
}
.ph.ph-read-cv-logo:before {
content: "\ed0c";
}
.ph.ph-receipt:before {
content: "\e3ec";
}
.ph.ph-receipt-x:before {
content: "\ed40";
}
.ph.ph-record:before {
content: "\e3ee";
}
.ph.ph-rectangle:before {
content: "\e3f0";
}
.ph.ph-rectangle-dashed:before {
content: "\e3f2";
}
.ph.ph-recycle:before {
content: "\e75a";
}
.ph.ph-reddit-logo:before {
content: "\e59c";
}
.ph.ph-repeat:before {
content: "\e3f6";
}
.ph.ph-repeat-once:before {
content: "\e3f8";
}
.ph.ph-replit-logo:before {
content: "\eb8a";
}
.ph.ph-resize:before {
content: "\ed6e";
}
.ph.ph-rewind:before {
content: "\e6a8";
}
.ph.ph-rewind-circle:before {
content: "\e3fa";
}
.ph.ph-road-horizon:before {
content: "\e838";
}
.ph.ph-robot:before {
content: "\e762";
}
.ph.ph-rocket:before {
content: "\e3fc";
}
.ph.ph-rocket-launch:before {
content: "\e3fe";
}
.ph.ph-rows:before {
content: "\e5a2";
}
.ph.ph-rows-plus-bottom:before {
content: "\e59e";
}
.ph.ph-rows-plus-top:before {
content: "\e5a0";
}
.ph.ph-rss:before {
content: "\e400";
}
.ph.ph-rss-simple:before {
content: "\e402";
}
.ph.ph-rug:before {
content: "\ea1a";
}
.ph.ph-ruler:before {
content: "\e6b8";
}
.ph.ph-sailboat:before {
content: "\e78a";
}
.ph.ph-scales:before {
content: "\e750";
}
.ph.ph-scan:before {
content: "\ebb6";
}
.ph.ph-scan-smiley:before {
content: "\ebb4";
}
.ph.ph-scissors:before {
content: "\eae0";
}
.ph.ph-scooter:before {
content: "\e820";
}
.ph.ph-screencast:before {
content: "\e404";
}
.ph.ph-screwdriver:before {
content: "\e86e";
}
.ph.ph-scribble:before {
content: "\e806";
}
.ph.ph-scribble-loop:before {
content: "\e662";
}
.ph.ph-scroll:before {
content: "\eb7a";
}
.ph.ph-seal:before {
content: "\e604";
}
.ph.ph-circle-wavy:before {
content: "\e604";
}
.ph.ph-seal-check:before {
content: "\e606";
}
.ph.ph-circle-wavy-check:before {
content: "\e606";
}
.ph.ph-seal-percent:before {
content: "\e60a";
}
.ph.ph-seal-question:before {
content: "\e608";
}
.ph.ph-circle-wavy-question:before {
content: "\e608";
}
.ph.ph-seal-warning:before {
content: "\e60c";
}
.ph.ph-circle-wavy-warning:before {
content: "\e60c";
}
.ph.ph-seat:before {
content: "\eb8e";
}
.ph.ph-seatbelt:before {
content: "\edfe";
}
.ph.ph-security-camera:before {
content: "\eca4";
}
.ph.ph-selection:before {
content: "\e69a";
}
.ph.ph-selection-all:before {
content: "\e746";
}
.ph.ph-selection-background:before {
content: "\eaf8";
}
.ph.ph-selection-foreground:before {
content: "\eaf6";
}
.ph.ph-selection-inverse:before {
content: "\e744";
}
.ph.ph-selection-plus:before {
content: "\e69c";
}
.ph.ph-selection-slash:before {
content: "\e69e";
}
.ph.ph-shapes:before {
content: "\ec5e";
}
.ph.ph-share:before {
content: "\e406";
}
.ph.ph-share-fat:before {
content: "\ed52";
}
.ph.ph-share-network:before {
content: "\e408";
}
.ph.ph-shield:before {
content: "\e40a";
}
.ph.ph-shield-check:before {
content: "\e40c";
}
.ph.ph-shield-checkered:before {
content: "\e708";
}
.ph.ph-shield-chevron:before {
content: "\e40e";
}
.ph.ph-shield-plus:before {
content: "\e706";
}
.ph.ph-shield-slash:before {
content: "\e410";
}
.ph.ph-shield-star:before {
content: "\ec34";
}
.ph.ph-shield-warning:before {
content: "\e412";
}
.ph.ph-shipping-container:before {
content: "\e78c";
}
.ph.ph-shirt-folded:before {
content: "\ea92";
}
.ph.ph-shooting-star:before {
content: "\ecfa";
}
.ph.ph-shopping-bag:before {
content: "\e416";
}
.ph.ph-shopping-bag-open:before {
content: "\e418";
}
.ph.ph-shopping-cart:before {
content: "\e41e";
}
.ph.ph-shopping-cart-simple:before {
content: "\e420";
}
.ph.ph-shovel:before {
content: "\e9e6";
}
.ph.ph-shower:before {
content: "\e776";
}
.ph.ph-shrimp:before {
content: "\eab4";
}
.ph.ph-shuffle:before {
content: "\e422";
}
.ph.ph-shuffle-angular:before {
content: "\e424";
}
.ph.ph-shuffle-simple:before {
content: "\e426";
}
.ph.ph-sidebar:before {
content: "\eab6";
}
.ph.ph-sidebar-simple:before {
content: "\ec24";
}
.ph.ph-sigma:before {
content: "\eab8";
}
.ph.ph-sign-in:before {
content: "\e428";
}
.ph.ph-sign-out:before {
content: "\e42a";
}
.ph.ph-signature:before {
content: "\ebac";
}
.ph.ph-signpost:before {
content: "\e89c";
}
.ph.ph-sim-card:before {
content: "\e664";
}
.ph.ph-siren:before {
content: "\e9b8";
}
.ph.ph-sketch-logo:before {
content: "\e42c";
}
.ph.ph-skip-back:before {
content: "\e5a4";
}
.ph.ph-skip-back-circle:before {
content: "\e42e";
}
.ph.ph-skip-forward:before {
content: "\e5a6";
}
.ph.ph-skip-forward-circle:before {
content: "\e430";
}
.ph.ph-skull:before {
content: "\e916";
}
.ph.ph-skype-logo:before {
content: "\e8dc";
}
.ph.ph-slack-logo:before {
content: "\e5a8";
}
.ph.ph-sliders:before {
content: "\e432";
}
.ph.ph-sliders-horizontal:before {
content: "\e434";
}
.ph.ph-slideshow:before {
content: "\ed32";
}
.ph.ph-smiley:before {
content: "\e436";
}
.ph.ph-smiley-angry:before {
content: "\ec62";
}
.ph.ph-smiley-blank:before {
content: "\e438";
}
.ph.ph-smiley-meh:before {
content: "\e43a";
}
.ph.ph-smiley-melting:before {
content: "\ee56";
}
.ph.ph-smiley-nervous:before {
content: "\e43c";
}
.ph.ph-smiley-sad:before {
content: "\e43e";
}
.ph.ph-smiley-sticker:before {
content: "\e440";
}
.ph.ph-smiley-wink:before {
content: "\e666";
}
.ph.ph-smiley-x-eyes:before {
content: "\e442";
}
.ph.ph-snapchat-logo:before {
content: "\e668";
}
.ph.ph-sneaker:before {
content: "\e80c";
}
.ph.ph-sneaker-move:before {
content: "\ed60";
}
.ph.ph-snowflake:before {
content: "\e5aa";
}
.ph.ph-soccer-ball:before {
content: "\e716";
}
.ph.ph-sock:before {
content: "\ecce";
}
.ph.ph-solar-panel:before {
content: "\ed7a";
}
.ph.ph-solar-roof:before {
content: "\ed7b";
}
.ph.ph-sort-ascending:before {
content: "\e444";
}
.ph.ph-sort-descending:before {
content: "\e446";
}
.ph.ph-soundcloud-logo:before {
content: "\e8de";
}
.ph.ph-spade:before {
content: "\e448";
}
.ph.ph-sparkle:before {
content: "\e6a2";
}
.ph.ph-speaker-hifi:before {
content: "\ea08";
}
.ph.ph-speaker-high:before {
content: "\e44a";
}
.ph.ph-speaker-low:before {
content: "\e44c";
}
.ph.ph-speaker-none:before {
content: "\e44e";
}
.ph.ph-speaker-simple-high:before {
content: "\e450";
}
.ph.ph-speaker-simple-low:before {
content: "\e452";
}
.ph.ph-speaker-simple-none:before {
content: "\e454";
}
.ph.ph-speaker-simple-slash:before {
content: "\e456";
}
.ph.ph-speaker-simple-x:before {
content: "\e458";
}
.ph.ph-speaker-slash:before {
content: "\e45a";
}
.ph.ph-speaker-x:before {
content: "\e45c";
}
.ph.ph-speedometer:before {
content: "\ee74";
}
.ph.ph-sphere:before {
content: "\ee66";
}
.ph.ph-spinner:before {
content: "\e66a";
}
.ph.ph-spinner-ball:before {
content: "\ee28";
}
.ph.ph-spinner-gap:before {
content: "\e66c";
}
.ph.ph-spiral:before {
content: "\e9fa";
}
.ph.ph-split-horizontal:before {
content: "\e872";
}
.ph.ph-split-vertical:before {
content: "\e876";
}
.ph.ph-spotify-logo:before {
content: "\e66e";
}
.ph.ph-spray-bottle:before {
content: "\e7e4";
}
.ph.ph-square:before {
content: "\e45e";
}
.ph.ph-square-half:before {
content: "\e462";
}
.ph.ph-square-half-bottom:before {
content: "\eb16";
}
.ph.ph-square-logo:before {
content: "\e690";
}
.ph.ph-square-split-horizontal:before {
content: "\e870";
}
.ph.ph-square-split-vertical:before {
content: "\e874";
}
.ph.ph-squares-four:before {
content: "\e464";
}
.ph.ph-stack:before {
content: "\e466";
}
.ph.ph-stack-minus:before {
content: "\edf4";
}
.ph.ph-stack-overflow-logo:before {
content: "\eb78";
}
.ph.ph-stack-plus:before {
content: "\edf6";
}
.ph.ph-stack-simple:before {
content: "\e468";
}
.ph.ph-stairs:before {
content: "\e8ec";
}
.ph.ph-stamp:before {
content: "\ea48";
}
.ph.ph-standard-definition:before {
content: "\ea90";
}
.ph.ph-star:before {
content: "\e46a";
}
.ph.ph-star-and-crescent:before {
content: "\ecf4";
}
.ph.ph-star-four:before {
content: "\e6a4";
}
.ph.ph-star-half:before {
content: "\e70a";
}
.ph.ph-star-of-david:before {
content: "\e89e";
}
.ph.ph-steam-logo:before {
content: "\ead4";
}
.ph.ph-steering-wheel:before {
content: "\e9ac";
}
.ph.ph-steps:before {
content: "\ecbe";
}
.ph.ph-stethoscope:before {
content: "\e7ea";
}
.ph.ph-sticker:before {
content: "\e5ac";
}
.ph.ph-stool:before {
content: "\ea44";
}
.ph.ph-stop:before {
content: "\e46c";
}
.ph.ph-stop-circle:before {
content: "\e46e";
}
.ph.ph-storefront:before {
content: "\e470";
}
.ph.ph-strategy:before {
content: "\ea3a";
}
.ph.ph-stripe-logo:before {
content: "\e698";
}
.ph.ph-student:before {
content: "\e73e";
}
.ph.ph-subset-of:before {
content: "\edc0";
}
.ph.ph-subset-proper-of:before {
content: "\edb6";
}
.ph.ph-subtitles:before {
content: "\e1a8";
}
.ph.ph-subtitles-slash:before {
content: "\e1a6";
}
.ph.ph-subtract:before {
content: "\ebd6";
}
.ph.ph-subtract-square:before {
content: "\ebd4";
}
.ph.ph-subway:before {
content: "\e498";
}
.ph.ph-suitcase:before {
content: "\e5ae";
}
.ph.ph-suitcase-rolling:before {
content: "\e9b0";
}
.ph.ph-suitcase-simple:before {
content: "\e5b0";
}
.ph.ph-sun:before {
content: "\e472";
}
.ph.ph-sun-dim:before {
content: "\e474";
}
.ph.ph-sun-horizon:before {
content: "\e5b6";
}
.ph.ph-sunglasses:before {
content: "\e816";
}
.ph.ph-superset-of:before {
content: "\edb8";
}
.ph.ph-superset-proper-of:before {
content: "\edb4";
}
.ph.ph-swap:before {
content: "\e83c";
}
.ph.ph-swatches:before {
content: "\e5b8";
}
.ph.ph-swimming-pool:before {
content: "\ecb6";
}
.ph.ph-sword:before {
content: "\e5ba";
}
.ph.ph-synagogue:before {
content: "\ecec";
}
.ph.ph-syringe:before {
content: "\e968";
}
.ph.ph-t-shirt:before {
content: "\e670";
}
.ph.ph-table:before {
content: "\e476";
}
.ph.ph-tabs:before {
content: "\e778";
}
.ph.ph-tag:before {
content: "\e478";
}
.ph.ph-tag-chevron:before {
content: "\e672";
}
.ph.ph-tag-simple:before {
content: "\e47a";
}
.ph.ph-target:before {
content: "\e47c";
}
.ph.ph-taxi:before {
content: "\e902";
}
.ph.ph-tea-bag:before {
content: "\e8e6";
}
.ph.ph-telegram-logo:before {
content: "\e5bc";
}
.ph.ph-television:before {
content: "\e754";
}
.ph.ph-television-simple:before {
content: "\eae6";
}
.ph.ph-tennis-ball:before {
content: "\e720";
}
.ph.ph-tent:before {
content: "\e8ba";
}
.ph.ph-terminal:before {
content: "\e47e";
}
.ph.ph-terminal-window:before {
content: "\eae8";
}
.ph.ph-test-tube:before {
content: "\e7a0";
}
.ph.ph-text-a-underline:before {
content: "\ed34";
}
.ph.ph-text-aa:before {
content: "\e6ee";
}
.ph.ph-text-align-center:before {
content: "\e480";
}
.ph.ph-text-align-justify:before {
content: "\e482";
}
.ph.ph-text-align-left:before {
content: "\e484";
}
.ph.ph-text-align-right:before {
content: "\e486";
}
.ph.ph-text-b:before {
content: "\e5be";
}
.ph.ph-text-bolder:before {
content: "\e5be";
}
.ph.ph-text-columns:before {
content: "\ec96";
}
.ph.ph-text-h:before {
content: "\e6ba";
}
.ph.ph-text-h-five:before {
content: "\e6c4";
}
.ph.ph-text-h-four:before {
content: "\e6c2";
}
.ph.ph-text-h-one:before {
content: "\e6bc";
}
.ph.ph-text-h-six:before {
content: "\e6c6";
}
.ph.ph-text-h-three:before {
content: "\e6c0";
}
.ph.ph-text-h-two:before {
content: "\e6be";
}
.ph.ph-text-indent:before {
content: "\ea1e";
}
.ph.ph-text-italic:before {
content: "\e5c0";
}
.ph.ph-text-outdent:before {
content: "\ea1c";
}
.ph.ph-text-strikethrough:before {
content: "\e5c2";
}
.ph.ph-text-subscript:before {
content: "\ec98";
}
.ph.ph-text-superscript:before {
content: "\ec9a";
}
.ph.ph-text-t:before {
content: "\e48a";
}
.ph.ph-text-t-slash:before {
content: "\e488";
}
.ph.ph-text-underline:before {
content: "\e5c4";
}
.ph.ph-textbox:before {
content: "\eb0a";
}
.ph.ph-thermometer:before {
content: "\e5c6";
}
.ph.ph-thermometer-cold:before {
content: "\e5c8";
}
.ph.ph-thermometer-hot:before {
content: "\e5ca";
}
.ph.ph-thermometer-simple:before {
content: "\e5cc";
}
.ph.ph-threads-logo:before {
content: "\ed9e";
}
.ph.ph-three-d:before {
content: "\ea5a";
}
.ph.ph-thumbs-down:before {
content: "\e48c";
}
.ph.ph-thumbs-up:before {
content: "\e48e";
}
.ph.ph-ticket:before {
content: "\e490";
}
.ph.ph-tidal-logo:before {
content: "\ed1c";
}
.ph.ph-tiktok-logo:before {
content: "\eaf2";
}
.ph.ph-tilde:before {
content: "\eda8";
}
.ph.ph-timer:before {
content: "\e492";
}
.ph.ph-tip-jar:before {
content: "\e7e2";
}
.ph.ph-tipi:before {
content: "\ed30";
}
.ph.ph-tire:before {
content: "\edd2";
}
.ph.ph-toggle-left:before {
content: "\e674";
}
.ph.ph-toggle-right:before {
content: "\e676";
}
.ph.ph-toilet:before {
content: "\e79a";
}
.ph.ph-toilet-paper:before {
content: "\e79c";
}
.ph.ph-toolbox:before {
content: "\eca0";
}
.ph.ph-tooth:before {
content: "\e9cc";
}
.ph.ph-tornado:before {
content: "\e88c";
}
.ph.ph-tote:before {
content: "\e494";
}
.ph.ph-tote-simple:before {
content: "\e678";
}
.ph.ph-towel:before {
content: "\ede6";
}
.ph.ph-tractor:before {
content: "\ec6e";
}
.ph.ph-trademark:before {
content: "\e9f0";
}
.ph.ph-trademark-registered:before {
content: "\e3f4";
}
.ph.ph-traffic-cone:before {
content: "\e9a8";
}
.ph.ph-traffic-sign:before {
content: "\e67a";
}
.ph.ph-traffic-signal:before {
content: "\e9aa";
}
.ph.ph-train:before {
content: "\e496";
}
.ph.ph-train-regional:before {
content: "\e49e";
}
.ph.ph-train-simple:before {
content: "\e4a0";
}
.ph.ph-tram:before {
content: "\e9ec";
}
.ph.ph-translate:before {
content: "\e4a2";
}
.ph.ph-trash:before {
content: "\e4a6";
}
.ph.ph-trash-simple:before {
content: "\e4a8";
}
.ph.ph-tray:before {
content: "\e4aa";
}
.ph.ph-tray-arrow-down:before {
content: "\e010";
}
.ph.ph-archive-tray:before {
content: "\e010";
}
.ph.ph-tray-arrow-up:before {
content: "\ee52";
}
.ph.ph-treasure-chest:before {
content: "\ede2";
}
.ph.ph-tree:before {
content: "\e6da";
}
.ph.ph-tree-evergreen:before {
content: "\e6dc";
}
.ph.ph-tree-palm:before {
content: "\e91a";
}
.ph.ph-tree-structure:before {
content: "\e67c";
}
.ph.ph-tree-view:before {
content: "\ee48";
}
.ph.ph-trend-down:before {
content: "\e4ac";
}
.ph.ph-trend-up:before {
content: "\e4ae";
}
.ph.ph-triangle:before {
content: "\e4b0";
}
.ph.ph-triangle-dashed:before {
content: "\e4b2";
}
.ph.ph-trolley:before {
content: "\e5b2";
}
.ph.ph-trolley-suitcase:before {
content: "\e5b4";
}
.ph.ph-trophy:before {
content: "\e67e";
}
.ph.ph-truck:before {
content: "\e4b4";
}
.ph.ph-truck-trailer:before {
content: "\e4b6";
}
.ph.ph-tumblr-logo:before {
content: "\e8d4";
}
.ph.ph-twitch-logo:before {
content: "\e5ce";
}
.ph.ph-twitter-logo:before {
content: "\e4ba";
}
.ph.ph-umbrella:before {
content: "\e684";
}
.ph.ph-umbrella-simple:before {
content: "\e686";
}
.ph.ph-union:before {
content: "\edbe";
}
.ph.ph-unite:before {
content: "\e87e";
}
.ph.ph-unite-square:before {
content: "\e878";
}
.ph.ph-upload:before {
content: "\e4be";
}
.ph.ph-upload-simple:before {
content: "\e4c0";
}
.ph.ph-usb:before {
content: "\e956";
}
.ph.ph-user:before {
content: "\e4c2";
}
.ph.ph-user-check:before {
content: "\eafa";
}
.ph.ph-user-circle:before {
content: "\e4c4";
}
.ph.ph-user-circle-check:before {
content: "\ec38";
}
.ph.ph-user-circle-dashed:before {
content: "\ec36";
}
.ph.ph-user-circle-gear:before {
content: "\e4c6";
}
.ph.ph-user-circle-minus:before {
content: "\e4c8";
}
.ph.ph-user-circle-plus:before {
content: "\e4ca";
}
.ph.ph-user-focus:before {
content: "\e6fc";
}
.ph.ph-user-gear:before {
content: "\e4cc";
}
.ph.ph-user-list:before {
content: "\e73c";
}
.ph.ph-user-minus:before {
content: "\e4ce";
}
.ph.ph-user-plus:before {
content: "\e4d0";
}
.ph.ph-user-rectangle:before {
content: "\e4d2";
}
.ph.ph-user-sound:before {
content: "\eca8";
}
.ph.ph-user-square:before {
content: "\e4d4";
}
.ph.ph-user-switch:before {
content: "\e756";
}
.ph.ph-users:before {
content: "\e4d6";
}
.ph.ph-users-four:before {
content: "\e68c";
}
.ph.ph-users-three:before {
content: "\e68e";
}
.ph.ph-van:before {
content: "\e826";
}
.ph.ph-vault:before {
content: "\e76e";
}
.ph.ph-vector-three:before {
content: "\ee62";
}
.ph.ph-vector-two:before {
content: "\ee64";
}
.ph.ph-vibrate:before {
content: "\e4d8";
}
.ph.ph-video:before {
content: "\e740";
}
.ph.ph-video-camera:before {
content: "\e4da";
}
.ph.ph-video-camera-slash:before {
content: "\e4dc";
}
.ph.ph-video-conference:before {
content: "\edce";
}
.ph.ph-vignette:before {
content: "\eba2";
}
.ph.ph-vinyl-record:before {
content: "\ecac";
}
.ph.ph-virtual-reality:before {
content: "\e7b8";
}
.ph.ph-virus:before {
content: "\e7d6";
}
.ph.ph-visor:before {
content: "\ee2a";
}
.ph.ph-voicemail:before {
content: "\e4de";
}
.ph.ph-volleyball:before {
content: "\e726";
}
.ph.ph-wall:before {
content: "\e688";
}
.ph.ph-wallet:before {
content: "\e68a";
}
.ph.ph-warehouse:before {
content: "\ecd4";
}
.ph.ph-warning:before {
content: "\e4e0";
}
.ph.ph-warning-circle:before {
content: "\e4e2";
}
.ph.ph-warning-diamond:before {
content: "\e7fc";
}
.ph.ph-warning-octagon:before {
content: "\e4e4";
}
.ph.ph-washing-machine:before {
content: "\ede8";
}
.ph.ph-watch:before {
content: "\e4e6";
}
.ph.ph-wave-sawtooth:before {
content: "\ea9c";
}
.ph.ph-wave-sine:before {
content: "\ea9a";
}
.ph.ph-wave-square:before {
content: "\ea9e";
}
.ph.ph-wave-triangle:before {
content: "\eaa0";
}
.ph.ph-waveform:before {
content: "\e802";
}
.ph.ph-waveform-slash:before {
content: "\e800";
}
.ph.ph-waves:before {
content: "\e6de";
}
.ph.ph-webcam:before {
content: "\e9b2";
}
.ph.ph-webcam-slash:before {
content: "\ecdc";
}
.ph.ph-webhooks-logo:before {
content: "\ecae";
}
.ph.ph-wechat-logo:before {
content: "\e8d2";
}
.ph.ph-whatsapp-logo:before {
content: "\e5d0";
}
.ph.ph-wheelchair:before {
content: "\e4e8";
}
.ph.ph-wheelchair-motion:before {
content: "\e89a";
}
.ph.ph-wifi-high:before {
content: "\e4ea";
}
.ph.ph-wifi-low:before {
content: "\e4ec";
}
.ph.ph-wifi-medium:before {
content: "\e4ee";
}
.ph.ph-wifi-none:before {
content: "\e4f0";
}
.ph.ph-wifi-slash:before {
content: "\e4f2";
}
.ph.ph-wifi-x:before {
content: "\e4f4";
}
.ph.ph-wind:before {
content: "\e5d2";
}
.ph.ph-windmill:before {
content: "\e9f8";
}
.ph.ph-windows-logo:before {
content: "\e692";
}
.ph.ph-wine:before {
content: "\e6b2";
}
.ph.ph-wrench:before {
content: "\e5d4";
}
.ph.ph-x:before {
content: "\e4f6";
}
.ph.ph-x-circle:before {
content: "\e4f8";
}
.ph.ph-x-logo:before {
content: "\e4bc";
}
.ph.ph-x-square:before {
content: "\e4fa";
}
.ph.ph-yarn:before {
content: "\ed9a";
}
.ph.ph-yin-yang:before {
content: "\e92a";
}
.ph.ph-youtube-logo:before {
content: "\e4fc";
}
.ph-bold {
font-family: "Phosphor-Bold" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
letter-spacing: 0;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
-webkit-font-variant-ligatures: discretionary-ligatures;
font-variant-ligatures: discretionary-ligatures;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ph-bold.ph-acorn:before {
content: "\eb9a";
}
.ph-bold.ph-address-book:before {
content: "\e6f8";
}
.ph-bold.ph-address-book-tabs:before {
content: "\ee4e";
}
.ph-bold.ph-air-traffic-control:before {
content: "\ecd8";
}
.ph-bold.ph-airplane:before {
content: "\e002";
}
.ph-bold.ph-airplane-in-flight:before {
content: "\e4fe";
}
.ph-bold.ph-airplane-landing:before {
content: "\e502";
}
.ph-bold.ph-airplane-takeoff:before {
content: "\e504";
}
.ph-bold.ph-airplane-taxiing:before {
content: "\e500";
}
.ph-bold.ph-airplane-tilt:before {
content: "\e5d6";
}
.ph-bold.ph-airplay:before {
content: "\e004";
}
.ph-bold.ph-alarm:before {
content: "\e006";
}
.ph-bold.ph-alien:before {
content: "\e8a6";
}
.ph-bold.ph-align-bottom:before {
content: "\e506";
}
.ph-bold.ph-align-bottom-simple:before {
content: "\eb0c";
}
.ph-bold.ph-align-center-horizontal:before {
content: "\e50a";
}
.ph-bold.ph-align-center-horizontal-simple:before {
content: "\eb0e";
}
.ph-bold.ph-align-center-vertical:before {
content: "\e50c";
}
.ph-bold.ph-align-center-vertical-simple:before {
content: "\eb10";
}
.ph-bold.ph-align-left:before {
content: "\e50e";
}
.ph-bold.ph-align-left-simple:before {
content: "\eaee";
}
.ph-bold.ph-align-right:before {
content: "\e510";
}
.ph-bold.ph-align-right-simple:before {
content: "\eb12";
}
.ph-bold.ph-align-top:before {
content: "\e512";
}
.ph-bold.ph-align-top-simple:before {
content: "\eb14";
}
.ph-bold.ph-amazon-logo:before {
content: "\e96c";
}
.ph-bold.ph-ambulance:before {
content: "\e572";
}
.ph-bold.ph-anchor:before {
content: "\e514";
}
.ph-bold.ph-anchor-simple:before {
content: "\e5d8";
}
.ph-bold.ph-android-logo:before {
content: "\e008";
}
.ph-bold.ph-angle:before {
content: "\e7bc";
}
.ph-bold.ph-angular-logo:before {
content: "\eb80";
}
.ph-bold.ph-aperture:before {
content: "\e00a";
}
.ph-bold.ph-app-store-logo:before {
content: "\e974";
}
.ph-bold.ph-app-window:before {
content: "\e5da";
}
.ph-bold.ph-apple-logo:before {
content: "\e516";
}
.ph-bold.ph-apple-podcasts-logo:before {
content: "\eb96";
}
.ph-bold.ph-approximate-equals:before {
content: "\edaa";
}
.ph-bold.ph-archive:before {
content: "\e00c";
}
.ph-bold.ph-armchair:before {
content: "\e012";
}
.ph-bold.ph-arrow-arc-left:before {
content: "\e014";
}
.ph-bold.ph-arrow-arc-right:before {
content: "\e016";
}
.ph-bold.ph-arrow-bend-double-up-left:before {
content: "\e03a";
}
.ph-bold.ph-arrow-bend-double-up-right:before {
content: "\e03c";
}
.ph-bold.ph-arrow-bend-down-left:before {
content: "\e018";
}
.ph-bold.ph-arrow-bend-down-right:before {
content: "\e01a";
}
.ph-bold.ph-arrow-bend-left-down:before {
content: "\e01c";
}
.ph-bold.ph-arrow-bend-left-up:before {
content: "\e01e";
}
.ph-bold.ph-arrow-bend-right-down:before {
content: "\e020";
}
.ph-bold.ph-arrow-bend-right-up:before {
content: "\e022";
}
.ph-bold.ph-arrow-bend-up-left:before {
content: "\e024";
}
.ph-bold.ph-arrow-bend-up-right:before {
content: "\e026";
}
.ph-bold.ph-arrow-circle-down:before {
content: "\e028";
}
.ph-bold.ph-arrow-circle-down-left:before {
content: "\e02a";
}
.ph-bold.ph-arrow-circle-down-right:before {
content: "\e02c";
}
.ph-bold.ph-arrow-circle-left:before {
content: "\e05a";
}
.ph-bold.ph-arrow-circle-right:before {
content: "\e02e";
}
.ph-bold.ph-arrow-circle-up:before {
content: "\e030";
}
.ph-bold.ph-arrow-circle-up-left:before {
content: "\e032";
}
.ph-bold.ph-arrow-circle-up-right:before {
content: "\e034";
}
.ph-bold.ph-arrow-clockwise:before {
content: "\e036";
}
.ph-bold.ph-arrow-counter-clockwise:before {
content: "\e038";
}
.ph-bold.ph-arrow-down:before {
content: "\e03e";
}
.ph-bold.ph-arrow-down-left:before {
content: "\e040";
}
.ph-bold.ph-arrow-down-right:before {
content: "\e042";
}
.ph-bold.ph-arrow-elbow-down-left:before {
content: "\e044";
}
.ph-bold.ph-arrow-elbow-down-right:before {
content: "\e046";
}
.ph-bold.ph-arrow-elbow-left:before {
content: "\e048";
}
.ph-bold.ph-arrow-elbow-left-down:before {
content: "\e04a";
}
.ph-bold.ph-arrow-elbow-left-up:before {
content: "\e04c";
}
.ph-bold.ph-arrow-elbow-right:before {
content: "\e04e";
}
.ph-bold.ph-arrow-elbow-right-down:before {
content: "\e050";
}
.ph-bold.ph-arrow-elbow-right-up:before {
content: "\e052";
}
.ph-bold.ph-arrow-elbow-up-left:before {
content: "\e054";
}
.ph-bold.ph-arrow-elbow-up-right:before {
content: "\e056";
}
.ph-bold.ph-arrow-fat-down:before {
content: "\e518";
}
.ph-bold.ph-arrow-fat-left:before {
content: "\e51a";
}
.ph-bold.ph-arrow-fat-line-down:before {
content: "\e51c";
}
.ph-bold.ph-arrow-fat-line-left:before {
content: "\e51e";
}
.ph-bold.ph-arrow-fat-line-right:before {
content: "\e520";
}
.ph-bold.ph-arrow-fat-line-up:before {
content: "\e522";
}
.ph-bold.ph-arrow-fat-lines-down:before {
content: "\e524";
}
.ph-bold.ph-arrow-fat-lines-left:before {
content: "\e526";
}
.ph-bold.ph-arrow-fat-lines-right:before {
content: "\e528";
}
.ph-bold.ph-arrow-fat-lines-up:before {
content: "\e52a";
}
.ph-bold.ph-arrow-fat-right:before {
content: "\e52c";
}
.ph-bold.ph-arrow-fat-up:before {
content: "\e52e";
}
.ph-bold.ph-arrow-left:before {
content: "\e058";
}
.ph-bold.ph-arrow-line-down:before {
content: "\e05c";
}
.ph-bold.ph-arrow-line-down-left:before {
content: "\e05e";
}
.ph-bold.ph-arrow-line-down-right:before {
content: "\e060";
}
.ph-bold.ph-arrow-line-left:before {
content: "\e062";
}
.ph-bold.ph-arrow-line-right:before {
content: "\e064";
}
.ph-bold.ph-arrow-line-up:before {
content: "\e066";
}
.ph-bold.ph-arrow-line-up-left:before {
content: "\e068";
}
.ph-bold.ph-arrow-line-up-right:before {
content: "\e06a";
}
.ph-bold.ph-arrow-right:before {
content: "\e06c";
}
.ph-bold.ph-arrow-square-down:before {
content: "\e06e";
}
.ph-bold.ph-arrow-square-down-left:before {
content: "\e070";
}
.ph-bold.ph-arrow-square-down-right:before {
content: "\e072";
}
.ph-bold.ph-arrow-square-in:before {
content: "\e5dc";
}
.ph-bold.ph-arrow-square-left:before {
content: "\e074";
}
.ph-bold.ph-arrow-square-out:before {
content: "\e5de";
}
.ph-bold.ph-arrow-square-right:before {
content: "\e076";
}
.ph-bold.ph-arrow-square-up:before {
content: "\e078";
}
.ph-bold.ph-arrow-square-up-left:before {
content: "\e07a";
}
.ph-bold.ph-arrow-square-up-right:before {
content: "\e07c";
}
.ph-bold.ph-arrow-u-down-left:before {
content: "\e07e";
}
.ph-bold.ph-arrow-u-down-right:before {
content: "\e080";
}
.ph-bold.ph-arrow-u-left-down:before {
content: "\e082";
}
.ph-bold.ph-arrow-u-left-up:before {
content: "\e084";
}
.ph-bold.ph-arrow-u-right-down:before {
content: "\e086";
}
.ph-bold.ph-arrow-u-right-up:before {
content: "\e088";
}
.ph-bold.ph-arrow-u-up-left:before {
content: "\e08a";
}
.ph-bold.ph-arrow-u-up-right:before {
content: "\e08c";
}
.ph-bold.ph-arrow-up:before {
content: "\e08e";
}
.ph-bold.ph-arrow-up-left:before {
content: "\e090";
}
.ph-bold.ph-arrow-up-right:before {
content: "\e092";
}
.ph-bold.ph-arrows-clockwise:before {
content: "\e094";
}
.ph-bold.ph-arrows-counter-clockwise:before {
content: "\e096";
}
.ph-bold.ph-arrows-down-up:before {
content: "\e098";
}
.ph-bold.ph-arrows-horizontal:before {
content: "\eb06";
}
.ph-bold.ph-arrows-in:before {
content: "\e09a";
}
.ph-bold.ph-arrows-in-cardinal:before {
content: "\e09c";
}
.ph-bold.ph-arrows-in-line-horizontal:before {
content: "\e530";
}
.ph-bold.ph-arrows-in-line-vertical:before {
content: "\e532";
}
.ph-bold.ph-arrows-in-simple:before {
content: "\e09e";
}
.ph-bold.ph-arrows-left-right:before {
content: "\e0a0";
}
.ph-bold.ph-arrows-merge:before {
content: "\ed3e";
}
.ph-bold.ph-arrows-out:before {
content: "\e0a2";
}
.ph-bold.ph-arrows-out-cardinal:before {
content: "\e0a4";
}
.ph-bold.ph-arrows-out-line-horizontal:before {
content: "\e534";
}
.ph-bold.ph-arrows-out-line-vertical:before {
content: "\e536";
}
.ph-bold.ph-arrows-out-simple:before {
content: "\e0a6";
}
.ph-bold.ph-arrows-split:before {
content: "\ed3c";
}
.ph-bold.ph-arrows-vertical:before {
content: "\eb04";
}
.ph-bold.ph-article:before {
content: "\e0a8";
}
.ph-bold.ph-article-medium:before {
content: "\e5e0";
}
.ph-bold.ph-article-ny-times:before {
content: "\e5e2";
}
.ph-bold.ph-asclepius:before {
content: "\ee34";
}
.ph-bold.ph-caduceus:before {
content: "\ee34";
}
.ph-bold.ph-asterisk:before {
content: "\e0aa";
}
.ph-bold.ph-asterisk-simple:before {
content: "\e832";
}
.ph-bold.ph-at:before {
content: "\e0ac";
}
.ph-bold.ph-atom:before {
content: "\e5e4";
}
.ph-bold.ph-avocado:before {
content: "\ee04";
}
.ph-bold.ph-axe:before {
content: "\e9fc";
}
.ph-bold.ph-baby:before {
content: "\e774";
}
.ph-bold.ph-baby-carriage:before {
content: "\e818";
}
.ph-bold.ph-backpack:before {
content: "\e922";
}
.ph-bold.ph-backspace:before {
content: "\e0ae";
}
.ph-bold.ph-bag:before {
content: "\e0b0";
}
.ph-bold.ph-bag-simple:before {
content: "\e5e6";
}
.ph-bold.ph-balloon:before {
content: "\e76c";
}
.ph-bold.ph-bandaids:before {
content: "\e0b2";
}
.ph-bold.ph-bank:before {
content: "\e0b4";
}
.ph-bold.ph-barbell:before {
content: "\e0b6";
}
.ph-bold.ph-barcode:before {
content: "\e0b8";
}
.ph-bold.ph-barn:before {
content: "\ec72";
}
.ph-bold.ph-barricade:before {
content: "\e948";
}
.ph-bold.ph-baseball:before {
content: "\e71a";
}
.ph-bold.ph-baseball-cap:before {
content: "\ea28";
}
.ph-bold.ph-baseball-helmet:before {
content: "\ee4a";
}
.ph-bold.ph-basket:before {
content: "\e964";
}
.ph-bold.ph-basketball:before {
content: "\e724";
}
.ph-bold.ph-bathtub:before {
content: "\e81e";
}
.ph-bold.ph-battery-charging:before {
content: "\e0ba";
}
.ph-bold.ph-battery-charging-vertical:before {
content: "\e0bc";
}
.ph-bold.ph-battery-empty:before {
content: "\e0be";
}
.ph-bold.ph-battery-full:before {
content: "\e0c0";
}
.ph-bold.ph-battery-high:before {
content: "\e0c2";
}
.ph-bold.ph-battery-low:before {
content: "\e0c4";
}
.ph-bold.ph-battery-medium:before {
content: "\e0c6";
}
.ph-bold.ph-battery-plus:before {
content: "\e808";
}
.ph-bold.ph-battery-plus-vertical:before {
content: "\ec50";
}
.ph-bold.ph-battery-vertical-empty:before {
content: "\e7c6";
}
.ph-bold.ph-battery-vertical-full:before {
content: "\e7c4";
}
.ph-bold.ph-battery-vertical-high:before {
content: "\e7c2";
}
.ph-bold.ph-battery-vertical-low:before {
content: "\e7be";
}
.ph-bold.ph-battery-vertical-medium:before {
content: "\e7c0";
}
.ph-bold.ph-battery-warning:before {
content: "\e0c8";
}
.ph-bold.ph-battery-warning-vertical:before {
content: "\e0ca";
}
.ph-bold.ph-beach-ball:before {
content: "\ed24";
}
.ph-bold.ph-beanie:before {
content: "\ea2a";
}
.ph-bold.ph-bed:before {
content: "\e0cc";
}
.ph-bold.ph-beer-bottle:before {
content: "\e7b0";
}
.ph-bold.ph-beer-stein:before {
content: "\eb62";
}
.ph-bold.ph-behance-logo:before {
content: "\e7f4";
}
.ph-bold.ph-bell:before {
content: "\e0ce";
}
.ph-bold.ph-bell-ringing:before {
content: "\e5e8";
}
.ph-bold.ph-bell-simple:before {
content: "\e0d0";
}
.ph-bold.ph-bell-simple-ringing:before {
content: "\e5ea";
}
.ph-bold.ph-bell-simple-slash:before {
content: "\e0d2";
}
.ph-bold.ph-bell-simple-z:before {
content: "\e5ec";
}
.ph-bold.ph-bell-slash:before {
content: "\e0d4";
}
.ph-bold.ph-bell-z:before {
content: "\e5ee";
}
.ph-bold.ph-belt:before {
content: "\ea2c";
}
.ph-bold.ph-bezier-curve:before {
content: "\eb00";
}
.ph-bold.ph-bicycle:before {
content: "\e0d6";
}
.ph-bold.ph-binary:before {
content: "\ee60";
}
.ph-bold.ph-binoculars:before {
content: "\ea64";
}
.ph-bold.ph-biohazard:before {
content: "\e9e0";
}
.ph-bold.ph-bird:before {
content: "\e72c";
}
.ph-bold.ph-blueprint:before {
content: "\eda0";
}
.ph-bold.ph-bluetooth:before {
content: "\e0da";
}
.ph-bold.ph-bluetooth-connected:before {
content: "\e0dc";
}
.ph-bold.ph-bluetooth-slash:before {
content: "\e0de";
}
.ph-bold.ph-bluetooth-x:before {
content: "\e0e0";
}
.ph-bold.ph-boat:before {
content: "\e786";
}
.ph-bold.ph-bomb:before {
content: "\ee0a";
}
.ph-bold.ph-bone:before {
content: "\e7f2";
}
.ph-bold.ph-book:before {
content: "\e0e2";
}
.ph-bold.ph-book-bookmark:before {
content: "\e0e4";
}
.ph-bold.ph-book-open:before {
content: "\e0e6";
}
.ph-bold.ph-book-open-text:before {
content: "\e8f2";
}
.ph-bold.ph-book-open-user:before {
content: "\ede0";
}
.ph-bold.ph-bookmark:before {
content: "\e0e8";
}
.ph-bold.ph-bookmark-simple:before {
content: "\e0ea";
}
.ph-bold.ph-bookmarks:before {
content: "\e0ec";
}
.ph-bold.ph-bookmarks-simple:before {
content: "\e5f0";
}
.ph-bold.ph-books:before {
content: "\e758";
}
.ph-bold.ph-boot:before {
content: "\ecca";
}
.ph-bold.ph-boules:before {
content: "\e722";
}
.ph-bold.ph-bounding-box:before {
content: "\e6ce";
}
.ph-bold.ph-bowl-food:before {
content: "\eaa4";
}
.ph-bold.ph-bowl-steam:before {
content: "\e8e4";
}
.ph-bold.ph-bowling-ball:before {
content: "\ea34";
}
.ph-bold.ph-box-arrow-down:before {
content: "\e00e";
}
.ph-bold.ph-archive-box:before {
content: "\e00e";
}
.ph-bold.ph-box-arrow-up:before {
content: "\ee54";
}
.ph-bold.ph-boxing-glove:before {
content: "\ea36";
}
.ph-bold.ph-brackets-angle:before {
content: "\e862";
}
.ph-bold.ph-brackets-curly:before {
content: "\e860";
}
.ph-bold.ph-brackets-round:before {
content: "\e864";
}
.ph-bold.ph-brackets-square:before {
content: "\e85e";
}
.ph-bold.ph-brain:before {
content: "\e74e";
}
.ph-bold.ph-brandy:before {
content: "\e6b4";
}
.ph-bold.ph-bread:before {
content: "\e81c";
}
.ph-bold.ph-bridge:before {
content: "\ea68";
}
.ph-bold.ph-briefcase:before {
content: "\e0ee";
}
.ph-bold.ph-briefcase-metal:before {
content: "\e5f2";
}
.ph-bold.ph-broadcast:before {
content: "\e0f2";
}
.ph-bold.ph-broom:before {
content: "\ec54";
}
.ph-bold.ph-browser:before {
content: "\e0f4";
}
.ph-bold.ph-browsers:before {
content: "\e0f6";
}
.ph-bold.ph-bug:before {
content: "\e5f4";
}
.ph-bold.ph-bug-beetle:before {
content: "\e5f6";
}
.ph-bold.ph-bug-droid:before {
content: "\e5f8";
}
.ph-bold.ph-building:before {
content: "\e100";
}
.ph-bold.ph-building-apartment:before {
content: "\e0fe";
}
.ph-bold.ph-building-office:before {
content: "\e0ff";
}
.ph-bold.ph-buildings:before {
content: "\e102";
}
.ph-bold.ph-bulldozer:before {
content: "\ec6c";
}
.ph-bold.ph-bus:before {
content: "\e106";
}
.ph-bold.ph-butterfly:before {
content: "\ea6e";
}
.ph-bold.ph-cable-car:before {
content: "\e49c";
}
.ph-bold.ph-cactus:before {
content: "\e918";
}
.ph-bold.ph-cake:before {
content: "\e780";
}
.ph-bold.ph-calculator:before {
content: "\e538";
}
.ph-bold.ph-calendar:before {
content: "\e108";
}
.ph-bold.ph-calendar-blank:before {
content: "\e10a";
}
.ph-bold.ph-calendar-check:before {
content: "\e712";
}
.ph-bold.ph-calendar-dot:before {
content: "\e7b2";
}
.ph-bold.ph-calendar-dots:before {
content: "\e7b4";
}
.ph-bold.ph-calendar-heart:before {
content: "\e8b0";
}
.ph-bold.ph-calendar-minus:before {
content: "\ea14";
}
.ph-bold.ph-calendar-plus:before {
content: "\e714";
}
.ph-bold.ph-calendar-slash:before {
content: "\ea12";
}
.ph-bold.ph-calendar-star:before {
content: "\e8b2";
}
.ph-bold.ph-calendar-x:before {
content: "\e10c";
}
.ph-bold.ph-call-bell:before {
content: "\e7de";
}
.ph-bold.ph-camera:before {
content: "\e10e";
}
.ph-bold.ph-camera-plus:before {
content: "\ec58";
}
.ph-bold.ph-camera-rotate:before {
content: "\e7a4";
}
.ph-bold.ph-camera-slash:before {
content: "\e110";
}
.ph-bold.ph-campfire:before {
content: "\e9d8";
}
.ph-bold.ph-car:before {
content: "\e112";
}
.ph-bold.ph-car-battery:before {
content: "\ee30";
}
.ph-bold.ph-car-profile:before {
content: "\e8cc";
}
.ph-bold.ph-car-simple:before {
content: "\e114";
}
.ph-bold.ph-cardholder:before {
content: "\e5fa";
}
.ph-bold.ph-cards:before {
content: "\e0f8";
}
.ph-bold.ph-cards-three:before {
content: "\ee50";
}
.ph-bold.ph-caret-circle-double-down:before {
content: "\e116";
}
.ph-bold.ph-caret-circle-double-left:before {
content: "\e118";
}
.ph-bold.ph-caret-circle-double-right:before {
content: "\e11a";
}
.ph-bold.ph-caret-circle-double-up:before {
content: "\e11c";
}
.ph-bold.ph-caret-circle-down:before {
content: "\e11e";
}
.ph-bold.ph-caret-circle-left:before {
content: "\e120";
}
.ph-bold.ph-caret-circle-right:before {
content: "\e122";
}
.ph-bold.ph-caret-circle-up:before {
content: "\e124";
}
.ph-bold.ph-caret-circle-up-down:before {
content: "\e13e";
}
.ph-bold.ph-caret-double-down:before {
content: "\e126";
}
.ph-bold.ph-caret-double-left:before {
content: "\e128";
}
.ph-bold.ph-caret-double-right:before {
content: "\e12a";
}
.ph-bold.ph-caret-double-up:before {
content: "\e12c";
}
.ph-bold.ph-caret-down:before {
content: "\e136";
}
.ph-bold.ph-caret-left:before {
content: "\e138";
}
.ph-bold.ph-caret-line-down:before {
content: "\e134";
}
.ph-bold.ph-caret-line-left:before {
content: "\e132";
}
.ph-bold.ph-caret-line-right:before {
content: "\e130";
}
.ph-bold.ph-caret-line-up:before {
content: "\e12e";
}
.ph-bold.ph-caret-right:before {
content: "\e13a";
}
.ph-bold.ph-caret-up:before {
content: "\e13c";
}
.ph-bold.ph-caret-up-down:before {
content: "\e140";
}
.ph-bold.ph-carrot:before {
content: "\ed38";
}
.ph-bold.ph-cash-register:before {
content: "\ed80";
}
.ph-bold.ph-cassette-tape:before {
content: "\ed2e";
}
.ph-bold.ph-castle-turret:before {
content: "\e9d0";
}
.ph-bold.ph-cat:before {
content: "\e748";
}
.ph-bold.ph-cell-signal-full:before {
content: "\e142";
}
.ph-bold.ph-cell-signal-high:before {
content: "\e144";
}
.ph-bold.ph-cell-signal-low:before {
content: "\e146";
}
.ph-bold.ph-cell-signal-medium:before {
content: "\e148";
}
.ph-bold.ph-cell-signal-none:before {
content: "\e14a";
}
.ph-bold.ph-cell-signal-slash:before {
content: "\e14c";
}
.ph-bold.ph-cell-signal-x:before {
content: "\e14e";
}
.ph-bold.ph-cell-tower:before {
content: "\ebaa";
}
.ph-bold.ph-certificate:before {
content: "\e766";
}
.ph-bold.ph-chair:before {
content: "\e950";
}
.ph-bold.ph-chalkboard:before {
content: "\e5fc";
}
.ph-bold.ph-chalkboard-simple:before {
content: "\e5fe";
}
.ph-bold.ph-chalkboard-teacher:before {
content: "\e600";
}
.ph-bold.ph-champagne:before {
content: "\eaca";
}
.ph-bold.ph-charging-station:before {
content: "\e8d0";
}
.ph-bold.ph-chart-bar:before {
content: "\e150";
}
.ph-bold.ph-chart-bar-horizontal:before {
content: "\e152";
}
.ph-bold.ph-chart-donut:before {
content: "\eaa6";
}
.ph-bold.ph-chart-line:before {
content: "\e154";
}
.ph-bold.ph-chart-line-down:before {
content: "\e8b6";
}
.ph-bold.ph-chart-line-up:before {
content: "\e156";
}
.ph-bold.ph-chart-pie:before {
content: "\e158";
}
.ph-bold.ph-chart-pie-slice:before {
content: "\e15a";
}
.ph-bold.ph-chart-polar:before {
content: "\eaa8";
}
.ph-bold.ph-chart-scatter:before {
content: "\eaac";
}
.ph-bold.ph-chat:before {
content: "\e15c";
}
.ph-bold.ph-chat-centered:before {
content: "\e160";
}
.ph-bold.ph-chat-centered-dots:before {
content: "\e164";
}
.ph-bold.ph-chat-centered-slash:before {
content: "\e162";
}
.ph-bold.ph-chat-centered-text:before {
content: "\e166";
}
.ph-bold.ph-chat-circle:before {
content: "\e168";
}
.ph-bold.ph-chat-circle-dots:before {
content: "\e16c";
}
.ph-bold.ph-chat-circle-slash:before {
content: "\e16a";
}
.ph-bold.ph-chat-circle-text:before {
content: "\e16e";
}
.ph-bold.ph-chat-dots:before {
content: "\e170";
}
.ph-bold.ph-chat-slash:before {
content: "\e15e";
}
.ph-bold.ph-chat-teardrop:before {
content: "\e172";
}
.ph-bold.ph-chat-teardrop-dots:before {
content: "\e176";
}
.ph-bold.ph-chat-teardrop-slash:before {
content: "\e174";
}
.ph-bold.ph-chat-teardrop-text:before {
content: "\e178";
}
.ph-bold.ph-chat-text:before {
content: "\e17a";
}
.ph-bold.ph-chats:before {
content: "\e17c";
}
.ph-bold.ph-chats-circle:before {
content: "\e17e";
}
.ph-bold.ph-chats-teardrop:before {
content: "\e180";
}
.ph-bold.ph-check:before {
content: "\e182";
}
.ph-bold.ph-check-circle:before {
content: "\e184";
}
.ph-bold.ph-check-fat:before {
content: "\eba6";
}
.ph-bold.ph-check-square:before {
content: "\e186";
}
.ph-bold.ph-check-square-offset:before {
content: "\e188";
}
.ph-bold.ph-checkerboard:before {
content: "\e8c4";
}
.ph-bold.ph-checks:before {
content: "\e53a";
}
.ph-bold.ph-cheers:before {
content: "\ea4a";
}
.ph-bold.ph-cheese:before {
content: "\e9fe";
}
.ph-bold.ph-chef-hat:before {
content: "\ed8e";
}
.ph-bold.ph-cherries:before {
content: "\e830";
}
.ph-bold.ph-church:before {
content: "\ecea";
}
.ph-bold.ph-cigarette:before {
content: "\ed90";
}
.ph-bold.ph-cigarette-slash:before {
content: "\ed92";
}
.ph-bold.ph-circle:before {
content: "\e18a";
}
.ph-bold.ph-circle-dashed:before {
content: "\e602";
}
.ph-bold.ph-circle-half:before {
content: "\e18c";
}
.ph-bold.ph-circle-half-tilt:before {
content: "\e18e";
}
.ph-bold.ph-circle-notch:before {
content: "\eb44";
}
.ph-bold.ph-circles-four:before {
content: "\e190";
}
.ph-bold.ph-circles-three:before {
content: "\e192";
}
.ph-bold.ph-circles-three-plus:before {
content: "\e194";
}
.ph-bold.ph-circuitry:before {
content: "\e9c2";
}
.ph-bold.ph-city:before {
content: "\ea6a";
}
.ph-bold.ph-clipboard:before {
content: "\e196";
}
.ph-bold.ph-clipboard-text:before {
content: "\e198";
}
.ph-bold.ph-clock:before {
content: "\e19a";
}
.ph-bold.ph-clock-afternoon:before {
content: "\e19c";
}
.ph-bold.ph-clock-clockwise:before {
content: "\e19e";
}
.ph-bold.ph-clock-countdown:before {
content: "\ed2c";
}
.ph-bold.ph-clock-counter-clockwise:before {
content: "\e1a0";
}
.ph-bold.ph-clock-user:before {
content: "\edec";
}
.ph-bold.ph-closed-captioning:before {
content: "\e1a4";
}
.ph-bold.ph-cloud:before {
content: "\e1aa";
}
.ph-bold.ph-cloud-arrow-down:before {
content: "\e1ac";
}
.ph-bold.ph-cloud-arrow-up:before {
content: "\e1ae";
}
.ph-bold.ph-cloud-check:before {
content: "\e1b0";
}
.ph-bold.ph-cloud-fog:before {
content: "\e53c";
}
.ph-bold.ph-cloud-lightning:before {
content: "\e1b2";
}
.ph-bold.ph-cloud-moon:before {
content: "\e53e";
}
.ph-bold.ph-cloud-rain:before {
content: "\e1b4";
}
.ph-bold.ph-cloud-slash:before {
content: "\e1b6";
}
.ph-bold.ph-cloud-snow:before {
content: "\e1b8";
}
.ph-bold.ph-cloud-sun:before {
content: "\e540";
}
.ph-bold.ph-cloud-warning:before {
content: "\ea98";
}
.ph-bold.ph-cloud-x:before {
content: "\ea96";
}
.ph-bold.ph-clover:before {
content: "\edc8";
}
.ph-bold.ph-club:before {
content: "\e1ba";
}
.ph-bold.ph-coat-hanger:before {
content: "\e7fe";
}
.ph-bold.ph-coda-logo:before {
content: "\e7ce";
}
.ph-bold.ph-code:before {
content: "\e1bc";
}
.ph-bold.ph-code-block:before {
content: "\eafe";
}
.ph-bold.ph-code-simple:before {
content: "\e1be";
}
.ph-bold.ph-codepen-logo:before {
content: "\e978";
}
.ph-bold.ph-codesandbox-logo:before {
content: "\ea06";
}
.ph-bold.ph-coffee:before {
content: "\e1c2";
}
.ph-bold.ph-coffee-bean:before {
content: "\e1c0";
}
.ph-bold.ph-coin:before {
content: "\e60e";
}
.ph-bold.ph-coin-vertical:before {
content: "\eb48";
}
.ph-bold.ph-coins:before {
content: "\e78e";
}
.ph-bold.ph-columns:before {
content: "\e546";
}
.ph-bold.ph-columns-plus-left:before {
content: "\e544";
}
.ph-bold.ph-columns-plus-right:before {
content: "\e542";
}
.ph-bold.ph-command:before {
content: "\e1c4";
}
.ph-bold.ph-compass:before {
content: "\e1c8";
}
.ph-bold.ph-compass-rose:before {
content: "\e1c6";
}
.ph-bold.ph-compass-tool:before {
content: "\ea0e";
}
.ph-bold.ph-computer-tower:before {
content: "\e548";
}
.ph-bold.ph-confetti:before {
content: "\e81a";
}
.ph-bold.ph-contactless-payment:before {
content: "\ed42";
}
.ph-bold.ph-control:before {
content: "\eca6";
}
.ph-bold.ph-cookie:before {
content: "\e6ca";
}
.ph-bold.ph-cooking-pot:before {
content: "\e764";
}
.ph-bold.ph-copy:before {
content: "\e1ca";
}
.ph-bold.ph-copy-simple:before {
content: "\e1cc";
}
.ph-bold.ph-copyleft:before {
content: "\e86a";
}
.ph-bold.ph-copyright:before {
content: "\e54a";
}
.ph-bold.ph-corners-in:before {
content: "\e1ce";
}
.ph-bold.ph-corners-out:before {
content: "\e1d0";
}
.ph-bold.ph-couch:before {
content: "\e7f6";
}
.ph-bold.ph-court-basketball:before {
content: "\ee36";
}
.ph-bold.ph-cow:before {
content: "\eabe";
}
.ph-bold.ph-cowboy-hat:before {
content: "\ed12";
}
.ph-bold.ph-cpu:before {
content: "\e610";
}
.ph-bold.ph-crane:before {
content: "\ed48";
}
.ph-bold.ph-crane-tower:before {
content: "\ed49";
}
.ph-bold.ph-credit-card:before {
content: "\e1d2";
}
.ph-bold.ph-cricket:before {
content: "\ee12";
}
.ph-bold.ph-crop:before {
content: "\e1d4";
}
.ph-bold.ph-cross:before {
content: "\e8a0";
}
.ph-bold.ph-crosshair:before {
content: "\e1d6";
}
.ph-bold.ph-crosshair-simple:before {
content: "\e1d8";
}
.ph-bold.ph-crown:before {
content: "\e614";
}
.ph-bold.ph-crown-cross:before {
content: "\ee5e";
}
.ph-bold.ph-crown-simple:before {
content: "\e616";
}
.ph-bold.ph-cube:before {
content: "\e1da";
}
.ph-bold.ph-cube-focus:before {
content: "\ed0a";
}
.ph-bold.ph-cube-transparent:before {
content: "\ec7c";
}
.ph-bold.ph-currency-btc:before {
content: "\e618";
}
.ph-bold.ph-currency-circle-dollar:before {
content: "\e54c";
}
.ph-bold.ph-currency-cny:before {
content: "\e54e";
}
.ph-bold.ph-currency-dollar:before {
content: "\e550";
}
.ph-bold.ph-currency-dollar-simple:before {
content: "\e552";
}
.ph-bold.ph-currency-eth:before {
content: "\eada";
}
.ph-bold.ph-currency-eur:before {
content: "\e554";
}
.ph-bold.ph-currency-gbp:before {
content: "\e556";
}
.ph-bold.ph-currency-inr:before {
content: "\e558";
}
.ph-bold.ph-currency-jpy:before {
content: "\e55a";
}
.ph-bold.ph-currency-krw:before {
content: "\e55c";
}
.ph-bold.ph-currency-kzt:before {
content: "\ec4c";
}
.ph-bold.ph-currency-ngn:before {
content: "\eb52";
}
.ph-bold.ph-currency-rub:before {
content: "\e55e";
}
.ph-bold.ph-cursor:before {
content: "\e1dc";
}
.ph-bold.ph-cursor-click:before {
content: "\e7c8";
}
.ph-bold.ph-cursor-text:before {
content: "\e7d8";
}
.ph-bold.ph-cylinder:before {
content: "\e8fc";
}
.ph-bold.ph-database:before {
content: "\e1de";
}
.ph-bold.ph-desk:before {
content: "\ed16";
}
.ph-bold.ph-desktop:before {
content: "\e560";
}
.ph-bold.ph-desktop-tower:before {
content: "\e562";
}
.ph-bold.ph-detective:before {
content: "\e83e";
}
.ph-bold.ph-dev-to-logo:before {
content: "\ed0e";
}
.ph-bold.ph-device-mobile:before {
content: "\e1e0";
}
.ph-bold.ph-device-mobile-camera:before {
content: "\e1e2";
}
.ph-bold.ph-device-mobile-slash:before {
content: "\ee46";
}
.ph-bold.ph-device-mobile-speaker:before {
content: "\e1e4";
}
.ph-bold.ph-device-rotate:before {
content: "\edf2";
}
.ph-bold.ph-device-tablet:before {
content: "\e1e6";
}
.ph-bold.ph-device-tablet-camera:before {
content: "\e1e8";
}
.ph-bold.ph-device-tablet-speaker:before {
content: "\e1ea";
}
.ph-bold.ph-devices:before {
content: "\eba4";
}
.ph-bold.ph-diamond:before {
content: "\e1ec";
}
.ph-bold.ph-diamonds-four:before {
content: "\e8f4";
}
.ph-bold.ph-dice-five:before {
content: "\e1ee";
}
.ph-bold.ph-dice-four:before {
content: "\e1f0";
}
.ph-bold.ph-dice-one:before {
content: "\e1f2";
}
.ph-bold.ph-dice-six:before {
content: "\e1f4";
}
.ph-bold.ph-dice-three:before {
content: "\e1f6";
}
.ph-bold.ph-dice-two:before {
content: "\e1f8";
}
.ph-bold.ph-disc:before {
content: "\e564";
}
.ph-bold.ph-disco-ball:before {
content: "\ed98";
}
.ph-bold.ph-discord-logo:before {
content: "\e61a";
}
.ph-bold.ph-divide:before {
content: "\e1fa";
}
.ph-bold.ph-dna:before {
content: "\e924";
}
.ph-bold.ph-dog:before {
content: "\e74a";
}
.ph-bold.ph-door:before {
content: "\e61c";
}
.ph-bold.ph-door-open:before {
content: "\e7e6";
}
.ph-bold.ph-dot:before {
content: "\ecde";
}
.ph-bold.ph-dot-outline:before {
content: "\ece0";
}
.ph-bold.ph-dots-nine:before {
content: "\e1fc";
}
.ph-bold.ph-dots-six:before {
content: "\e794";
}
.ph-bold.ph-dots-six-vertical:before {
content: "\eae2";
}
.ph-bold.ph-dots-three:before {
content: "\e1fe";
}
.ph-bold.ph-dots-three-circle:before {
content: "\e200";
}
.ph-bold.ph-dots-three-circle-vertical:before {
content: "\e202";
}
.ph-bold.ph-dots-three-outline:before {
content: "\e204";
}
.ph-bold.ph-dots-three-outline-vertical:before {
content: "\e206";
}
.ph-bold.ph-dots-three-vertical:before {
content: "\e208";
}
.ph-bold.ph-download:before {
content: "\e20a";
}
.ph-bold.ph-download-simple:before {
content: "\e20c";
}
.ph-bold.ph-dress:before {
content: "\ea7e";
}
.ph-bold.ph-dresser:before {
content: "\e94e";
}
.ph-bold.ph-dribbble-logo:before {
content: "\e20e";
}
.ph-bold.ph-drone:before {
content: "\ed74";
}
.ph-bold.ph-drop:before {
content: "\e210";
}
.ph-bold.ph-drop-half:before {
content: "\e566";
}
.ph-bold.ph-drop-half-bottom:before {
content: "\eb40";
}
.ph-bold.ph-drop-simple:before {
content: "\ee32";
}
.ph-bold.ph-drop-slash:before {
content: "\e954";
}
.ph-bold.ph-dropbox-logo:before {
content: "\e7d0";
}
.ph-bold.ph-ear:before {
content: "\e70c";
}
.ph-bold.ph-ear-slash:before {
content: "\e70e";
}
.ph-bold.ph-egg:before {
content: "\e812";
}
.ph-bold.ph-egg-crack:before {
content: "\eb64";
}
.ph-bold.ph-eject:before {
content: "\e212";
}
.ph-bold.ph-eject-simple:before {
content: "\e6ae";
}
.ph-bold.ph-elevator:before {
content: "\ecc0";
}
.ph-bold.ph-empty:before {
content: "\edbc";
}
.ph-bold.ph-engine:before {
content: "\ea80";
}
.ph-bold.ph-envelope:before {
content: "\e214";
}
.ph-bold.ph-envelope-open:before {
content: "\e216";
}
.ph-bold.ph-envelope-simple:before {
content: "\e218";
}
.ph-bold.ph-envelope-simple-open:before {
content: "\e21a";
}
.ph-bold.ph-equalizer:before {
content: "\ebbc";
}
.ph-bold.ph-equals:before {
content: "\e21c";
}
.ph-bold.ph-eraser:before {
content: "\e21e";
}
.ph-bold.ph-escalator-down:before {
content: "\ecba";
}
.ph-bold.ph-escalator-up:before {
content: "\ecbc";
}
.ph-bold.ph-exam:before {
content: "\e742";
}
.ph-bold.ph-exclamation-mark:before {
content: "\ee44";
}
.ph-bold.ph-exclude:before {
content: "\e882";
}
.ph-bold.ph-exclude-square:before {
content: "\e880";
}
.ph-bold.ph-export:before {
content: "\eaf0";
}
.ph-bold.ph-eye:before {
content: "\e220";
}
.ph-bold.ph-eye-closed:before {
content: "\e222";
}
.ph-bold.ph-eye-slash:before {
content: "\e224";
}
.ph-bold.ph-eyedropper:before {
content: "\e568";
}
.ph-bold.ph-eyedropper-sample:before {
content: "\eac4";
}
.ph-bold.ph-eyeglasses:before {
content: "\e7ba";
}
.ph-bold.ph-eyes:before {
content: "\ee5c";
}
.ph-bold.ph-face-mask:before {
content: "\e56a";
}
.ph-bold.ph-facebook-logo:before {
content: "\e226";
}
.ph-bold.ph-factory:before {
content: "\e760";
}
.ph-bold.ph-faders:before {
content: "\e228";
}
.ph-bold.ph-faders-horizontal:before {
content: "\e22a";
}
.ph-bold.ph-fallout-shelter:before {
content: "\e9de";
}
.ph-bold.ph-fan:before {
content: "\e9f2";
}
.ph-bold.ph-farm:before {
content: "\ec70";
}
.ph-bold.ph-fast-forward:before {
content: "\e6a6";
}
.ph-bold.ph-fast-forward-circle:before {
content: "\e22c";
}
.ph-bold.ph-feather:before {
content: "\e9c0";
}
.ph-bold.ph-fediverse-logo:before {
content: "\ed66";
}
.ph-bold.ph-figma-logo:before {
content: "\e22e";
}
.ph-bold.ph-file:before {
content: "\e230";
}
.ph-bold.ph-file-archive:before {
content: "\eb2a";
}
.ph-bold.ph-file-arrow-down:before {
content: "\e232";
}
.ph-bold.ph-file-arrow-up:before {
content: "\e61e";
}
.ph-bold.ph-file-audio:before {
content: "\ea20";
}
.ph-bold.ph-file-c:before {
content: "\eb32";
}
.ph-bold.ph-file-c-sharp:before {
content: "\eb30";
}
.ph-bold.ph-file-cloud:before {
content: "\e95e";
}
.ph-bold.ph-file-code:before {
content: "\e914";
}
.ph-bold.ph-file-cpp:before {
content: "\eb2e";
}
.ph-bold.ph-file-css:before {
content: "\eb34";
}
.ph-bold.ph-file-csv:before {
content: "\eb1c";
}
.ph-bold.ph-file-dashed:before {
content: "\e704";
}
.ph-bold.ph-file-dotted:before {
content: "\e704";
}
.ph-bold.ph-file-doc:before {
content: "\eb1e";
}
.ph-bold.ph-file-html:before {
content: "\eb38";
}
.ph-bold.ph-file-image:before {
content: "\ea24";
}
.ph-bold.ph-file-ini:before {
content: "\eb33";
}
.ph-bold.ph-file-jpg:before {
content: "\eb1a";
}
.ph-bold.ph-file-js:before {
content: "\eb24";
}
.ph-bold.ph-file-jsx:before {
content: "\eb3a";
}
.ph-bold.ph-file-lock:before {
content: "\e95c";
}
.ph-bold.ph-file-magnifying-glass:before {
content: "\e238";
}
.ph-bold.ph-file-search:before {
content: "\e238";
}
.ph-bold.ph-file-md:before {
content: "\ed50";
}
.ph-bold.ph-file-minus:before {
content: "\e234";
}
.ph-bold.ph-file-pdf:before {
content: "\e702";
}
.ph-bold.ph-file-plus:before {
content: "\e236";
}
.ph-bold.ph-file-png:before {
content: "\eb18";
}
.ph-bold.ph-file-ppt:before {
content: "\eb20";
}
.ph-bold.ph-file-py:before {
content: "\eb2c";
}
.ph-bold.ph-file-rs:before {
content: "\eb28";
}
.ph-bold.ph-file-sql:before {
content: "\ed4e";
}
.ph-bold.ph-file-svg:before {
content: "\ed08";
}
.ph-bold.ph-file-text:before {
content: "\e23a";
}
.ph-bold.ph-file-ts:before {
content: "\eb26";
}
.ph-bold.ph-file-tsx:before {
content: "\eb3c";
}
.ph-bold.ph-file-txt:before {
content: "\eb35";
}
.ph-bold.ph-file-video:before {
content: "\ea22";
}
.ph-bold.ph-file-vue:before {
content: "\eb3e";
}
.ph-bold.ph-file-x:before {
content: "\e23c";
}
.ph-bold.ph-file-xls:before {
content: "\eb22";
}
.ph-bold.ph-file-zip:before {
content: "\e958";
}
.ph-bold.ph-files:before {
content: "\e710";
}
.ph-bold.ph-film-reel:before {
content: "\e8c0";
}
.ph-bold.ph-film-script:before {
content: "\eb50";
}
.ph-bold.ph-film-slate:before {
content: "\e8c2";
}
.ph-bold.ph-film-strip:before {
content: "\e792";
}
.ph-bold.ph-fingerprint:before {
content: "\e23e";
}
.ph-bold.ph-fingerprint-simple:before {
content: "\e240";
}
.ph-bold.ph-finn-the-human:before {
content: "\e56c";
}
.ph-bold.ph-fire:before {
content: "\e242";
}
.ph-bold.ph-fire-extinguisher:before {
content: "\e9e8";
}
.ph-bold.ph-fire-simple:before {
content: "\e620";
}
.ph-bold.ph-fire-truck:before {
content: "\e574";
}
.ph-bold.ph-first-aid:before {
content: "\e56e";
}
.ph-bold.ph-first-aid-kit:before {
content: "\e570";
}
.ph-bold.ph-fish:before {
content: "\e728";
}
.ph-bold.ph-fish-simple:before {
content: "\e72a";
}
.ph-bold.ph-flag:before {
content: "\e244";
}
.ph-bold.ph-flag-banner:before {
content: "\e622";
}
.ph-bold.ph-flag-banner-fold:before {
content: "\ecf2";
}
.ph-bold.ph-flag-checkered:before {
content: "\ea38";
}
.ph-bold.ph-flag-pennant:before {
content: "\ecf0";
}
.ph-bold.ph-flame:before {
content: "\e624";
}
.ph-bold.ph-flashlight:before {
content: "\e246";
}
.ph-bold.ph-flask:before {
content: "\e79e";
}
.ph-bold.ph-flip-horizontal:before {
content: "\ed6a";
}
.ph-bold.ph-flip-vertical:before {
content: "\ed6c";
}
.ph-bold.ph-floppy-disk:before {
content: "\e248";
}
.ph-bold.ph-floppy-disk-back:before {
content: "\eaf4";
}
.ph-bold.ph-flow-arrow:before {
content: "\e6ec";
}
.ph-bold.ph-flower:before {
content: "\e75e";
}
.ph-bold.ph-flower-lotus:before {
content: "\e6cc";
}
.ph-bold.ph-flower-tulip:before {
content: "\eacc";
}
.ph-bold.ph-flying-saucer:before {
content: "\eb4a";
}
.ph-bold.ph-folder:before {
content: "\e24a";
}
.ph-bold.ph-folder-notch:before {
content: "\e24a";
}
.ph-bold.ph-folder-dashed:before {
content: "\e8f8";
}
.ph-bold.ph-folder-dotted:before {
content: "\e8f8";
}
.ph-bold.ph-folder-lock:before {
content: "\ea3c";
}
.ph-bold.ph-folder-minus:before {
content: "\e254";
}
.ph-bold.ph-folder-notch-minus:before {
content: "\e254";
}
.ph-bold.ph-folder-open:before {
content: "\e256";
}
.ph-bold.ph-folder-notch-open:before {
content: "\e256";
}
.ph-bold.ph-folder-plus:before {
content: "\e258";
}
.ph-bold.ph-folder-notch-plus:before {
content: "\e258";
}
.ph-bold.ph-folder-simple:before {
content: "\e25a";
}
.ph-bold.ph-folder-simple-dashed:before {
content: "\ec2a";
}
.ph-bold.ph-folder-simple-dotted:before {
content: "\ec2a";
}
.ph-bold.ph-folder-simple-lock:before {
content: "\eb5e";
}
.ph-bold.ph-folder-simple-minus:before {
content: "\e25c";
}
.ph-bold.ph-folder-simple-plus:before {
content: "\e25e";
}
.ph-bold.ph-folder-simple-star:before {
content: "\ec2e";
}
.ph-bold.ph-folder-simple-user:before {
content: "\eb60";
}
.ph-bold.ph-folder-star:before {
content: "\ea86";
}
.ph-bold.ph-folder-user:before {
content: "\eb46";
}
.ph-bold.ph-folders:before {
content: "\e260";
}
.ph-bold.ph-football:before {
content: "\e718";
}
.ph-bold.ph-football-helmet:before {
content: "\ee4c";
}
.ph-bold.ph-footprints:before {
content: "\ea88";
}
.ph-bold.ph-fork-knife:before {
content: "\e262";
}
.ph-bold.ph-four-k:before {
content: "\ea5c";
}
.ph-bold.ph-frame-corners:before {
content: "\e626";
}
.ph-bold.ph-framer-logo:before {
content: "\e264";
}
.ph-bold.ph-function:before {
content: "\ebe4";
}
.ph-bold.ph-funnel:before {
content: "\e266";
}
.ph-bold.ph-funnel-simple:before {
content: "\e268";
}
.ph-bold.ph-funnel-simple-x:before {
content: "\e26a";
}
.ph-bold.ph-funnel-x:before {
content: "\e26c";
}
.ph-bold.ph-game-controller:before {
content: "\e26e";
}
.ph-bold.ph-garage:before {
content: "\ecd6";
}
.ph-bold.ph-gas-can:before {
content: "\e8ce";
}
.ph-bold.ph-gas-pump:before {
content: "\e768";
}
.ph-bold.ph-gauge:before {
content: "\e628";
}
.ph-bold.ph-gavel:before {
content: "\ea32";
}
.ph-bold.ph-gear:before {
content: "\e270";
}
.ph-bold.ph-gear-fine:before {
content: "\e87c";
}
.ph-bold.ph-gear-six:before {
content: "\e272";
}
.ph-bold.ph-gender-female:before {
content: "\e6e0";
}
.ph-bold.ph-gender-intersex:before {
content: "\e6e6";
}
.ph-bold.ph-gender-male:before {
content: "\e6e2";
}
.ph-bold.ph-gender-neuter:before {
content: "\e6ea";
}
.ph-bold.ph-gender-nonbinary:before {
content: "\e6e4";
}
.ph-bold.ph-gender-transgender:before {
content: "\e6e8";
}
.ph-bold.ph-ghost:before {
content: "\e62a";
}
.ph-bold.ph-gif:before {
content: "\e274";
}
.ph-bold.ph-gift:before {
content: "\e276";
}
.ph-bold.ph-git-branch:before {
content: "\e278";
}
.ph-bold.ph-git-commit:before {
content: "\e27a";
}
.ph-bold.ph-git-diff:before {
content: "\e27c";
}
.ph-bold.ph-git-fork:before {
content: "\e27e";
}
.ph-bold.ph-git-merge:before {
content: "\e280";
}
.ph-bold.ph-git-pull-request:before {
content: "\e282";
}
.ph-bold.ph-github-logo:before {
content: "\e576";
}
.ph-bold.ph-gitlab-logo:before {
content: "\e694";
}
.ph-bold.ph-gitlab-logo-simple:before {
content: "\e696";
}
.ph-bold.ph-globe:before {
content: "\e288";
}
.ph-bold.ph-globe-hemisphere-east:before {
content: "\e28a";
}
.ph-bold.ph-globe-hemisphere-west:before {
content: "\e28c";
}
.ph-bold.ph-globe-simple:before {
content: "\e28e";
}
.ph-bold.ph-globe-simple-x:before {
content: "\e284";
}
.ph-bold.ph-globe-stand:before {
content: "\e290";
}
.ph-bold.ph-globe-x:before {
content: "\e286";
}
.ph-bold.ph-goggles:before {
content: "\ecb4";
}
.ph-bold.ph-golf:before {
content: "\ea3e";
}
.ph-bold.ph-goodreads-logo:before {
content: "\ed10";
}
.ph-bold.ph-google-cardboard-logo:before {
content: "\e7b6";
}
.ph-bold.ph-google-chrome-logo:before {
content: "\e976";
}
.ph-bold.ph-google-drive-logo:before {
content: "\e8f6";
}
.ph-bold.ph-google-logo:before {
content: "\e292";
}
.ph-bold.ph-google-photos-logo:before {
content: "\eb92";
}
.ph-bold.ph-google-play-logo:before {
content: "\e294";
}
.ph-bold.ph-google-podcasts-logo:before {
content: "\eb94";
}
.ph-bold.ph-gps:before {
content: "\edd8";
}
.ph-bold.ph-gps-fix:before {
content: "\edd6";
}
.ph-bold.ph-gps-slash:before {
content: "\edd4";
}
.ph-bold.ph-gradient:before {
content: "\eb42";
}
.ph-bold.ph-graduation-cap:before {
content: "\e62c";
}
.ph-bold.ph-grains:before {
content: "\ec68";
}
.ph-bold.ph-grains-slash:before {
content: "\ec6a";
}
.ph-bold.ph-graph:before {
content: "\eb58";
}
.ph-bold.ph-graphics-card:before {
content: "\e612";
}
.ph-bold.ph-greater-than:before {
content: "\edc4";
}
.ph-bold.ph-greater-than-or-equal:before {
content: "\eda2";
}
.ph-bold.ph-grid-four:before {
content: "\e296";
}
.ph-bold.ph-grid-nine:before {
content: "\ec8c";
}
.ph-bold.ph-guitar:before {
content: "\ea8a";
}
.ph-bold.ph-hair-dryer:before {
content: "\ea66";
}
.ph-bold.ph-hamburger:before {
content: "\e790";
}
.ph-bold.ph-hammer:before {
content: "\e80e";
}
.ph-bold.ph-hand:before {
content: "\e298";
}
.ph-bold.ph-hand-arrow-down:before {
content: "\ea4e";
}
.ph-bold.ph-hand-arrow-up:before {
content: "\ee5a";
}
.ph-bold.ph-hand-coins:before {
content: "\ea8c";
}
.ph-bold.ph-hand-deposit:before {
content: "\ee82";
}
.ph-bold.ph-hand-eye:before {
content: "\ea4c";
}
.ph-bold.ph-hand-fist:before {
content: "\e57a";
}
.ph-bold.ph-hand-grabbing:before {
content: "\e57c";
}
.ph-bold.ph-hand-heart:before {
content: "\e810";
}
.ph-bold.ph-hand-palm:before {
content: "\e57e";
}
.ph-bold.ph-hand-peace:before {
content: "\e7cc";
}
.ph-bold.ph-hand-pointing:before {
content: "\e29a";
}
.ph-bold.ph-hand-soap:before {
content: "\e630";
}
.ph-bold.ph-hand-swipe-left:before {
content: "\ec94";
}
.ph-bold.ph-hand-swipe-right:before {
content: "\ec92";
}
.ph-bold.ph-hand-tap:before {
content: "\ec90";
}
.ph-bold.ph-hand-waving:before {
content: "\e580";
}
.ph-bold.ph-hand-withdraw:before {
content: "\ee80";
}
.ph-bold.ph-handbag:before {
content: "\e29c";
}
.ph-bold.ph-handbag-simple:before {
content: "\e62e";
}
.ph-bold.ph-hands-clapping:before {
content: "\e6a0";
}
.ph-bold.ph-hands-praying:before {
content: "\ecc8";
}
.ph-bold.ph-handshake:before {
content: "\e582";
}
.ph-bold.ph-hard-drive:before {
content: "\e29e";
}
.ph-bold.ph-hard-drives:before {
content: "\e2a0";
}
.ph-bold.ph-hard-hat:before {
content: "\ed46";
}
.ph-bold.ph-hash:before {
content: "\e2a2";
}
.ph-bold.ph-hash-straight:before {
content: "\e2a4";
}
.ph-bold.ph-head-circuit:before {
content: "\e7d4";
}
.ph-bold.ph-headlights:before {
content: "\e6fe";
}
.ph-bold.ph-headphones:before {
content: "\e2a6";
}
.ph-bold.ph-headset:before {
content: "\e584";
}
.ph-bold.ph-heart:before {
content: "\e2a8";
}
.ph-bold.ph-heart-break:before {
content: "\ebe8";
}
.ph-bold.ph-heart-half:before {
content: "\ec48";
}
.ph-bold.ph-heart-straight:before {
content: "\e2aa";
}
.ph-bold.ph-heart-straight-break:before {
content: "\eb98";
}
.ph-bold.ph-heartbeat:before {
content: "\e2ac";
}
.ph-bold.ph-hexagon:before {
content: "\e2ae";
}
.ph-bold.ph-high-definition:before {
content: "\ea8e";
}
.ph-bold.ph-high-heel:before {
content: "\e8e8";
}
.ph-bold.ph-highlighter:before {
content: "\ec76";
}
.ph-bold.ph-highlighter-circle:before {
content: "\e632";
}
.ph-bold.ph-hockey:before {
content: "\ec86";
}
.ph-bold.ph-hoodie:before {
content: "\ecd0";
}
.ph-bold.ph-horse:before {
content: "\e2b0";
}
.ph-bold.ph-hospital:before {
content: "\e844";
}
.ph-bold.ph-hourglass:before {
content: "\e2b2";
}
.ph-bold.ph-hourglass-high:before {
content: "\e2b4";
}
.ph-bold.ph-hourglass-low:before {
content: "\e2b6";
}
.ph-bold.ph-hourglass-medium:before {
content: "\e2b8";
}
.ph-bold.ph-hourglass-simple:before {
content: "\e2ba";
}
.ph-bold.ph-hourglass-simple-high:before {
content: "\e2bc";
}
.ph-bold.ph-hourglass-simple-low:before {
content: "\e2be";
}
.ph-bold.ph-hourglass-simple-medium:before {
content: "\e2c0";
}
.ph-bold.ph-house:before {
content: "\e2c2";
}
.ph-bold.ph-house-line:before {
content: "\e2c4";
}
.ph-bold.ph-house-simple:before {
content: "\e2c6";
}
.ph-bold.ph-hurricane:before {
content: "\e88e";
}
.ph-bold.ph-ice-cream:before {
content: "\e804";
}
.ph-bold.ph-identification-badge:before {
content: "\e6f6";
}
.ph-bold.ph-identification-card:before {
content: "\e2c8";
}
.ph-bold.ph-image:before {
content: "\e2ca";
}
.ph-bold.ph-image-broken:before {
content: "\e7a8";
}
.ph-bold.ph-image-square:before {
content: "\e2cc";
}
.ph-bold.ph-images:before {
content: "\e836";
}
.ph-bold.ph-images-square:before {
content: "\e834";
}
.ph-bold.ph-infinity:before {
content: "\e634";
}
.ph-bold.ph-lemniscate:before {
content: "\e634";
}
.ph-bold.ph-info:before {
content: "\e2ce";
}
.ph-bold.ph-instagram-logo:before {
content: "\e2d0";
}
.ph-bold.ph-intersect:before {
content: "\e2d2";
}
.ph-bold.ph-intersect-square:before {
content: "\e87a";
}
.ph-bold.ph-intersect-three:before {
content: "\ecc4";
}
.ph-bold.ph-intersection:before {
content: "\edba";
}
.ph-bold.ph-invoice:before {
content: "\ee42";
}
.ph-bold.ph-island:before {
content: "\ee06";
}
.ph-bold.ph-jar:before {
content: "\e7e0";
}
.ph-bold.ph-jar-label:before {
content: "\e7e1";
}
.ph-bold.ph-jeep:before {
content: "\e2d4";
}
.ph-bold.ph-joystick:before {
content: "\ea5e";
}
.ph-bold.ph-kanban:before {
content: "\eb54";
}
.ph-bold.ph-key:before {
content: "\e2d6";
}
.ph-bold.ph-key-return:before {
content: "\e782";
}
.ph-bold.ph-keyboard:before {
content: "\e2d8";
}
.ph-bold.ph-keyhole:before {
content: "\ea78";
}
.ph-bold.ph-knife:before {
content: "\e636";
}
.ph-bold.ph-ladder:before {
content: "\e9e4";
}
.ph-bold.ph-ladder-simple:before {
content: "\ec26";
}
.ph-bold.ph-lamp:before {
content: "\e638";
}
.ph-bold.ph-lamp-pendant:before {
content: "\ee2e";
}
.ph-bold.ph-laptop:before {
content: "\e586";
}
.ph-bold.ph-lasso:before {
content: "\edc6";
}
.ph-bold.ph-lastfm-logo:before {
content: "\e842";
}
.ph-bold.ph-layout:before {
content: "\e6d6";
}
.ph-bold.ph-leaf:before {
content: "\e2da";
}
.ph-bold.ph-lectern:before {
content: "\e95a";
}
.ph-bold.ph-lego:before {
content: "\e8c6";
}
.ph-bold.ph-lego-smiley:before {
content: "\e8c7";
}
.ph-bold.ph-less-than:before {
content: "\edac";
}
.ph-bold.ph-less-than-or-equal:before {
content: "\eda4";
}
.ph-bold.ph-letter-circle-h:before {
content: "\ebf8";
}
.ph-bold.ph-letter-circle-p:before {
content: "\ec08";
}
.ph-bold.ph-letter-circle-v:before {
content: "\ec14";
}
.ph-bold.ph-lifebuoy:before {
content: "\e63a";
}
.ph-bold.ph-lightbulb:before {
content: "\e2dc";
}
.ph-bold.ph-lightbulb-filament:before {
content: "\e63c";
}
.ph-bold.ph-lighthouse:before {
content: "\e9f6";
}
.ph-bold.ph-lightning:before {
content: "\e2de";
}
.ph-bold.ph-lightning-a:before {
content: "\ea84";
}
.ph-bold.ph-lightning-slash:before {
content: "\e2e0";
}
.ph-bold.ph-line-segment:before {
content: "\e6d2";
}
.ph-bold.ph-line-segments:before {
content: "\e6d4";
}
.ph-bold.ph-line-vertical:before {
content: "\ed70";
}
.ph-bold.ph-link:before {
content: "\e2e2";
}
.ph-bold.ph-link-break:before {
content: "\e2e4";
}
.ph-bold.ph-link-simple:before {
content: "\e2e6";
}
.ph-bold.ph-link-simple-break:before {
content: "\e2e8";
}
.ph-bold.ph-link-simple-horizontal:before {
content: "\e2ea";
}
.ph-bold.ph-link-simple-horizontal-break:before {
content: "\e2ec";
}
.ph-bold.ph-linkedin-logo:before {
content: "\e2ee";
}
.ph-bold.ph-linktree-logo:before {
content: "\edee";
}
.ph-bold.ph-linux-logo:before {
content: "\eb02";
}
.ph-bold.ph-list:before {
content: "\e2f0";
}
.ph-bold.ph-list-bullets:before {
content: "\e2f2";
}
.ph-bold.ph-list-checks:before {
content: "\eadc";
}
.ph-bold.ph-list-dashes:before {
content: "\e2f4";
}
.ph-bold.ph-list-heart:before {
content: "\ebde";
}
.ph-bold.ph-list-magnifying-glass:before {
content: "\ebe0";
}
.ph-bold.ph-list-numbers:before {
content: "\e2f6";
}
.ph-bold.ph-list-plus:before {
content: "\e2f8";
}
.ph-bold.ph-list-star:before {
content: "\ebdc";
}
.ph-bold.ph-lock:before {
content: "\e2fa";
}
.ph-bold.ph-lock-key:before {
content: "\e2fe";
}
.ph-bold.ph-lock-key-open:before {
content: "\e300";
}
.ph-bold.ph-lock-laminated:before {
content: "\e302";
}
.ph-bold.ph-lock-laminated-open:before {
content: "\e304";
}
.ph-bold.ph-lock-open:before {
content: "\e306";
}
.ph-bold.ph-lock-simple:before {
content: "\e308";
}
.ph-bold.ph-lock-simple-open:before {
content: "\e30a";
}
.ph-bold.ph-lockers:before {
content: "\ecb8";
}
.ph-bold.ph-log:before {
content: "\ed82";
}
.ph-bold.ph-magic-wand:before {
content: "\e6b6";
}
.ph-bold.ph-magnet:before {
content: "\e680";
}
.ph-bold.ph-magnet-straight:before {
content: "\e682";
}
.ph-bold.ph-magnifying-glass:before {
content: "\e30c";
}
.ph-bold.ph-magnifying-glass-minus:before {
content: "\e30e";
}
.ph-bold.ph-magnifying-glass-plus:before {
content: "\e310";
}
.ph-bold.ph-mailbox:before {
content: "\ec1e";
}
.ph-bold.ph-map-pin:before {
content: "\e316";
}
.ph-bold.ph-map-pin-area:before {
content: "\ee3a";
}
.ph-bold.ph-map-pin-line:before {
content: "\e318";
}
.ph-bold.ph-map-pin-plus:before {
content: "\e314";
}
.ph-bold.ph-map-pin-simple:before {
content: "\ee3e";
}
.ph-bold.ph-map-pin-simple-area:before {
content: "\ee3c";
}
.ph-bold.ph-map-pin-simple-line:before {
content: "\ee38";
}
.ph-bold.ph-map-trifold:before {
content: "\e31a";
}
.ph-bold.ph-markdown-logo:before {
content: "\e508";
}
.ph-bold.ph-marker-circle:before {
content: "\e640";
}
.ph-bold.ph-martini:before {
content: "\e31c";
}
.ph-bold.ph-mask-happy:before {
content: "\e9f4";
}
.ph-bold.ph-mask-sad:before {
content: "\eb9e";
}
.ph-bold.ph-mastodon-logo:before {
content: "\ed68";
}
.ph-bold.ph-math-operations:before {
content: "\e31e";
}
.ph-bold.ph-matrix-logo:before {
content: "\ed64";
}
.ph-bold.ph-medal:before {
content: "\e320";
}
.ph-bold.ph-medal-military:before {
content: "\ecfc";
}
.ph-bold.ph-medium-logo:before {
content: "\e322";
}
.ph-bold.ph-megaphone:before {
content: "\e324";
}
.ph-bold.ph-megaphone-simple:before {
content: "\e642";
}
.ph-bold.ph-member-of:before {
content: "\edc2";
}
.ph-bold.ph-memory:before {
content: "\e9c4";
}
.ph-bold.ph-messenger-logo:before {
content: "\e6d8";
}
.ph-bold.ph-meta-logo:before {
content: "\ed02";
}
.ph-bold.ph-meteor:before {
content: "\e9ba";
}
.ph-bold.ph-metronome:before {
content: "\ec8e";
}
.ph-bold.ph-microphone:before {
content: "\e326";
}
.ph-bold.ph-microphone-slash:before {
content: "\e328";
}
.ph-bold.ph-microphone-stage:before {
content: "\e75c";
}
.ph-bold.ph-microscope:before {
content: "\ec7a";
}
.ph-bold.ph-microsoft-excel-logo:before {
content: "\eb6c";
}
.ph-bold.ph-microsoft-outlook-logo:before {
content: "\eb70";
}
.ph-bold.ph-microsoft-powerpoint-logo:before {
content: "\eace";
}
.ph-bold.ph-microsoft-teams-logo:before {
content: "\eb66";
}
.ph-bold.ph-microsoft-word-logo:before {
content: "\eb6a";
}
.ph-bold.ph-minus:before {
content: "\e32a";
}
.ph-bold.ph-minus-circle:before {
content: "\e32c";
}
.ph-bold.ph-minus-square:before {
content: "\ed4c";
}
.ph-bold.ph-money:before {
content: "\e588";
}
.ph-bold.ph-money-wavy:before {
content: "\ee68";
}
.ph-bold.ph-monitor:before {
content: "\e32e";
}
.ph-bold.ph-monitor-arrow-up:before {
content: "\e58a";
}
.ph-bold.ph-monitor-play:before {
content: "\e58c";
}
.ph-bold.ph-moon:before {
content: "\e330";
}
.ph-bold.ph-moon-stars:before {
content: "\e58e";
}
.ph-bold.ph-moped:before {
content: "\e824";
}
.ph-bold.ph-moped-front:before {
content: "\e822";
}
.ph-bold.ph-mosque:before {
content: "\ecee";
}
.ph-bold.ph-motorcycle:before {
content: "\e80a";
}
.ph-bold.ph-mountains:before {
content: "\e7ae";
}
.ph-bold.ph-mouse:before {
content: "\e33a";
}
.ph-bold.ph-mouse-left-click:before {
content: "\e334";
}
.ph-bold.ph-mouse-middle-click:before {
content: "\e338";
}
.ph-bold.ph-mouse-right-click:before {
content: "\e336";
}
.ph-bold.ph-mouse-scroll:before {
content: "\e332";
}
.ph-bold.ph-mouse-simple:before {
content: "\e644";
}
.ph-bold.ph-music-note:before {
content: "\e33c";
}
.ph-bold.ph-music-note-simple:before {
content: "\e33e";
}
.ph-bold.ph-music-notes:before {
content: "\e340";
}
.ph-bold.ph-music-notes-minus:before {
content: "\ee0c";
}
.ph-bold.ph-music-notes-plus:before {
content: "\eb7c";
}
.ph-bold.ph-music-notes-simple:before {
content: "\e342";
}
.ph-bold.ph-navigation-arrow:before {
content: "\eade";
}
.ph-bold.ph-needle:before {
content: "\e82e";
}
.ph-bold.ph-network:before {
content: "\edde";
}
.ph-bold.ph-network-slash:before {
content: "\eddc";
}
.ph-bold.ph-network-x:before {
content: "\edda";
}
.ph-bold.ph-newspaper:before {
content: "\e344";
}
.ph-bold.ph-newspaper-clipping:before {
content: "\e346";
}
.ph-bold.ph-not-equals:before {
content: "\eda6";
}
.ph-bold.ph-not-member-of:before {
content: "\edae";
}
.ph-bold.ph-not-subset-of:before {
content: "\edb0";
}
.ph-bold.ph-not-superset-of:before {
content: "\edb2";
}
.ph-bold.ph-notches:before {
content: "\ed3a";
}
.ph-bold.ph-note:before {
content: "\e348";
}
.ph-bold.ph-note-blank:before {
content: "\e34a";
}
.ph-bold.ph-note-pencil:before {
content: "\e34c";
}
.ph-bold.ph-notebook:before {
content: "\e34e";
}
.ph-bold.ph-notepad:before {
content: "\e63e";
}
.ph-bold.ph-notification:before {
content: "\e6fa";
}
.ph-bold.ph-notion-logo:before {
content: "\e9a0";
}
.ph-bold.ph-nuclear-plant:before {
content: "\ed7c";
}
.ph-bold.ph-number-circle-eight:before {
content: "\e352";
}
.ph-bold.ph-number-circle-five:before {
content: "\e358";
}
.ph-bold.ph-number-circle-four:before {
content: "\e35e";
}
.ph-bold.ph-number-circle-nine:before {
content: "\e364";
}
.ph-bold.ph-number-circle-one:before {
content: "\e36a";
}
.ph-bold.ph-number-circle-seven:before {
content: "\e370";
}
.ph-bold.ph-number-circle-six:before {
content: "\e376";
}
.ph-bold.ph-number-circle-three:before {
content: "\e37c";
}
.ph-bold.ph-number-circle-two:before {
content: "\e382";
}
.ph-bold.ph-number-circle-zero:before {
content: "\e388";
}
.ph-bold.ph-number-eight:before {
content: "\e350";
}
.ph-bold.ph-number-five:before {
content: "\e356";
}
.ph-bold.ph-number-four:before {
content: "\e35c";
}
.ph-bold.ph-number-nine:before {
content: "\e362";
}
.ph-bold.ph-number-one:before {
content: "\e368";
}
.ph-bold.ph-number-seven:before {
content: "\e36e";
}
.ph-bold.ph-number-six:before {
content: "\e374";
}
.ph-bold.ph-number-square-eight:before {
content: "\e354";
}
.ph-bold.ph-number-square-five:before {
content: "\e35a";
}
.ph-bold.ph-number-square-four:before {
content: "\e360";
}
.ph-bold.ph-number-square-nine:before {
content: "\e366";
}
.ph-bold.ph-number-square-one:before {
content: "\e36c";
}
.ph-bold.ph-number-square-seven:before {
content: "\e372";
}
.ph-bold.ph-number-square-six:before {
content: "\e378";
}
.ph-bold.ph-number-square-three:before {
content: "\e37e";
}
.ph-bold.ph-number-square-two:before {
content: "\e384";
}
.ph-bold.ph-number-square-zero:before {
content: "\e38a";
}
.ph-bold.ph-number-three:before {
content: "\e37a";
}
.ph-bold.ph-number-two:before {
content: "\e380";
}
.ph-bold.ph-number-zero:before {
content: "\e386";
}
.ph-bold.ph-numpad:before {
content: "\e3c8";
}
.ph-bold.ph-nut:before {
content: "\e38c";
}
.ph-bold.ph-ny-times-logo:before {
content: "\e646";
}
.ph-bold.ph-octagon:before {
content: "\e38e";
}
.ph-bold.ph-office-chair:before {
content: "\ea46";
}
.ph-bold.ph-onigiri:before {
content: "\ee2c";
}
.ph-bold.ph-open-ai-logo:before {
content: "\e7d2";
}
.ph-bold.ph-option:before {
content: "\e8a8";
}
.ph-bold.ph-orange:before {
content: "\ee40";
}
.ph-bold.ph-orange-slice:before {
content: "\ed36";
}
.ph-bold.ph-oven:before {
content: "\ed8c";
}
.ph-bold.ph-package:before {
content: "\e390";
}
.ph-bold.ph-paint-brush:before {
content: "\e6f0";
}
.ph-bold.ph-paint-brush-broad:before {
content: "\e590";
}
.ph-bold.ph-paint-brush-household:before {
content: "\e6f2";
}
.ph-bold.ph-paint-bucket:before {
content: "\e392";
}
.ph-bold.ph-paint-roller:before {
content: "\e6f4";
}
.ph-bold.ph-palette:before {
content: "\e6c8";
}
.ph-bold.ph-panorama:before {
content: "\eaa2";
}
.ph-bold.ph-pants:before {
content: "\ec88";
}
.ph-bold.ph-paper-plane:before {
content: "\e394";
}
.ph-bold.ph-paper-plane-right:before {
content: "\e396";
}
.ph-bold.ph-paper-plane-tilt:before {
content: "\e398";
}
.ph-bold.ph-paperclip:before {
content: "\e39a";
}
.ph-bold.ph-paperclip-horizontal:before {
content: "\e592";
}
.ph-bold.ph-parachute:before {
content: "\ea7c";
}
.ph-bold.ph-paragraph:before {
content: "\e960";
}
.ph-bold.ph-parallelogram:before {
content: "\ecc6";
}
.ph-bold.ph-park:before {
content: "\ecb2";
}
.ph-bold.ph-password:before {
content: "\e752";
}
.ph-bold.ph-path:before {
content: "\e39c";
}
.ph-bold.ph-patreon-logo:before {
content: "\e98a";
}
.ph-bold.ph-pause:before {
content: "\e39e";
}
.ph-bold.ph-pause-circle:before {
content: "\e3a0";
}
.ph-bold.ph-paw-print:before {
content: "\e648";
}
.ph-bold.ph-paypal-logo:before {
content: "\e98c";
}
.ph-bold.ph-peace:before {
content: "\e3a2";
}
.ph-bold.ph-pen:before {
content: "\e3aa";
}
.ph-bold.ph-pen-nib:before {
content: "\e3ac";
}
.ph-bold.ph-pen-nib-straight:before {
content: "\e64a";
}
.ph-bold.ph-pencil:before {
content: "\e3ae";
}
.ph-bold.ph-pencil-circle:before {
content: "\e3b0";
}
.ph-bold.ph-pencil-line:before {
content: "\e3b2";
}
.ph-bold.ph-pencil-ruler:before {
content: "\e906";
}
.ph-bold.ph-pencil-simple:before {
content: "\e3b4";
}
.ph-bold.ph-pencil-simple-line:before {
content: "\ebc6";
}
.ph-bold.ph-pencil-simple-slash:before {
content: "\ecf6";
}
.ph-bold.ph-pencil-slash:before {
content: "\ecf8";
}
.ph-bold.ph-pentagon:before {
content: "\ec7e";
}
.ph-bold.ph-pentagram:before {
content: "\ec5c";
}
.ph-bold.ph-pepper:before {
content: "\e94a";
}
.ph-bold.ph-percent:before {
content: "\e3b6";
}
.ph-bold.ph-person:before {
content: "\e3a8";
}
.ph-bold.ph-person-arms-spread:before {
content: "\ecfe";
}
.ph-bold.ph-person-simple:before {
content: "\e72e";
}
.ph-bold.ph-person-simple-bike:before {
content: "\e734";
}
.ph-bold.ph-person-simple-circle:before {
content: "\ee58";
}
.ph-bold.ph-person-simple-hike:before {
content: "\ed54";
}
.ph-bold.ph-person-simple-run:before {
content: "\e730";
}
.ph-bold.ph-person-simple-ski:before {
content: "\e71c";
}
.ph-bold.ph-person-simple-snowboard:before {
content: "\e71e";
}
.ph-bold.ph-person-simple-swim:before {
content: "\e736";
}
.ph-bold.ph-person-simple-tai-chi:before {
content: "\ed5c";
}
.ph-bold.ph-person-simple-throw:before {
content: "\e732";
}
.ph-bold.ph-person-simple-walk:before {
content: "\e73a";
}
.ph-bold.ph-perspective:before {
content: "\ebe6";
}
.ph-bold.ph-phone:before {
content: "\e3b8";
}
.ph-bold.ph-phone-call:before {
content: "\e3ba";
}
.ph-bold.ph-phone-disconnect:before {
content: "\e3bc";
}
.ph-bold.ph-phone-incoming:before {
content: "\e3be";
}
.ph-bold.ph-phone-list:before {
content: "\e3cc";
}
.ph-bold.ph-phone-outgoing:before {
content: "\e3c0";
}
.ph-bold.ph-phone-pause:before {
content: "\e3ca";
}
.ph-bold.ph-phone-plus:before {
content: "\ec56";
}
.ph-bold.ph-phone-slash:before {
content: "\e3c2";
}
.ph-bold.ph-phone-transfer:before {
content: "\e3c6";
}
.ph-bold.ph-phone-x:before {
content: "\e3c4";
}
.ph-bold.ph-phosphor-logo:before {
content: "\e3ce";
}
.ph-bold.ph-pi:before {
content: "\ec80";
}
.ph-bold.ph-piano-keys:before {
content: "\e9c8";
}
.ph-bold.ph-picnic-table:before {
content: "\ee26";
}
.ph-bold.ph-picture-in-picture:before {
content: "\e64c";
}
.ph-bold.ph-piggy-bank:before {
content: "\ea04";
}
.ph-bold.ph-pill:before {
content: "\e700";
}
.ph-bold.ph-ping-pong:before {
content: "\ea42";
}
.ph-bold.ph-pint-glass:before {
content: "\edd0";
}
.ph-bold.ph-pinterest-logo:before {
content: "\e64e";
}
.ph-bold.ph-pinwheel:before {
content: "\eb9c";
}
.ph-bold.ph-pipe:before {
content: "\ed86";
}
.ph-bold.ph-pipe-wrench:before {
content: "\ed88";
}
.ph-bold.ph-pix-logo:before {
content: "\ecc2";
}
.ph-bold.ph-pizza:before {
content: "\e796";
}
.ph-bold.ph-placeholder:before {
content: "\e650";
}
.ph-bold.ph-planet:before {
content: "\e652";
}
.ph-bold.ph-plant:before {
content: "\ebae";
}
.ph-bold.ph-play:before {
content: "\e3d0";
}
.ph-bold.ph-play-circle:before {
content: "\e3d2";
}
.ph-bold.ph-play-pause:before {
content: "\e8be";
}
.ph-bold.ph-playlist:before {
content: "\e6aa";
}
.ph-bold.ph-plug:before {
content: "\e946";
}
.ph-bold.ph-plug-charging:before {
content: "\eb5c";
}
.ph-bold.ph-plugs:before {
content: "\eb56";
}
.ph-bold.ph-plugs-connected:before {
content: "\eb5a";
}
.ph-bold.ph-plus:before {
content: "\e3d4";
}
.ph-bold.ph-plus-circle:before {
content: "\e3d6";
}
.ph-bold.ph-plus-minus:before {
content: "\e3d8";
}
.ph-bold.ph-plus-square:before {
content: "\ed4a";
}
.ph-bold.ph-poker-chip:before {
content: "\e594";
}
.ph-bold.ph-police-car:before {
content: "\ec4a";
}
.ph-bold.ph-polygon:before {
content: "\e6d0";
}
.ph-bold.ph-popcorn:before {
content: "\eb4e";
}
.ph-bold.ph-popsicle:before {
content: "\ebbe";
}
.ph-bold.ph-potted-plant:before {
content: "\ec22";
}
.ph-bold.ph-power:before {
content: "\e3da";
}
.ph-bold.ph-prescription:before {
content: "\e7a2";
}
.ph-bold.ph-presentation:before {
content: "\e654";
}
.ph-bold.ph-presentation-chart:before {
content: "\e656";
}
.ph-bold.ph-printer:before {
content: "\e3dc";
}
.ph-bold.ph-prohibit:before {
content: "\e3de";
}
.ph-bold.ph-prohibit-inset:before {
content: "\e3e0";
}
.ph-bold.ph-projector-screen:before {
content: "\e658";
}
.ph-bold.ph-projector-screen-chart:before {
content: "\e65a";
}
.ph-bold.ph-pulse:before {
content: "\e000";
}
.ph-bold.ph-activity:before {
content: "\e000";
}
.ph-bold.ph-push-pin:before {
content: "\e3e2";
}
.ph-bold.ph-push-pin-simple:before {
content: "\e65c";
}
.ph-bold.ph-push-pin-simple-slash:before {
content: "\e65e";
}
.ph-bold.ph-push-pin-slash:before {
content: "\e3e4";
}
.ph-bold.ph-puzzle-piece:before {
content: "\e596";
}
.ph-bold.ph-qr-code:before {
content: "\e3e6";
}
.ph-bold.ph-question:before {
content: "\e3e8";
}
.ph-bold.ph-question-mark:before {
content: "\e3e9";
}
.ph-bold.ph-queue:before {
content: "\e6ac";
}
.ph-bold.ph-quotes:before {
content: "\e660";
}
.ph-bold.ph-rabbit:before {
content: "\eac2";
}
.ph-bold.ph-racquet:before {
content: "\ee02";
}
.ph-bold.ph-radical:before {
content: "\e3ea";
}
.ph-bold.ph-radio:before {
content: "\e77e";
}
.ph-bold.ph-radio-button:before {
content: "\eb08";
}
.ph-bold.ph-radioactive:before {
content: "\e9dc";
}
.ph-bold.ph-rainbow:before {
content: "\e598";
}
.ph-bold.ph-rainbow-cloud:before {
content: "\e59a";
}
.ph-bold.ph-ranking:before {
content: "\ed62";
}
.ph-bold.ph-read-cv-logo:before {
content: "\ed0c";
}
.ph-bold.ph-receipt:before {
content: "\e3ec";
}
.ph-bold.ph-receipt-x:before {
content: "\ed40";
}
.ph-bold.ph-record:before {
content: "\e3ee";
}
.ph-bold.ph-rectangle:before {
content: "\e3f0";
}
.ph-bold.ph-rectangle-dashed:before {
content: "\e3f2";
}
.ph-bold.ph-recycle:before {
content: "\e75a";
}
.ph-bold.ph-reddit-logo:before {
content: "\e59c";
}
.ph-bold.ph-repeat:before {
content: "\e3f6";
}
.ph-bold.ph-repeat-once:before {
content: "\e3f8";
}
.ph-bold.ph-replit-logo:before {
content: "\eb8a";
}
.ph-bold.ph-resize:before {
content: "\ed6e";
}
.ph-bold.ph-rewind:before {
content: "\e6a8";
}
.ph-bold.ph-rewind-circle:before {
content: "\e3fa";
}
.ph-bold.ph-road-horizon:before {
content: "\e838";
}
.ph-bold.ph-robot:before {
content: "\e762";
}
.ph-bold.ph-rocket:before {
content: "\e3fc";
}
.ph-bold.ph-rocket-launch:before {
content: "\e3fe";
}
.ph-bold.ph-rows:before {
content: "\e5a2";
}
.ph-bold.ph-rows-plus-bottom:before {
content: "\e59e";
}
.ph-bold.ph-rows-plus-top:before {
content: "\e5a0";
}
.ph-bold.ph-rss:before {
content: "\e400";
}
.ph-bold.ph-rss-simple:before {
content: "\e402";
}
.ph-bold.ph-rug:before {
content: "\ea1a";
}
.ph-bold.ph-ruler:before {
content: "\e6b8";
}
.ph-bold.ph-sailboat:before {
content: "\e78a";
}
.ph-bold.ph-scales:before {
content: "\e750";
}
.ph-bold.ph-scan:before {
content: "\ebb6";
}
.ph-bold.ph-scan-smiley:before {
content: "\ebb4";
}
.ph-bold.ph-scissors:before {
content: "\eae0";
}
.ph-bold.ph-scooter:before {
content: "\e820";
}
.ph-bold.ph-screencast:before {
content: "\e404";
}
.ph-bold.ph-screwdriver:before {
content: "\e86e";
}
.ph-bold.ph-scribble:before {
content: "\e806";
}
.ph-bold.ph-scribble-loop:before {
content: "\e662";
}
.ph-bold.ph-scroll:before {
content: "\eb7a";
}
.ph-bold.ph-seal:before {
content: "\e604";
}
.ph-bold.ph-circle-wavy:before {
content: "\e604";
}
.ph-bold.ph-seal-check:before {
content: "\e606";
}
.ph-bold.ph-circle-wavy-check:before {
content: "\e606";
}
.ph-bold.ph-seal-percent:before {
content: "\e60a";
}
.ph-bold.ph-seal-question:before {
content: "\e608";
}
.ph-bold.ph-circle-wavy-question:before {
content: "\e608";
}
.ph-bold.ph-seal-warning:before {
content: "\e60c";
}
.ph-bold.ph-circle-wavy-warning:before {
content: "\e60c";
}
.ph-bold.ph-seat:before {
content: "\eb8e";
}
.ph-bold.ph-seatbelt:before {
content: "\edfe";
}
.ph-bold.ph-security-camera:before {
content: "\eca4";
}
.ph-bold.ph-selection:before {
content: "\e69a";
}
.ph-bold.ph-selection-all:before {
content: "\e746";
}
.ph-bold.ph-selection-background:before {
content: "\eaf8";
}
.ph-bold.ph-selection-foreground:before {
content: "\eaf6";
}
.ph-bold.ph-selection-inverse:before {
content: "\e744";
}
.ph-bold.ph-selection-plus:before {
content: "\e69c";
}
.ph-bold.ph-selection-slash:before {
content: "\e69e";
}
.ph-bold.ph-shapes:before {
content: "\ec5e";
}
.ph-bold.ph-share:before {
content: "\e406";
}
.ph-bold.ph-share-fat:before {
content: "\ed52";
}
.ph-bold.ph-share-network:before {
content: "\e408";
}
.ph-bold.ph-shield:before {
content: "\e40a";
}
.ph-bold.ph-shield-check:before {
content: "\e40c";
}
.ph-bold.ph-shield-checkered:before {
content: "\e708";
}
.ph-bold.ph-shield-chevron:before {
content: "\e40e";
}
.ph-bold.ph-shield-plus:before {
content: "\e706";
}
.ph-bold.ph-shield-slash:before {
content: "\e410";
}
.ph-bold.ph-shield-star:before {
content: "\ec34";
}
.ph-bold.ph-shield-warning:before {
content: "\e412";
}
.ph-bold.ph-shipping-container:before {
content: "\e78c";
}
.ph-bold.ph-shirt-folded:before {
content: "\ea92";
}
.ph-bold.ph-shooting-star:before {
content: "\ecfa";
}
.ph-bold.ph-shopping-bag:before {
content: "\e416";
}
.ph-bold.ph-shopping-bag-open:before {
content: "\e418";
}
.ph-bold.ph-shopping-cart:before {
content: "\e41e";
}
.ph-bold.ph-shopping-cart-simple:before {
content: "\e420";
}
.ph-bold.ph-shovel:before {
content: "\e9e6";
}
.ph-bold.ph-shower:before {
content: "\e776";
}
.ph-bold.ph-shrimp:before {
content: "\eab4";
}
.ph-bold.ph-shuffle:before {
content: "\e422";
}
.ph-bold.ph-shuffle-angular:before {
content: "\e424";
}
.ph-bold.ph-shuffle-simple:before {
content: "\e426";
}
.ph-bold.ph-sidebar:before {
content: "\eab6";
}
.ph-bold.ph-sidebar-simple:before {
content: "\ec24";
}
.ph-bold.ph-sigma:before {
content: "\eab8";
}
.ph-bold.ph-sign-in:before {
content: "\e428";
}
.ph-bold.ph-sign-out:before {
content: "\e42a";
}
.ph-bold.ph-signature:before {
content: "\ebac";
}
.ph-bold.ph-signpost:before {
content: "\e89c";
}
.ph-bold.ph-sim-card:before {
content: "\e664";
}
.ph-bold.ph-siren:before {
content: "\e9b8";
}
.ph-bold.ph-sketch-logo:before {
content: "\e42c";
}
.ph-bold.ph-skip-back:before {
content: "\e5a4";
}
.ph-bold.ph-skip-back-circle:before {
content: "\e42e";
}
.ph-bold.ph-skip-forward:before {
content: "\e5a6";
}
.ph-bold.ph-skip-forward-circle:before {
content: "\e430";
}
.ph-bold.ph-skull:before {
content: "\e916";
}
.ph-bold.ph-skype-logo:before {
content: "\e8dc";
}
.ph-bold.ph-slack-logo:before {
content: "\e5a8";
}
.ph-bold.ph-sliders:before {
content: "\e432";
}
.ph-bold.ph-sliders-horizontal:before {
content: "\e434";
}
.ph-bold.ph-slideshow:before {
content: "\ed32";
}
.ph-bold.ph-smiley:before {
content: "\e436";
}
.ph-bold.ph-smiley-angry:before {
content: "\ec62";
}
.ph-bold.ph-smiley-blank:before {
content: "\e438";
}
.ph-bold.ph-smiley-meh:before {
content: "\e43a";
}
.ph-bold.ph-smiley-melting:before {
content: "\ee56";
}
.ph-bold.ph-smiley-nervous:before {
content: "\e43c";
}
.ph-bold.ph-smiley-sad:before {
content: "\e43e";
}
.ph-bold.ph-smiley-sticker:before {
content: "\e440";
}
.ph-bold.ph-smiley-wink:before {
content: "\e666";
}
.ph-bold.ph-smiley-x-eyes:before {
content: "\e442";
}
.ph-bold.ph-snapchat-logo:before {
content: "\e668";
}
.ph-bold.ph-sneaker:before {
content: "\e80c";
}
.ph-bold.ph-sneaker-move:before {
content: "\ed60";
}
.ph-bold.ph-snowflake:before {
content: "\e5aa";
}
.ph-bold.ph-soccer-ball:before {
content: "\e716";
}
.ph-bold.ph-sock:before {
content: "\ecce";
}
.ph-bold.ph-solar-panel:before {
content: "\ed7a";
}
.ph-bold.ph-solar-roof:before {
content: "\ed7b";
}
.ph-bold.ph-sort-ascending:before {
content: "\e444";
}
.ph-bold.ph-sort-descending:before {
content: "\e446";
}
.ph-bold.ph-soundcloud-logo:before {
content: "\e8de";
}
.ph-bold.ph-spade:before {
content: "\e448";
}
.ph-bold.ph-sparkle:before {
content: "\e6a2";
}
.ph-bold.ph-speaker-hifi:before {
content: "\ea08";
}
.ph-bold.ph-speaker-high:before {
content: "\e44a";
}
.ph-bold.ph-speaker-low:before {
content: "\e44c";
}
.ph-bold.ph-speaker-none:before {
content: "\e44e";
}
.ph-bold.ph-speaker-simple-high:before {
content: "\e450";
}
.ph-bold.ph-speaker-simple-low:before {
content: "\e452";
}
.ph-bold.ph-speaker-simple-none:before {
content: "\e454";
}
.ph-bold.ph-speaker-simple-slash:before {
content: "\e456";
}
.ph-bold.ph-speaker-simple-x:before {
content: "\e458";
}
.ph-bold.ph-speaker-slash:before {
content: "\e45a";
}
.ph-bold.ph-speaker-x:before {
content: "\e45c";
}
.ph-bold.ph-speedometer:before {
content: "\ee74";
}
.ph-bold.ph-sphere:before {
content: "\ee66";
}
.ph-bold.ph-spinner:before {
content: "\e66a";
}
.ph-bold.ph-spinner-ball:before {
content: "\ee28";
}
.ph-bold.ph-spinner-gap:before {
content: "\e66c";
}
.ph-bold.ph-spiral:before {
content: "\e9fa";
}
.ph-bold.ph-split-horizontal:before {
content: "\e872";
}
.ph-bold.ph-split-vertical:before {
content: "\e876";
}
.ph-bold.ph-spotify-logo:before {
content: "\e66e";
}
.ph-bold.ph-spray-bottle:before {
content: "\e7e4";
}
.ph-bold.ph-square:before {
content: "\e45e";
}
.ph-bold.ph-square-half:before {
content: "\e462";
}
.ph-bold.ph-square-half-bottom:before {
content: "\eb16";
}
.ph-bold.ph-square-logo:before {
content: "\e690";
}
.ph-bold.ph-square-split-horizontal:before {
content: "\e870";
}
.ph-bold.ph-square-split-vertical:before {
content: "\e874";
}
.ph-bold.ph-squares-four:before {
content: "\e464";
}
.ph-bold.ph-stack:before {
content: "\e466";
}
.ph-bold.ph-stack-minus:before {
content: "\edf4";
}
.ph-bold.ph-stack-overflow-logo:before {
content: "\eb78";
}
.ph-bold.ph-stack-plus:before {
content: "\edf6";
}
.ph-bold.ph-stack-simple:before {
content: "\e468";
}
.ph-bold.ph-stairs:before {
content: "\e8ec";
}
.ph-bold.ph-stamp:before {
content: "\ea48";
}
.ph-bold.ph-standard-definition:before {
content: "\ea90";
}
.ph-bold.ph-star:before {
content: "\e46a";
}
.ph-bold.ph-star-and-crescent:before {
content: "\ecf4";
}
.ph-bold.ph-star-four:before {
content: "\e6a4";
}
.ph-bold.ph-star-half:before {
content: "\e70a";
}
.ph-bold.ph-star-of-david:before {
content: "\e89e";
}
.ph-bold.ph-steam-logo:before {
content: "\ead4";
}
.ph-bold.ph-steering-wheel:before {
content: "\e9ac";
}
.ph-bold.ph-steps:before {
content: "\ecbe";
}
.ph-bold.ph-stethoscope:before {
content: "\e7ea";
}
.ph-bold.ph-sticker:before {
content: "\e5ac";
}
.ph-bold.ph-stool:before {
content: "\ea44";
}
.ph-bold.ph-stop:before {
content: "\e46c";
}
.ph-bold.ph-stop-circle:before {
content: "\e46e";
}
.ph-bold.ph-storefront:before {
content: "\e470";
}
.ph-bold.ph-strategy:before {
content: "\ea3a";
}
.ph-bold.ph-stripe-logo:before {
content: "\e698";
}
.ph-bold.ph-student:before {
content: "\e73e";
}
.ph-bold.ph-subset-of:before {
content: "\edc0";
}
.ph-bold.ph-subset-proper-of:before {
content: "\edb6";
}
.ph-bold.ph-subtitles:before {
content: "\e1a8";
}
.ph-bold.ph-subtitles-slash:before {
content: "\e1a6";
}
.ph-bold.ph-subtract:before {
content: "\ebd6";
}
.ph-bold.ph-subtract-square:before {
content: "\ebd4";
}
.ph-bold.ph-subway:before {
content: "\e498";
}
.ph-bold.ph-suitcase:before {
content: "\e5ae";
}
.ph-bold.ph-suitcase-rolling:before {
content: "\e9b0";
}
.ph-bold.ph-suitcase-simple:before {
content: "\e5b0";
}
.ph-bold.ph-sun:before {
content: "\e472";
}
.ph-bold.ph-sun-dim:before {
content: "\e474";
}
.ph-bold.ph-sun-horizon:before {
content: "\e5b6";
}
.ph-bold.ph-sunglasses:before {
content: "\e816";
}
.ph-bold.ph-superset-of:before {
content: "\edb8";
}
.ph-bold.ph-superset-proper-of:before {
content: "\edb4";
}
.ph-bold.ph-swap:before {
content: "\e83c";
}
.ph-bold.ph-swatches:before {
content: "\e5b8";
}
.ph-bold.ph-swimming-pool:before {
content: "\ecb6";
}
.ph-bold.ph-sword:before {
content: "\e5ba";
}
.ph-bold.ph-synagogue:before {
content: "\ecec";
}
.ph-bold.ph-syringe:before {
content: "\e968";
}
.ph-bold.ph-t-shirt:before {
content: "\e670";
}
.ph-bold.ph-table:before {
content: "\e476";
}
.ph-bold.ph-tabs:before {
content: "\e778";
}
.ph-bold.ph-tag:before {
content: "\e478";
}
.ph-bold.ph-tag-chevron:before {
content: "\e672";
}
.ph-bold.ph-tag-simple:before {
content: "\e47a";
}
.ph-bold.ph-target:before {
content: "\e47c";
}
.ph-bold.ph-taxi:before {
content: "\e902";
}
.ph-bold.ph-tea-bag:before {
content: "\e8e6";
}
.ph-bold.ph-telegram-logo:before {
content: "\e5bc";
}
.ph-bold.ph-television:before {
content: "\e754";
}
.ph-bold.ph-television-simple:before {
content: "\eae6";
}
.ph-bold.ph-tennis-ball:before {
content: "\e720";
}
.ph-bold.ph-tent:before {
content: "\e8ba";
}
.ph-bold.ph-terminal:before {
content: "\e47e";
}
.ph-bold.ph-terminal-window:before {
content: "\eae8";
}
.ph-bold.ph-test-tube:before {
content: "\e7a0";
}
.ph-bold.ph-text-a-underline:before {
content: "\ed34";
}
.ph-bold.ph-text-aa:before {
content: "\e6ee";
}
.ph-bold.ph-text-align-center:before {
content: "\e480";
}
.ph-bold.ph-text-align-justify:before {
content: "\e482";
}
.ph-bold.ph-text-align-left:before {
content: "\e484";
}
.ph-bold.ph-text-align-right:before {
content: "\e486";
}
.ph-bold.ph-text-b:before {
content: "\e5be";
}
.ph-bold.ph-text-bolder:before {
content: "\e5be";
}
.ph-bold.ph-text-columns:before {
content: "\ec96";
}
.ph-bold.ph-text-h:before {
content: "\e6ba";
}
.ph-bold.ph-text-h-five:before {
content: "\e6c4";
}
.ph-bold.ph-text-h-four:before {
content: "\e6c2";
}
.ph-bold.ph-text-h-one:before {
content: "\e6bc";
}
.ph-bold.ph-text-h-six:before {
content: "\e6c6";
}
.ph-bold.ph-text-h-three:before {
content: "\e6c0";
}
.ph-bold.ph-text-h-two:before {
content: "\e6be";
}
.ph-bold.ph-text-indent:before {
content: "\ea1e";
}
.ph-bold.ph-text-italic:before {
content: "\e5c0";
}
.ph-bold.ph-text-outdent:before {
content: "\ea1c";
}
.ph-bold.ph-text-strikethrough:before {
content: "\e5c2";
}
.ph-bold.ph-text-subscript:before {
content: "\ec98";
}
.ph-bold.ph-text-superscript:before {
content: "\ec9a";
}
.ph-bold.ph-text-t:before {
content: "\e48a";
}
.ph-bold.ph-text-t-slash:before {
content: "\e488";
}
.ph-bold.ph-text-underline:before {
content: "\e5c4";
}
.ph-bold.ph-textbox:before {
content: "\eb0a";
}
.ph-bold.ph-thermometer:before {
content: "\e5c6";
}
.ph-bold.ph-thermometer-cold:before {
content: "\e5c8";
}
.ph-bold.ph-thermometer-hot:before {
content: "\e5ca";
}
.ph-bold.ph-thermometer-simple:before {
content: "\e5cc";
}
.ph-bold.ph-threads-logo:before {
content: "\ed9e";
}
.ph-bold.ph-three-d:before {
content: "\ea5a";
}
.ph-bold.ph-thumbs-down:before {
content: "\e48c";
}
.ph-bold.ph-thumbs-up:before {
content: "\e48e";
}
.ph-bold.ph-ticket:before {
content: "\e490";
}
.ph-bold.ph-tidal-logo:before {
content: "\ed1c";
}
.ph-bold.ph-tiktok-logo:before {
content: "\eaf2";
}
.ph-bold.ph-tilde:before {
content: "\eda8";
}
.ph-bold.ph-timer:before {
content: "\e492";
}
.ph-bold.ph-tip-jar:before {
content: "\e7e2";
}
.ph-bold.ph-tipi:before {
content: "\ed30";
}
.ph-bold.ph-tire:before {
content: "\edd2";
}
.ph-bold.ph-toggle-left:before {
content: "\e674";
}
.ph-bold.ph-toggle-right:before {
content: "\e676";
}
.ph-bold.ph-toilet:before {
content: "\e79a";
}
.ph-bold.ph-toilet-paper:before {
content: "\e79c";
}
.ph-bold.ph-toolbox:before {
content: "\eca0";
}
.ph-bold.ph-tooth:before {
content: "\e9cc";
}
.ph-bold.ph-tornado:before {
content: "\e88c";
}
.ph-bold.ph-tote:before {
content: "\e494";
}
.ph-bold.ph-tote-simple:before {
content: "\e678";
}
.ph-bold.ph-towel:before {
content: "\ede6";
}
.ph-bold.ph-tractor:before {
content: "\ec6e";
}
.ph-bold.ph-trademark:before {
content: "\e9f0";
}
.ph-bold.ph-trademark-registered:before {
content: "\e3f4";
}
.ph-bold.ph-traffic-cone:before {
content: "\e9a8";
}
.ph-bold.ph-traffic-sign:before {
content: "\e67a";
}
.ph-bold.ph-traffic-signal:before {
content: "\e9aa";
}
.ph-bold.ph-train:before {
content: "\e496";
}
.ph-bold.ph-train-regional:before {
content: "\e49e";
}
.ph-bold.ph-train-simple:before {
content: "\e4a0";
}
.ph-bold.ph-tram:before {
content: "\e9ec";
}
.ph-bold.ph-translate:before {
content: "\e4a2";
}
.ph-bold.ph-trash:before {
content: "\e4a6";
}
.ph-bold.ph-trash-simple:before {
content: "\e4a8";
}
.ph-bold.ph-tray:before {
content: "\e4aa";
}
.ph-bold.ph-tray-arrow-down:before {
content: "\e010";
}
.ph-bold.ph-archive-tray:before {
content: "\e010";
}
.ph-bold.ph-tray-arrow-up:before {
content: "\ee52";
}
.ph-bold.ph-treasure-chest:before {
content: "\ede2";
}
.ph-bold.ph-tree:before {
content: "\e6da";
}
.ph-bold.ph-tree-evergreen:before {
content: "\e6dc";
}
.ph-bold.ph-tree-palm:before {
content: "\e91a";
}
.ph-bold.ph-tree-structure:before {
content: "\e67c";
}
.ph-bold.ph-tree-view:before {
content: "\ee48";
}
.ph-bold.ph-trend-down:before {
content: "\e4ac";
}
.ph-bold.ph-trend-up:before {
content: "\e4ae";
}
.ph-bold.ph-triangle:before {
content: "\e4b0";
}
.ph-bold.ph-triangle-dashed:before {
content: "\e4b2";
}
.ph-bold.ph-trolley:before {
content: "\e5b2";
}
.ph-bold.ph-trolley-suitcase:before {
content: "\e5b4";
}
.ph-bold.ph-trophy:before {
content: "\e67e";
}
.ph-bold.ph-truck:before {
content: "\e4b4";
}
.ph-bold.ph-truck-trailer:before {
content: "\e4b6";
}
.ph-bold.ph-tumblr-logo:before {
content: "\e8d4";
}
.ph-bold.ph-twitch-logo:before {
content: "\e5ce";
}
.ph-bold.ph-twitter-logo:before {
content: "\e4ba";
}
.ph-bold.ph-umbrella:before {
content: "\e684";
}
.ph-bold.ph-umbrella-simple:before {
content: "\e686";
}
.ph-bold.ph-union:before {
content: "\edbe";
}
.ph-bold.ph-unite:before {
content: "\e87e";
}
.ph-bold.ph-unite-square:before {
content: "\e878";
}
.ph-bold.ph-upload:before {
content: "\e4be";
}
.ph-bold.ph-upload-simple:before {
content: "\e4c0";
}
.ph-bold.ph-usb:before {
content: "\e956";
}
.ph-bold.ph-user:before {
content: "\e4c2";
}
.ph-bold.ph-user-check:before {
content: "\eafa";
}
.ph-bold.ph-user-circle:before {
content: "\e4c4";
}
.ph-bold.ph-user-circle-check:before {
content: "\ec38";
}
.ph-bold.ph-user-circle-dashed:before {
content: "\ec36";
}
.ph-bold.ph-user-circle-gear:before {
content: "\e4c6";
}
.ph-bold.ph-user-circle-minus:before {
content: "\e4c8";
}
.ph-bold.ph-user-circle-plus:before {
content: "\e4ca";
}
.ph-bold.ph-user-focus:before {
content: "\e6fc";
}
.ph-bold.ph-user-gear:before {
content: "\e4cc";
}
.ph-bold.ph-user-list:before {
content: "\e73c";
}
.ph-bold.ph-user-minus:before {
content: "\e4ce";
}
.ph-bold.ph-user-plus:before {
content: "\e4d0";
}
.ph-bold.ph-user-rectangle:before {
content: "\e4d2";
}
.ph-bold.ph-user-sound:before {
content: "\eca8";
}
.ph-bold.ph-user-square:before {
content: "\e4d4";
}
.ph-bold.ph-user-switch:before {
content: "\e756";
}
.ph-bold.ph-users:before {
content: "\e4d6";
}
.ph-bold.ph-users-four:before {
content: "\e68c";
}
.ph-bold.ph-users-three:before {
content: "\e68e";
}
.ph-bold.ph-van:before {
content: "\e826";
}
.ph-bold.ph-vault:before {
content: "\e76e";
}
.ph-bold.ph-vector-three:before {
content: "\ee62";
}
.ph-bold.ph-vector-two:before {
content: "\ee64";
}
.ph-bold.ph-vibrate:before {
content: "\e4d8";
}
.ph-bold.ph-video:before {
content: "\e740";
}
.ph-bold.ph-video-camera:before {
content: "\e4da";
}
.ph-bold.ph-video-camera-slash:before {
content: "\e4dc";
}
.ph-bold.ph-video-conference:before {
content: "\edce";
}
.ph-bold.ph-vignette:before {
content: "\eba2";
}
.ph-bold.ph-vinyl-record:before {
content: "\ecac";
}
.ph-bold.ph-virtual-reality:before {
content: "\e7b8";
}
.ph-bold.ph-virus:before {
content: "\e7d6";
}
.ph-bold.ph-visor:before {
content: "\ee2a";
}
.ph-bold.ph-voicemail:before {
content: "\e4de";
}
.ph-bold.ph-volleyball:before {
content: "\e726";
}
.ph-bold.ph-wall:before {
content: "\e688";
}
.ph-bold.ph-wallet:before {
content: "\e68a";
}
.ph-bold.ph-warehouse:before {
content: "\ecd4";
}
.ph-bold.ph-warning:before {
content: "\e4e0";
}
.ph-bold.ph-warning-circle:before {
content: "\e4e2";
}
.ph-bold.ph-warning-diamond:before {
content: "\e7fc";
}
.ph-bold.ph-warning-octagon:before {
content: "\e4e4";
}
.ph-bold.ph-washing-machine:before {
content: "\ede8";
}
.ph-bold.ph-watch:before {
content: "\e4e6";
}
.ph-bold.ph-wave-sawtooth:before {
content: "\ea9c";
}
.ph-bold.ph-wave-sine:before {
content: "\ea9a";
}
.ph-bold.ph-wave-square:before {
content: "\ea9e";
}
.ph-bold.ph-wave-triangle:before {
content: "\eaa0";
}
.ph-bold.ph-waveform:before {
content: "\e802";
}
.ph-bold.ph-waveform-slash:before {
content: "\e800";
}
.ph-bold.ph-waves:before {
content: "\e6de";
}
.ph-bold.ph-webcam:before {
content: "\e9b2";
}
.ph-bold.ph-webcam-slash:before {
content: "\ecdc";
}
.ph-bold.ph-webhooks-logo:before {
content: "\ecae";
}
.ph-bold.ph-wechat-logo:before {
content: "\e8d2";
}
.ph-bold.ph-whatsapp-logo:before {
content: "\e5d0";
}
.ph-bold.ph-wheelchair:before {
content: "\e4e8";
}
.ph-bold.ph-wheelchair-motion:before {
content: "\e89a";
}
.ph-bold.ph-wifi-high:before {
content: "\e4ea";
}
.ph-bold.ph-wifi-low:before {
content: "\e4ec";
}
.ph-bold.ph-wifi-medium:before {
content: "\e4ee";
}
.ph-bold.ph-wifi-none:before {
content: "\e4f0";
}
.ph-bold.ph-wifi-slash:before {
content: "\e4f2";
}
.ph-bold.ph-wifi-x:before {
content: "\e4f4";
}
.ph-bold.ph-wind:before {
content: "\e5d2";
}
.ph-bold.ph-windmill:before {
content: "\e9f8";
}
.ph-bold.ph-windows-logo:before {
content: "\e692";
}
.ph-bold.ph-wine:before {
content: "\e6b2";
}
.ph-bold.ph-wrench:before {
content: "\e5d4";
}
.ph-bold.ph-x:before {
content: "\e4f6";
}
.ph-bold.ph-x-circle:before {
content: "\e4f8";
}
.ph-bold.ph-x-logo:before {
content: "\e4bc";
}
.ph-bold.ph-x-square:before {
content: "\e4fa";
}
.ph-bold.ph-yarn:before {
content: "\ed9a";
}
.ph-bold.ph-yin-yang:before {
content: "\e92a";
}
.ph-bold.ph-youtube-logo:before {
content: "\e4fc";
}
.ph-fill {
font-family: "Phosphor-Fill" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
letter-spacing: 0;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
-webkit-font-variant-ligatures: discretionary-ligatures;
font-variant-ligatures: discretionary-ligatures;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ph-fill.ph-acorn:before {
content: "\eb9a";
}
.ph-fill.ph-address-book:before {
content: "\e6f8";
}
.ph-fill.ph-address-book-tabs:before {
content: "\ee4e";
}
.ph-fill.ph-air-traffic-control:before {
content: "\ecd8";
}
.ph-fill.ph-airplane:before {
content: "\e002";
}
.ph-fill.ph-airplane-in-flight:before {
content: "\e4fe";
}
.ph-fill.ph-airplane-landing:before {
content: "\e502";
}
.ph-fill.ph-airplane-takeoff:before {
content: "\e504";
}
.ph-fill.ph-airplane-taxiing:before {
content: "\e500";
}
.ph-fill.ph-airplane-tilt:before {
content: "\e5d6";
}
.ph-fill.ph-airplay:before {
content: "\e004";
}
.ph-fill.ph-alarm:before {
content: "\e006";
}
.ph-fill.ph-alien:before {
content: "\e8a6";
}
.ph-fill.ph-align-bottom:before {
content: "\e506";
}
.ph-fill.ph-align-bottom-simple:before {
content: "\eb0c";
}
.ph-fill.ph-align-center-horizontal:before {
content: "\e50a";
}
.ph-fill.ph-align-center-horizontal-simple:before {
content: "\eb0e";
}
.ph-fill.ph-align-center-vertical:before {
content: "\e50c";
}
.ph-fill.ph-align-center-vertical-simple:before {
content: "\eb10";
}
.ph-fill.ph-align-left:before {
content: "\e50e";
}
.ph-fill.ph-align-left-simple:before {
content: "\eaee";
}
.ph-fill.ph-align-right:before {
content: "\e510";
}
.ph-fill.ph-align-right-simple:before {
content: "\eb12";
}
.ph-fill.ph-align-top:before {
content: "\e512";
}
.ph-fill.ph-align-top-simple:before {
content: "\eb14";
}
.ph-fill.ph-amazon-logo:before {
content: "\e96c";
}
.ph-fill.ph-ambulance:before {
content: "\e572";
}
.ph-fill.ph-anchor:before {
content: "\e514";
}
.ph-fill.ph-anchor-simple:before {
content: "\e5d8";
}
.ph-fill.ph-android-logo:before {
content: "\e008";
}
.ph-fill.ph-angle:before {
content: "\e7bc";
}
.ph-fill.ph-angular-logo:before {
content: "\eb80";
}
.ph-fill.ph-aperture:before {
content: "\e00a";
}
.ph-fill.ph-app-store-logo:before {
content: "\e974";
}
.ph-fill.ph-app-window:before {
content: "\e5da";
}
.ph-fill.ph-apple-logo:before {
content: "\e516";
}
.ph-fill.ph-apple-podcasts-logo:before {
content: "\eb96";
}
.ph-fill.ph-approximate-equals:before {
content: "\edaa";
}
.ph-fill.ph-archive:before {
content: "\e00c";
}
.ph-fill.ph-armchair:before {
content: "\e012";
}
.ph-fill.ph-arrow-arc-left:before {
content: "\e014";
}
.ph-fill.ph-arrow-arc-right:before {
content: "\e016";
}
.ph-fill.ph-arrow-bend-double-up-left:before {
content: "\e03a";
}
.ph-fill.ph-arrow-bend-double-up-right:before {
content: "\e03c";
}
.ph-fill.ph-arrow-bend-down-left:before {
content: "\e018";
}
.ph-fill.ph-arrow-bend-down-right:before {
content: "\e01a";
}
.ph-fill.ph-arrow-bend-left-down:before {
content: "\e01c";
}
.ph-fill.ph-arrow-bend-left-up:before {
content: "\e01e";
}
.ph-fill.ph-arrow-bend-right-down:before {
content: "\e020";
}
.ph-fill.ph-arrow-bend-right-up:before {
content: "\e022";
}
.ph-fill.ph-arrow-bend-up-left:before {
content: "\e024";
}
.ph-fill.ph-arrow-bend-up-right:before {
content: "\e026";
}
.ph-fill.ph-arrow-circle-down:before {
content: "\e028";
}
.ph-fill.ph-arrow-circle-down-left:before {
content: "\e02a";
}
.ph-fill.ph-arrow-circle-down-right:before {
content: "\e02c";
}
.ph-fill.ph-arrow-circle-left:before {
content: "\e05a";
}
.ph-fill.ph-arrow-circle-right:before {
content: "\e02e";
}
.ph-fill.ph-arrow-circle-up:before {
content: "\e030";
}
.ph-fill.ph-arrow-circle-up-left:before {
content: "\e032";
}
.ph-fill.ph-arrow-circle-up-right:before {
content: "\e034";
}
.ph-fill.ph-arrow-clockwise:before {
content: "\e036";
}
.ph-fill.ph-arrow-counter-clockwise:before {
content: "\e038";
}
.ph-fill.ph-arrow-down:before {
content: "\e03e";
}
.ph-fill.ph-arrow-down-left:before {
content: "\e040";
}
.ph-fill.ph-arrow-down-right:before {
content: "\e042";
}
.ph-fill.ph-arrow-elbow-down-left:before {
content: "\e044";
}
.ph-fill.ph-arrow-elbow-down-right:before {
content: "\e046";
}
.ph-fill.ph-arrow-elbow-left:before {
content: "\e048";
}
.ph-fill.ph-arrow-elbow-left-down:before {
content: "\e04a";
}
.ph-fill.ph-arrow-elbow-left-up:before {
content: "\e04c";
}
.ph-fill.ph-arrow-elbow-right:before {
content: "\e04e";
}
.ph-fill.ph-arrow-elbow-right-down:before {
content: "\e050";
}
.ph-fill.ph-arrow-elbow-right-up:before {
content: "\e052";
}
.ph-fill.ph-arrow-elbow-up-left:before {
content: "\e054";
}
.ph-fill.ph-arrow-elbow-up-right:before {
content: "\e056";
}
.ph-fill.ph-arrow-fat-down:before {
content: "\e518";
}
.ph-fill.ph-arrow-fat-left:before {
content: "\e51a";
}
.ph-fill.ph-arrow-fat-line-down:before {
content: "\e51c";
}
.ph-fill.ph-arrow-fat-line-left:before {
content: "\e51e";
}
.ph-fill.ph-arrow-fat-line-right:before {
content: "\e520";
}
.ph-fill.ph-arrow-fat-line-up:before {
content: "\e522";
}
.ph-fill.ph-arrow-fat-lines-down:before {
content: "\e524";
}
.ph-fill.ph-arrow-fat-lines-left:before {
content: "\e526";
}
.ph-fill.ph-arrow-fat-lines-right:before {
content: "\e528";
}
.ph-fill.ph-arrow-fat-lines-up:before {
content: "\e52a";
}
.ph-fill.ph-arrow-fat-right:before {
content: "\e52c";
}
.ph-fill.ph-arrow-fat-up:before {
content: "\e52e";
}
.ph-fill.ph-arrow-left:before {
content: "\e058";
}
.ph-fill.ph-arrow-line-down:before {
content: "\e05c";
}
.ph-fill.ph-arrow-line-down-left:before {
content: "\e05e";
}
.ph-fill.ph-arrow-line-down-right:before {
content: "\e060";
}
.ph-fill.ph-arrow-line-left:before {
content: "\e062";
}
.ph-fill.ph-arrow-line-right:before {
content: "\e064";
}
.ph-fill.ph-arrow-line-up:before {
content: "\e066";
}
.ph-fill.ph-arrow-line-up-left:before {
content: "\e068";
}
.ph-fill.ph-arrow-line-up-right:before {
content: "\e06a";
}
.ph-fill.ph-arrow-right:before {
content: "\e06c";
}
.ph-fill.ph-arrow-square-down:before {
content: "\e06e";
}
.ph-fill.ph-arrow-square-down-left:before {
content: "\e070";
}
.ph-fill.ph-arrow-square-down-right:before {
content: "\e072";
}
.ph-fill.ph-arrow-square-in:before {
content: "\e5dc";
}
.ph-fill.ph-arrow-square-left:before {
content: "\e074";
}
.ph-fill.ph-arrow-square-out:before {
content: "\e5de";
}
.ph-fill.ph-arrow-square-right:before {
content: "\e076";
}
.ph-fill.ph-arrow-square-up:before {
content: "\e078";
}
.ph-fill.ph-arrow-square-up-left:before {
content: "\e07a";
}
.ph-fill.ph-arrow-square-up-right:before {
content: "\e07c";
}
.ph-fill.ph-arrow-u-down-left:before {
content: "\e07e";
}
.ph-fill.ph-arrow-u-down-right:before {
content: "\e080";
}
.ph-fill.ph-arrow-u-left-down:before {
content: "\e082";
}
.ph-fill.ph-arrow-u-left-up:before {
content: "\e084";
}
.ph-fill.ph-arrow-u-right-down:before {
content: "\e086";
}
.ph-fill.ph-arrow-u-right-up:before {
content: "\e088";
}
.ph-fill.ph-arrow-u-up-left:before {
content: "\e08a";
}
.ph-fill.ph-arrow-u-up-right:before {
content: "\e08c";
}
.ph-fill.ph-arrow-up:before {
content: "\e08e";
}
.ph-fill.ph-arrow-up-left:before {
content: "\e090";
}
.ph-fill.ph-arrow-up-right:before {
content: "\e092";
}
.ph-fill.ph-arrows-clockwise:before {
content: "\e094";
}
.ph-fill.ph-arrows-counter-clockwise:before {
content: "\e096";
}
.ph-fill.ph-arrows-down-up:before {
content: "\e098";
}
.ph-fill.ph-arrows-horizontal:before {
content: "\eb06";
}
.ph-fill.ph-arrows-in:before {
content: "\e09a";
}
.ph-fill.ph-arrows-in-cardinal:before {
content: "\e09c";
}
.ph-fill.ph-arrows-in-line-horizontal:before {
content: "\e530";
}
.ph-fill.ph-arrows-in-line-vertical:before {
content: "\e532";
}
.ph-fill.ph-arrows-in-simple:before {
content: "\e09e";
}
.ph-fill.ph-arrows-left-right:before {
content: "\e0a0";
}
.ph-fill.ph-arrows-merge:before {
content: "\ed3e";
}
.ph-fill.ph-arrows-out:before {
content: "\e0a2";
}
.ph-fill.ph-arrows-out-cardinal:before {
content: "\e0a4";
}
.ph-fill.ph-arrows-out-line-horizontal:before {
content: "\e534";
}
.ph-fill.ph-arrows-out-line-vertical:before {
content: "\e536";
}
.ph-fill.ph-arrows-out-simple:before {
content: "\e0a6";
}
.ph-fill.ph-arrows-split:before {
content: "\ed3c";
}
.ph-fill.ph-arrows-vertical:before {
content: "\eb04";
}
.ph-fill.ph-article:before {
content: "\e0a8";
}
.ph-fill.ph-article-medium:before {
content: "\e5e0";
}
.ph-fill.ph-article-ny-times:before {
content: "\e5e2";
}
.ph-fill.ph-asclepius:before {
content: "\ee34";
}
.ph-fill.ph-caduceus:before {
content: "\ee34";
}
.ph-fill.ph-asterisk:before {
content: "\e0aa";
}
.ph-fill.ph-asterisk-simple:before {
content: "\e832";
}
.ph-fill.ph-at:before {
content: "\e0ac";
}
.ph-fill.ph-atom:before {
content: "\e5e4";
}
.ph-fill.ph-avocado:before {
content: "\ee04";
}
.ph-fill.ph-axe:before {
content: "\e9fc";
}
.ph-fill.ph-baby:before {
content: "\e774";
}
.ph-fill.ph-baby-carriage:before {
content: "\e818";
}
.ph-fill.ph-backpack:before {
content: "\e922";
}
.ph-fill.ph-backspace:before {
content: "\e0ae";
}
.ph-fill.ph-bag:before {
content: "\e0b0";
}
.ph-fill.ph-bag-simple:before {
content: "\e5e6";
}
.ph-fill.ph-balloon:before {
content: "\e76c";
}
.ph-fill.ph-bandaids:before {
content: "\e0b2";
}
.ph-fill.ph-bank:before {
content: "\e0b4";
}
.ph-fill.ph-barbell:before {
content: "\e0b6";
}
.ph-fill.ph-barcode:before {
content: "\e0b8";
}
.ph-fill.ph-barn:before {
content: "\ec72";
}
.ph-fill.ph-barricade:before {
content: "\e948";
}
.ph-fill.ph-baseball:before {
content: "\e71a";
}
.ph-fill.ph-baseball-cap:before {
content: "\ea28";
}
.ph-fill.ph-baseball-helmet:before {
content: "\ee4a";
}
.ph-fill.ph-basket:before {
content: "\e964";
}
.ph-fill.ph-basketball:before {
content: "\e724";
}
.ph-fill.ph-bathtub:before {
content: "\e81e";
}
.ph-fill.ph-battery-charging:before {
content: "\e0ba";
}
.ph-fill.ph-battery-charging-vertical:before {
content: "\e0bc";
}
.ph-fill.ph-battery-empty:before {
content: "\e0be";
}
.ph-fill.ph-battery-full:before {
content: "\e0c0";
}
.ph-fill.ph-battery-high:before {
content: "\e0c2";
}
.ph-fill.ph-battery-low:before {
content: "\e0c4";
}
.ph-fill.ph-battery-medium:before {
content: "\e0c6";
}
.ph-fill.ph-battery-plus:before {
content: "\e808";
}
.ph-fill.ph-battery-plus-vertical:before {
content: "\ec50";
}
.ph-fill.ph-battery-vertical-empty:before {
content: "\e7c6";
}
.ph-fill.ph-battery-vertical-full:before {
content: "\e7c4";
}
.ph-fill.ph-battery-vertical-high:before {
content: "\e7c2";
}
.ph-fill.ph-battery-vertical-low:before {
content: "\e7be";
}
.ph-fill.ph-battery-vertical-medium:before {
content: "\e7c0";
}
.ph-fill.ph-battery-warning:before {
content: "\e0c8";
}
.ph-fill.ph-battery-warning-vertical:before {
content: "\e0ca";
}
.ph-fill.ph-beach-ball:before {
content: "\ed24";
}
.ph-fill.ph-beanie:before {
content: "\ea2a";
}
.ph-fill.ph-bed:before {
content: "\e0cc";
}
.ph-fill.ph-beer-bottle:before {
content: "\e7b0";
}
.ph-fill.ph-beer-stein:before {
content: "\eb62";
}
.ph-fill.ph-behance-logo:before {
content: "\e7f4";
}
.ph-fill.ph-bell:before {
content: "\e0ce";
}
.ph-fill.ph-bell-ringing:before {
content: "\e5e8";
}
.ph-fill.ph-bell-simple:before {
content: "\e0d0";
}
.ph-fill.ph-bell-simple-ringing:before {
content: "\e5ea";
}
.ph-fill.ph-bell-simple-slash:before {
content: "\e0d2";
}
.ph-fill.ph-bell-simple-z:before {
content: "\e5ec";
}
.ph-fill.ph-bell-slash:before {
content: "\e0d4";
}
.ph-fill.ph-bell-z:before {
content: "\e5ee";
}
.ph-fill.ph-belt:before {
content: "\ea2c";
}
.ph-fill.ph-bezier-curve:before {
content: "\eb00";
}
.ph-fill.ph-bicycle:before {
content: "\e0d6";
}
.ph-fill.ph-binary:before {
content: "\ee60";
}
.ph-fill.ph-binoculars:before {
content: "\ea64";
}
.ph-fill.ph-biohazard:before {
content: "\e9e0";
}
.ph-fill.ph-bird:before {
content: "\e72c";
}
.ph-fill.ph-blueprint:before {
content: "\eda0";
}
.ph-fill.ph-bluetooth:before {
content: "\e0da";
}
.ph-fill.ph-bluetooth-connected:before {
content: "\e0dc";
}
.ph-fill.ph-bluetooth-slash:before {
content: "\e0de";
}
.ph-fill.ph-bluetooth-x:before {
content: "\e0e0";
}
.ph-fill.ph-boat:before {
content: "\e786";
}
.ph-fill.ph-bomb:before {
content: "\ee0a";
}
.ph-fill.ph-bone:before {
content: "\e7f2";
}
.ph-fill.ph-book:before {
content: "\e0e2";
}
.ph-fill.ph-book-bookmark:before {
content: "\e0e4";
}
.ph-fill.ph-book-open:before {
content: "\e0e6";
}
.ph-fill.ph-book-open-text:before {
content: "\e8f2";
}
.ph-fill.ph-book-open-user:before {
content: "\ede0";
}
.ph-fill.ph-bookmark:before {
content: "\e0e8";
}
.ph-fill.ph-bookmark-simple:before {
content: "\e0ea";
}
.ph-fill.ph-bookmarks:before {
content: "\e0ec";
}
.ph-fill.ph-bookmarks-simple:before {
content: "\e5f0";
}
.ph-fill.ph-books:before {
content: "\e758";
}
.ph-fill.ph-boot:before {
content: "\ecca";
}
.ph-fill.ph-boules:before {
content: "\e722";
}
.ph-fill.ph-bounding-box:before {
content: "\e6ce";
}
.ph-fill.ph-bowl-food:before {
content: "\eaa4";
}
.ph-fill.ph-bowl-steam:before {
content: "\e8e4";
}
.ph-fill.ph-bowling-ball:before {
content: "\ea34";
}
.ph-fill.ph-box-arrow-down:before {
content: "\e00e";
}
.ph-fill.ph-archive-box:before {
content: "\e00e";
}
.ph-fill.ph-box-arrow-up:before {
content: "\ee54";
}
.ph-fill.ph-boxing-glove:before {
content: "\ea36";
}
.ph-fill.ph-brackets-angle:before {
content: "\e862";
}
.ph-fill.ph-brackets-curly:before {
content: "\e860";
}
.ph-fill.ph-brackets-round:before {
content: "\e864";
}
.ph-fill.ph-brackets-square:before {
content: "\e85e";
}
.ph-fill.ph-brain:before {
content: "\e74e";
}
.ph-fill.ph-brandy:before {
content: "\e6b4";
}
.ph-fill.ph-bread:before {
content: "\e81c";
}
.ph-fill.ph-bridge:before {
content: "\ea68";
}
.ph-fill.ph-briefcase:before {
content: "\e0ee";
}
.ph-fill.ph-briefcase-metal:before {
content: "\e5f2";
}
.ph-fill.ph-broadcast:before {
content: "\e0f2";
}
.ph-fill.ph-broom:before {
content: "\ec54";
}
.ph-fill.ph-browser:before {
content: "\e0f4";
}
.ph-fill.ph-browsers:before {
content: "\e0f6";
}
.ph-fill.ph-bug:before {
content: "\e5f4";
}
.ph-fill.ph-bug-beetle:before {
content: "\e5f6";
}
.ph-fill.ph-bug-droid:before {
content: "\e5f8";
}
.ph-fill.ph-building:before {
content: "\e100";
}
.ph-fill.ph-building-apartment:before {
content: "\e0fe";
}
.ph-fill.ph-building-office:before {
content: "\e0ff";
}
.ph-fill.ph-buildings:before {
content: "\e102";
}
.ph-fill.ph-bulldozer:before {
content: "\ec6c";
}
.ph-fill.ph-bus:before {
content: "\e106";
}
.ph-fill.ph-butterfly:before {
content: "\ea6e";
}
.ph-fill.ph-cable-car:before {
content: "\e49c";
}
.ph-fill.ph-cactus:before {
content: "\e918";
}
.ph-fill.ph-cake:before {
content: "\e780";
}
.ph-fill.ph-calculator:before {
content: "\e538";
}
.ph-fill.ph-calendar:before {
content: "\e108";
}
.ph-fill.ph-calendar-blank:before {
content: "\e10a";
}
.ph-fill.ph-calendar-check:before {
content: "\e712";
}
.ph-fill.ph-calendar-dot:before {
content: "\e7b2";
}
.ph-fill.ph-calendar-dots:before {
content: "\e7b4";
}
.ph-fill.ph-calendar-heart:before {
content: "\e8b0";
}
.ph-fill.ph-calendar-minus:before {
content: "\ea14";
}
.ph-fill.ph-calendar-plus:before {
content: "\e714";
}
.ph-fill.ph-calendar-slash:before {
content: "\ea12";
}
.ph-fill.ph-calendar-star:before {
content: "\e8b2";
}
.ph-fill.ph-calendar-x:before {
content: "\e10c";
}
.ph-fill.ph-call-bell:before {
content: "\e7de";
}
.ph-fill.ph-camera:before {
content: "\e10e";
}
.ph-fill.ph-camera-plus:before {
content: "\ec58";
}
.ph-fill.ph-camera-rotate:before {
content: "\e7a4";
}
.ph-fill.ph-camera-slash:before {
content: "\e110";
}
.ph-fill.ph-campfire:before {
content: "\e9d8";
}
.ph-fill.ph-car:before {
content: "\e112";
}
.ph-fill.ph-car-battery:before {
content: "\ee30";
}
.ph-fill.ph-car-profile:before {
content: "\e8cc";
}
.ph-fill.ph-car-simple:before {
content: "\e114";
}
.ph-fill.ph-cardholder:before {
content: "\e5fa";
}
.ph-fill.ph-cards:before {
content: "\e0f8";
}
.ph-fill.ph-cards-three:before {
content: "\ee50";
}
.ph-fill.ph-caret-circle-double-down:before {
content: "\e116";
}
.ph-fill.ph-caret-circle-double-left:before {
content: "\e118";
}
.ph-fill.ph-caret-circle-double-right:before {
content: "\e11a";
}
.ph-fill.ph-caret-circle-double-up:before {
content: "\e11c";
}
.ph-fill.ph-caret-circle-down:before {
content: "\e11e";
}
.ph-fill.ph-caret-circle-left:before {
content: "\e120";
}
.ph-fill.ph-caret-circle-right:before {
content: "\e122";
}
.ph-fill.ph-caret-circle-up:before {
content: "\e124";
}
.ph-fill.ph-caret-circle-up-down:before {
content: "\e13e";
}
.ph-fill.ph-caret-double-down:before {
content: "\e126";
}
.ph-fill.ph-caret-double-left:before {
content: "\e128";
}
.ph-fill.ph-caret-double-right:before {
content: "\e12a";
}
.ph-fill.ph-caret-double-up:before {
content: "\e12c";
}
.ph-fill.ph-caret-down:before {
content: "\e136";
}
.ph-fill.ph-caret-left:before {
content: "\e138";
}
.ph-fill.ph-caret-line-down:before {
content: "\e134";
}
.ph-fill.ph-caret-line-left:before {
content: "\e132";
}
.ph-fill.ph-caret-line-right:before {
content: "\e130";
}
.ph-fill.ph-caret-line-up:before {
content: "\e12e";
}
.ph-fill.ph-caret-right:before {
content: "\e13a";
}
.ph-fill.ph-caret-up:before {
content: "\e13c";
}
.ph-fill.ph-caret-up-down:before {
content: "\e140";
}
.ph-fill.ph-carrot:before {
content: "\ed38";
}
.ph-fill.ph-cash-register:before {
content: "\ed80";
}
.ph-fill.ph-cassette-tape:before {
content: "\ed2e";
}
.ph-fill.ph-castle-turret:before {
content: "\e9d0";
}
.ph-fill.ph-cat:before {
content: "\e748";
}
.ph-fill.ph-cell-signal-full:before {
content: "\e142";
}
.ph-fill.ph-cell-signal-high:before {
content: "\e144";
}
.ph-fill.ph-cell-signal-low:before {
content: "\e146";
}
.ph-fill.ph-cell-signal-medium:before {
content: "\e148";
}
.ph-fill.ph-cell-signal-none:before {
content: "\e14a";
}
.ph-fill.ph-cell-signal-slash:before {
content: "\e14c";
}
.ph-fill.ph-cell-signal-x:before {
content: "\e14e";
}
.ph-fill.ph-cell-tower:before {
content: "\ebaa";
}
.ph-fill.ph-certificate:before {
content: "\e766";
}
.ph-fill.ph-chair:before {
content: "\e950";
}
.ph-fill.ph-chalkboard:before {
content: "\e5fc";
}
.ph-fill.ph-chalkboard-simple:before {
content: "\e5fe";
}
.ph-fill.ph-chalkboard-teacher:before {
content: "\e600";
}
.ph-fill.ph-champagne:before {
content: "\eaca";
}
.ph-fill.ph-charging-station:before {
content: "\e8d0";
}
.ph-fill.ph-chart-bar:before {
content: "\e150";
}
.ph-fill.ph-chart-bar-horizontal:before {
content: "\e152";
}
.ph-fill.ph-chart-donut:before {
content: "\eaa6";
}
.ph-fill.ph-chart-line:before {
content: "\e154";
}
.ph-fill.ph-chart-line-down:before {
content: "\e8b6";
}
.ph-fill.ph-chart-line-up:before {
content: "\e156";
}
.ph-fill.ph-chart-pie:before {
content: "\e158";
}
.ph-fill.ph-chart-pie-slice:before {
content: "\e15a";
}
.ph-fill.ph-chart-polar:before {
content: "\eaa8";
}
.ph-fill.ph-chart-scatter:before {
content: "\eaac";
}
.ph-fill.ph-chat:before {
content: "\e15c";
}
.ph-fill.ph-chat-centered:before {
content: "\e160";
}
.ph-fill.ph-chat-centered-dots:before {
content: "\e164";
}
.ph-fill.ph-chat-centered-slash:before {
content: "\e162";
}
.ph-fill.ph-chat-centered-text:before {
content: "\e166";
}
.ph-fill.ph-chat-circle:before {
content: "\e168";
}
.ph-fill.ph-chat-circle-dots:before {
content: "\e16c";
}
.ph-fill.ph-chat-circle-slash:before {
content: "\e16a";
}
.ph-fill.ph-chat-circle-text:before {
content: "\e16e";
}
.ph-fill.ph-chat-dots:before {
content: "\e170";
}
.ph-fill.ph-chat-slash:before {
content: "\e15e";
}
.ph-fill.ph-chat-teardrop:before {
content: "\e172";
}
.ph-fill.ph-chat-teardrop-dots:before {
content: "\e176";
}
.ph-fill.ph-chat-teardrop-slash:before {
content: "\e174";
}
.ph-fill.ph-chat-teardrop-text:before {
content: "\e178";
}
.ph-fill.ph-chat-text:before {
content: "\e17a";
}
.ph-fill.ph-chats:before {
content: "\e17c";
}
.ph-fill.ph-chats-circle:before {
content: "\e17e";
}
.ph-fill.ph-chats-teardrop:before {
content: "\e180";
}
.ph-fill.ph-check:before {
content: "\e182";
}
.ph-fill.ph-check-circle:before {
content: "\e184";
}
.ph-fill.ph-check-fat:before {
content: "\eba6";
}
.ph-fill.ph-check-square:before {
content: "\e186";
}
.ph-fill.ph-check-square-offset:before {
content: "\e188";
}
.ph-fill.ph-checkerboard:before {
content: "\e8c4";
}
.ph-fill.ph-checks:before {
content: "\e53a";
}
.ph-fill.ph-cheers:before {
content: "\ea4a";
}
.ph-fill.ph-cheese:before {
content: "\e9fe";
}
.ph-fill.ph-chef-hat:before {
content: "\ed8e";
}
.ph-fill.ph-cherries:before {
content: "\e830";
}
.ph-fill.ph-church:before {
content: "\ecea";
}
.ph-fill.ph-cigarette:before {
content: "\ed90";
}
.ph-fill.ph-cigarette-slash:before {
content: "\ed92";
}
.ph-fill.ph-circle:before {
content: "\e18a";
}
.ph-fill.ph-circle-dashed:before {
content: "\e602";
}
.ph-fill.ph-circle-half:before {
content: "\e18c";
}
.ph-fill.ph-circle-half-tilt:before {
content: "\e18e";
}
.ph-fill.ph-circle-notch:before {
content: "\eb44";
}
.ph-fill.ph-circles-four:before {
content: "\e190";
}
.ph-fill.ph-circles-three:before {
content: "\e192";
}
.ph-fill.ph-circles-three-plus:before {
content: "\e194";
}
.ph-fill.ph-circuitry:before {
content: "\e9c2";
}
.ph-fill.ph-city:before {
content: "\ea6a";
}
.ph-fill.ph-clipboard:before {
content: "\e196";
}
.ph-fill.ph-clipboard-text:before {
content: "\e198";
}
.ph-fill.ph-clock:before {
content: "\e19a";
}
.ph-fill.ph-clock-afternoon:before {
content: "\e19c";
}
.ph-fill.ph-clock-clockwise:before {
content: "\e19e";
}
.ph-fill.ph-clock-countdown:before {
content: "\ed2c";
}
.ph-fill.ph-clock-counter-clockwise:before {
content: "\e1a0";
}
.ph-fill.ph-clock-user:before {
content: "\edec";
}
.ph-fill.ph-closed-captioning:before {
content: "\e1a4";
}
.ph-fill.ph-cloud:before {
content: "\e1aa";
}
.ph-fill.ph-cloud-arrow-down:before {
content: "\e1ac";
}
.ph-fill.ph-cloud-arrow-up:before {
content: "\e1ae";
}
.ph-fill.ph-cloud-check:before {
content: "\e1b0";
}
.ph-fill.ph-cloud-fog:before {
content: "\e53c";
}
.ph-fill.ph-cloud-lightning:before {
content: "\e1b2";
}
.ph-fill.ph-cloud-moon:before {
content: "\e53e";
}
.ph-fill.ph-cloud-rain:before {
content: "\e1b4";
}
.ph-fill.ph-cloud-slash:before {
content: "\e1b6";
}
.ph-fill.ph-cloud-snow:before {
content: "\e1b8";
}
.ph-fill.ph-cloud-sun:before {
content: "\e540";
}
.ph-fill.ph-cloud-warning:before {
content: "\ea98";
}
.ph-fill.ph-cloud-x:before {
content: "\ea96";
}
.ph-fill.ph-clover:before {
content: "\edc8";
}
.ph-fill.ph-club:before {
content: "\e1ba";
}
.ph-fill.ph-coat-hanger:before {
content: "\e7fe";
}
.ph-fill.ph-coda-logo:before {
content: "\e7ce";
}
.ph-fill.ph-code:before {
content: "\e1bc";
}
.ph-fill.ph-code-block:before {
content: "\eafe";
}
.ph-fill.ph-code-simple:before {
content: "\e1be";
}
.ph-fill.ph-codepen-logo:before {
content: "\e978";
}
.ph-fill.ph-codesandbox-logo:before {
content: "\ea06";
}
.ph-fill.ph-coffee:before {
content: "\e1c2";
}
.ph-fill.ph-coffee-bean:before {
content: "\e1c0";
}
.ph-fill.ph-coin:before {
content: "\e60e";
}
.ph-fill.ph-coin-vertical:before {
content: "\eb48";
}
.ph-fill.ph-coins:before {
content: "\e78e";
}
.ph-fill.ph-columns:before {
content: "\e546";
}
.ph-fill.ph-columns-plus-left:before {
content: "\e544";
}
.ph-fill.ph-columns-plus-right:before {
content: "\e542";
}
.ph-fill.ph-command:before {
content: "\e1c4";
}
.ph-fill.ph-compass:before {
content: "\e1c8";
}
.ph-fill.ph-compass-rose:before {
content: "\e1c6";
}
.ph-fill.ph-compass-tool:before {
content: "\ea0e";
}
.ph-fill.ph-computer-tower:before {
content: "\e548";
}
.ph-fill.ph-confetti:before {
content: "\e81a";
}
.ph-fill.ph-contactless-payment:before {
content: "\ed42";
}
.ph-fill.ph-control:before {
content: "\eca6";
}
.ph-fill.ph-cookie:before {
content: "\e6ca";
}
.ph-fill.ph-cooking-pot:before {
content: "\e764";
}
.ph-fill.ph-copy:before {
content: "\e1ca";
}
.ph-fill.ph-copy-simple:before {
content: "\e1cc";
}
.ph-fill.ph-copyleft:before {
content: "\e86a";
}
.ph-fill.ph-copyright:before {
content: "\e54a";
}
.ph-fill.ph-corners-in:before {
content: "\e1ce";
}
.ph-fill.ph-corners-out:before {
content: "\e1d0";
}
.ph-fill.ph-couch:before {
content: "\e7f6";
}
.ph-fill.ph-court-basketball:before {
content: "\ee36";
}
.ph-fill.ph-cow:before {
content: "\eabe";
}
.ph-fill.ph-cowboy-hat:before {
content: "\ed12";
}
.ph-fill.ph-cpu:before {
content: "\e610";
}
.ph-fill.ph-crane:before {
content: "\ed48";
}
.ph-fill.ph-crane-tower:before {
content: "\ed49";
}
.ph-fill.ph-credit-card:before {
content: "\e1d2";
}
.ph-fill.ph-cricket:before {
content: "\ee12";
}
.ph-fill.ph-crop:before {
content: "\e1d4";
}
.ph-fill.ph-cross:before {
content: "\e8a0";
}
.ph-fill.ph-crosshair:before {
content: "\e1d6";
}
.ph-fill.ph-crosshair-simple:before {
content: "\e1d8";
}
.ph-fill.ph-crown:before {
content: "\e614";
}
.ph-fill.ph-crown-cross:before {
content: "\ee5e";
}
.ph-fill.ph-crown-simple:before {
content: "\e616";
}
.ph-fill.ph-cube:before {
content: "\e1da";
}
.ph-fill.ph-cube-focus:before {
content: "\ed0a";
}
.ph-fill.ph-cube-transparent:before {
content: "\ec7c";
}
.ph-fill.ph-currency-btc:before {
content: "\e618";
}
.ph-fill.ph-currency-circle-dollar:before {
content: "\e54c";
}
.ph-fill.ph-currency-cny:before {
content: "\e54e";
}
.ph-fill.ph-currency-dollar:before {
content: "\e550";
}
.ph-fill.ph-currency-dollar-simple:before {
content: "\e552";
}
.ph-fill.ph-currency-eth:before {
content: "\eada";
}
.ph-fill.ph-currency-eur:before {
content: "\e554";
}
.ph-fill.ph-currency-gbp:before {
content: "\e556";
}
.ph-fill.ph-currency-inr:before {
content: "\e558";
}
.ph-fill.ph-currency-jpy:before {
content: "\e55a";
}
.ph-fill.ph-currency-krw:before {
content: "\e55c";
}
.ph-fill.ph-currency-kzt:before {
content: "\ec4c";
}
.ph-fill.ph-currency-ngn:before {
content: "\eb52";
}
.ph-fill.ph-currency-rub:before {
content: "\e55e";
}
.ph-fill.ph-cursor:before {
content: "\e1dc";
}
.ph-fill.ph-cursor-click:before {
content: "\e7c8";
}
.ph-fill.ph-cursor-text:before {
content: "\e7d8";
}
.ph-fill.ph-cylinder:before {
content: "\e8fc";
}
.ph-fill.ph-database:before {
content: "\e1de";
}
.ph-fill.ph-desk:before {
content: "\ed16";
}
.ph-fill.ph-desktop:before {
content: "\e560";
}
.ph-fill.ph-desktop-tower:before {
content: "\e562";
}
.ph-fill.ph-detective:before {
content: "\e83e";
}
.ph-fill.ph-dev-to-logo:before {
content: "\ed0e";
}
.ph-fill.ph-device-mobile:before {
content: "\e1e0";
}
.ph-fill.ph-device-mobile-camera:before {
content: "\e1e2";
}
.ph-fill.ph-device-mobile-slash:before {
content: "\ee46";
}
.ph-fill.ph-device-mobile-speaker:before {
content: "\e1e4";
}
.ph-fill.ph-device-rotate:before {
content: "\edf2";
}
.ph-fill.ph-device-tablet:before {
content: "\e1e6";
}
.ph-fill.ph-device-tablet-camera:before {
content: "\e1e8";
}
.ph-fill.ph-device-tablet-speaker:before {
content: "\e1ea";
}
.ph-fill.ph-devices:before {
content: "\eba4";
}
.ph-fill.ph-diamond:before {
content: "\e1ec";
}
.ph-fill.ph-diamonds-four:before {
content: "\e8f4";
}
.ph-fill.ph-dice-five:before {
content: "\e1ee";
}
.ph-fill.ph-dice-four:before {
content: "\e1f0";
}
.ph-fill.ph-dice-one:before {
content: "\e1f2";
}
.ph-fill.ph-dice-six:before {
content: "\e1f4";
}
.ph-fill.ph-dice-three:before {
content: "\e1f6";
}
.ph-fill.ph-dice-two:before {
content: "\e1f8";
}
.ph-fill.ph-disc:before {
content: "\e564";
}
.ph-fill.ph-disco-ball:before {
content: "\ed98";
}
.ph-fill.ph-discord-logo:before {
content: "\e61a";
}
.ph-fill.ph-divide:before {
content: "\e1fa";
}
.ph-fill.ph-dna:before {
content: "\e924";
}
.ph-fill.ph-dog:before {
content: "\e74a";
}
.ph-fill.ph-door:before {
content: "\e61c";
}
.ph-fill.ph-door-open:before {
content: "\e7e6";
}
.ph-fill.ph-dot:before {
content: "\ecde";
}
.ph-fill.ph-dot-outline:before {
content: "\ece0";
}
.ph-fill.ph-dots-nine:before {
content: "\e1fc";
}
.ph-fill.ph-dots-six:before {
content: "\e794";
}
.ph-fill.ph-dots-six-vertical:before {
content: "\eae2";
}
.ph-fill.ph-dots-three:before {
content: "\e1fe";
}
.ph-fill.ph-dots-three-circle:before {
content: "\e200";
}
.ph-fill.ph-dots-three-circle-vertical:before {
content: "\e202";
}
.ph-fill.ph-dots-three-outline:before {
content: "\e204";
}
.ph-fill.ph-dots-three-outline-vertical:before {
content: "\e206";
}
.ph-fill.ph-dots-three-vertical:before {
content: "\e208";
}
.ph-fill.ph-download:before {
content: "\e20a";
}
.ph-fill.ph-download-simple:before {
content: "\e20c";
}
.ph-fill.ph-dress:before {
content: "\ea7e";
}
.ph-fill.ph-dresser:before {
content: "\e94e";
}
.ph-fill.ph-dribbble-logo:before {
content: "\e20e";
}
.ph-fill.ph-drone:before {
content: "\ed74";
}
.ph-fill.ph-drop:before {
content: "\e210";
}
.ph-fill.ph-drop-half:before {
content: "\e566";
}
.ph-fill.ph-drop-half-bottom:before {
content: "\eb40";
}
.ph-fill.ph-drop-simple:before {
content: "\ee32";
}
.ph-fill.ph-drop-slash:before {
content: "\e954";
}
.ph-fill.ph-dropbox-logo:before {
content: "\e7d0";
}
.ph-fill.ph-ear:before {
content: "\e70c";
}
.ph-fill.ph-ear-slash:before {
content: "\e70e";
}
.ph-fill.ph-egg:before {
content: "\e812";
}
.ph-fill.ph-egg-crack:before {
content: "\eb64";
}
.ph-fill.ph-eject:before {
content: "\e212";
}
.ph-fill.ph-eject-simple:before {
content: "\e6ae";
}
.ph-fill.ph-elevator:before {
content: "\ecc0";
}
.ph-fill.ph-empty:before {
content: "\edbc";
}
.ph-fill.ph-engine:before {
content: "\ea80";
}
.ph-fill.ph-envelope:before {
content: "\e214";
}
.ph-fill.ph-envelope-open:before {
content: "\e216";
}
.ph-fill.ph-envelope-simple:before {
content: "\e218";
}
.ph-fill.ph-envelope-simple-open:before {
content: "\e21a";
}
.ph-fill.ph-equalizer:before {
content: "\ebbc";
}
.ph-fill.ph-equals:before {
content: "\e21c";
}
.ph-fill.ph-eraser:before {
content: "\e21e";
}
.ph-fill.ph-escalator-down:before {
content: "\ecba";
}
.ph-fill.ph-escalator-up:before {
content: "\ecbc";
}
.ph-fill.ph-exam:before {
content: "\e742";
}
.ph-fill.ph-exclamation-mark:before {
content: "\ee44";
}
.ph-fill.ph-exclude:before {
content: "\e882";
}
.ph-fill.ph-exclude-square:before {
content: "\e880";
}
.ph-fill.ph-export:before {
content: "\eaf0";
}
.ph-fill.ph-eye:before {
content: "\e220";
}
.ph-fill.ph-eye-closed:before {
content: "\e222";
}
.ph-fill.ph-eye-slash:before {
content: "\e224";
}
.ph-fill.ph-eyedropper:before {
content: "\e568";
}
.ph-fill.ph-eyedropper-sample:before {
content: "\eac4";
}
.ph-fill.ph-eyeglasses:before {
content: "\e7ba";
}
.ph-fill.ph-eyes:before {
content: "\ee5c";
}
.ph-fill.ph-face-mask:before {
content: "\e56a";
}
.ph-fill.ph-facebook-logo:before {
content: "\e226";
}
.ph-fill.ph-factory:before {
content: "\e760";
}
.ph-fill.ph-faders:before {
content: "\e228";
}
.ph-fill.ph-faders-horizontal:before {
content: "\e22a";
}
.ph-fill.ph-fallout-shelter:before {
content: "\e9de";
}
.ph-fill.ph-fan:before {
content: "\e9f2";
}
.ph-fill.ph-farm:before {
content: "\ec70";
}
.ph-fill.ph-fast-forward:before {
content: "\e6a6";
}
.ph-fill.ph-fast-forward-circle:before {
content: "\e22c";
}
.ph-fill.ph-feather:before {
content: "\e9c0";
}
.ph-fill.ph-fediverse-logo:before {
content: "\ed66";
}
.ph-fill.ph-figma-logo:before {
content: "\e22e";
}
.ph-fill.ph-file:before {
content: "\e230";
}
.ph-fill.ph-file-archive:before {
content: "\eb2a";
}
.ph-fill.ph-file-arrow-down:before {
content: "\e232";
}
.ph-fill.ph-file-arrow-up:before {
content: "\e61e";
}
.ph-fill.ph-file-audio:before {
content: "\ea20";
}
.ph-fill.ph-file-c:before {
content: "\eb32";
}
.ph-fill.ph-file-c-sharp:before {
content: "\eb30";
}
.ph-fill.ph-file-cloud:before {
content: "\e95e";
}
.ph-fill.ph-file-code:before {
content: "\e914";
}
.ph-fill.ph-file-cpp:before {
content: "\eb2e";
}
.ph-fill.ph-file-css:before {
content: "\eb34";
}
.ph-fill.ph-file-csv:before {
content: "\eb1c";
}
.ph-fill.ph-file-dashed:before {
content: "\e704";
}
.ph-fill.ph-file-dotted:before {
content: "\e704";
}
.ph-fill.ph-file-doc:before {
content: "\eb1e";
}
.ph-fill.ph-file-html:before {
content: "\eb38";
}
.ph-fill.ph-file-image:before {
content: "\ea24";
}
.ph-fill.ph-file-ini:before {
content: "\eb33";
}
.ph-fill.ph-file-jpg:before {
content: "\eb1a";
}
.ph-fill.ph-file-js:before {
content: "\eb24";
}
.ph-fill.ph-file-jsx:before {
content: "\eb3a";
}
.ph-fill.ph-file-lock:before {
content: "\e95c";
}
.ph-fill.ph-file-magnifying-glass:before {
content: "\e238";
}
.ph-fill.ph-file-search:before {
content: "\e238";
}
.ph-fill.ph-file-md:before {
content: "\ed50";
}
.ph-fill.ph-file-minus:before {
content: "\e234";
}
.ph-fill.ph-file-pdf:before {
content: "\e702";
}
.ph-fill.ph-file-plus:before {
content: "\e236";
}
.ph-fill.ph-file-png:before {
content: "\eb18";
}
.ph-fill.ph-file-ppt:before {
content: "\eb20";
}
.ph-fill.ph-file-py:before {
content: "\eb2c";
}
.ph-fill.ph-file-rs:before {
content: "\eb28";
}
.ph-fill.ph-file-sql:before {
content: "\ed4e";
}
.ph-fill.ph-file-svg:before {
content: "\ed08";
}
.ph-fill.ph-file-text:before {
content: "\e23a";
}
.ph-fill.ph-file-ts:before {
content: "\eb26";
}
.ph-fill.ph-file-tsx:before {
content: "\eb3c";
}
.ph-fill.ph-file-txt:before {
content: "\eb35";
}
.ph-fill.ph-file-video:before {
content: "\ea22";
}
.ph-fill.ph-file-vue:before {
content: "\eb3e";
}
.ph-fill.ph-file-x:before {
content: "\e23c";
}
.ph-fill.ph-file-xls:before {
content: "\eb22";
}
.ph-fill.ph-file-zip:before {
content: "\e958";
}
.ph-fill.ph-files:before {
content: "\e710";
}
.ph-fill.ph-film-reel:before {
content: "\e8c0";
}
.ph-fill.ph-film-script:before {
content: "\eb50";
}
.ph-fill.ph-film-slate:before {
content: "\e8c2";
}
.ph-fill.ph-film-strip:before {
content: "\e792";
}
.ph-fill.ph-fingerprint:before {
content: "\e23e";
}
.ph-fill.ph-fingerprint-simple:before {
content: "\e240";
}
.ph-fill.ph-finn-the-human:before {
content: "\e56c";
}
.ph-fill.ph-fire:before {
content: "\e242";
}
.ph-fill.ph-fire-extinguisher:before {
content: "\e9e8";
}
.ph-fill.ph-fire-simple:before {
content: "\e620";
}
.ph-fill.ph-fire-truck:before {
content: "\e574";
}
.ph-fill.ph-first-aid:before {
content: "\e56e";
}
.ph-fill.ph-first-aid-kit:before {
content: "\e570";
}
.ph-fill.ph-fish:before {
content: "\e728";
}
.ph-fill.ph-fish-simple:before {
content: "\e72a";
}
.ph-fill.ph-flag:before {
content: "\e244";
}
.ph-fill.ph-flag-banner:before {
content: "\e622";
}
.ph-fill.ph-flag-banner-fold:before {
content: "\ecf2";
}
.ph-fill.ph-flag-checkered:before {
content: "\ea38";
}
.ph-fill.ph-flag-pennant:before {
content: "\ecf0";
}
.ph-fill.ph-flame:before {
content: "\e624";
}
.ph-fill.ph-flashlight:before {
content: "\e246";
}
.ph-fill.ph-flask:before {
content: "\e79e";
}
.ph-fill.ph-flip-horizontal:before {
content: "\ed6a";
}
.ph-fill.ph-flip-vertical:before {
content: "\ed6c";
}
.ph-fill.ph-floppy-disk:before {
content: "\e248";
}
.ph-fill.ph-floppy-disk-back:before {
content: "\eaf4";
}
.ph-fill.ph-flow-arrow:before {
content: "\e6ec";
}
.ph-fill.ph-flower:before {
content: "\e75e";
}
.ph-fill.ph-flower-lotus:before {
content: "\e6cc";
}
.ph-fill.ph-flower-tulip:before {
content: "\eacc";
}
.ph-fill.ph-flying-saucer:before {
content: "\eb4a";
}
.ph-fill.ph-folder:before {
content: "\e24a";
}
.ph-fill.ph-folder-notch:before {
content: "\e24a";
}
.ph-fill.ph-folder-dashed:before {
content: "\e8f8";
}
.ph-fill.ph-folder-dotted:before {
content: "\e8f8";
}
.ph-fill.ph-folder-lock:before {
content: "\ea3c";
}
.ph-fill.ph-folder-minus:before {
content: "\e254";
}
.ph-fill.ph-folder-notch-minus:before {
content: "\e254";
}
.ph-fill.ph-folder-open:before {
content: "\e256";
}
.ph-fill.ph-folder-notch-open:before {
content: "\e256";
}
.ph-fill.ph-folder-plus:before {
content: "\e258";
}
.ph-fill.ph-folder-notch-plus:before {
content: "\e258";
}
.ph-fill.ph-folder-simple:before {
content: "\e25a";
}
.ph-fill.ph-folder-simple-dashed:before {
content: "\ec2a";
}
.ph-fill.ph-folder-simple-dotted:before {
content: "\ec2a";
}
.ph-fill.ph-folder-simple-lock:before {
content: "\eb5e";
}
.ph-fill.ph-folder-simple-minus:before {
content: "\e25c";
}
.ph-fill.ph-folder-simple-plus:before {
content: "\e25e";
}
.ph-fill.ph-folder-simple-star:before {
content: "\ec2e";
}
.ph-fill.ph-folder-simple-user:before {
content: "\eb60";
}
.ph-fill.ph-folder-star:before {
content: "\ea86";
}
.ph-fill.ph-folder-user:before {
content: "\eb46";
}
.ph-fill.ph-folders:before {
content: "\e260";
}
.ph-fill.ph-football:before {
content: "\e718";
}
.ph-fill.ph-football-helmet:before {
content: "\ee4c";
}
.ph-fill.ph-footprints:before {
content: "\ea88";
}
.ph-fill.ph-fork-knife:before {
content: "\e262";
}
.ph-fill.ph-four-k:before {
content: "\ea5c";
}
.ph-fill.ph-frame-corners:before {
content: "\e626";
}
.ph-fill.ph-framer-logo:before {
content: "\e264";
}
.ph-fill.ph-function:before {
content: "\ebe4";
}
.ph-fill.ph-funnel:before {
content: "\e266";
}
.ph-fill.ph-funnel-simple:before {
content: "\e268";
}
.ph-fill.ph-funnel-simple-x:before {
content: "\e26a";
}
.ph-fill.ph-funnel-x:before {
content: "\e26c";
}
.ph-fill.ph-game-controller:before {
content: "\e26e";
}
.ph-fill.ph-garage:before {
content: "\ecd6";
}
.ph-fill.ph-gas-can:before {
content: "\e8ce";
}
.ph-fill.ph-gas-pump:before {
content: "\e768";
}
.ph-fill.ph-gauge:before {
content: "\e628";
}
.ph-fill.ph-gavel:before {
content: "\ea32";
}
.ph-fill.ph-gear:before {
content: "\e270";
}
.ph-fill.ph-gear-fine:before {
content: "\e87c";
}
.ph-fill.ph-gear-six:before {
content: "\e272";
}
.ph-fill.ph-gender-female:before {
content: "\e6e0";
}
.ph-fill.ph-gender-intersex:before {
content: "\e6e6";
}
.ph-fill.ph-gender-male:before {
content: "\e6e2";
}
.ph-fill.ph-gender-neuter:before {
content: "\e6ea";
}
.ph-fill.ph-gender-nonbinary:before {
content: "\e6e4";
}
.ph-fill.ph-gender-transgender:before {
content: "\e6e8";
}
.ph-fill.ph-ghost:before {
content: "\e62a";
}
.ph-fill.ph-gif:before {
content: "\e274";
}
.ph-fill.ph-gift:before {
content: "\e276";
}
.ph-fill.ph-git-branch:before {
content: "\e278";
}
.ph-fill.ph-git-commit:before {
content: "\e27a";
}
.ph-fill.ph-git-diff:before {
content: "\e27c";
}
.ph-fill.ph-git-fork:before {
content: "\e27e";
}
.ph-fill.ph-git-merge:before {
content: "\e280";
}
.ph-fill.ph-git-pull-request:before {
content: "\e282";
}
.ph-fill.ph-github-logo:before {
content: "\e576";
}
.ph-fill.ph-gitlab-logo:before {
content: "\e694";
}
.ph-fill.ph-gitlab-logo-simple:before {
content: "\e696";
}
.ph-fill.ph-globe:before {
content: "\e288";
}
.ph-fill.ph-globe-hemisphere-east:before {
content: "\e28a";
}
.ph-fill.ph-globe-hemisphere-west:before {
content: "\e28c";
}
.ph-fill.ph-globe-simple:before {
content: "\e28e";
}
.ph-fill.ph-globe-simple-x:before {
content: "\e284";
}
.ph-fill.ph-globe-stand:before {
content: "\e290";
}
.ph-fill.ph-globe-x:before {
content: "\e286";
}
.ph-fill.ph-goggles:before {
content: "\ecb4";
}
.ph-fill.ph-golf:before {
content: "\ea3e";
}
.ph-fill.ph-goodreads-logo:before {
content: "\ed10";
}
.ph-fill.ph-google-cardboard-logo:before {
content: "\e7b6";
}
.ph-fill.ph-google-chrome-logo:before {
content: "\e976";
}
.ph-fill.ph-google-drive-logo:before {
content: "\e8f6";
}
.ph-fill.ph-google-logo:before {
content: "\e292";
}
.ph-fill.ph-google-photos-logo:before {
content: "\eb92";
}
.ph-fill.ph-google-play-logo:before {
content: "\e294";
}
.ph-fill.ph-google-podcasts-logo:before {
content: "\eb94";
}
.ph-fill.ph-gps:before {
content: "\edd8";
}
.ph-fill.ph-gps-fix:before {
content: "\edd6";
}
.ph-fill.ph-gps-slash:before {
content: "\edd4";
}
.ph-fill.ph-gradient:before {
content: "\eb42";
}
.ph-fill.ph-graduation-cap:before {
content: "\e62c";
}
.ph-fill.ph-grains:before {
content: "\ec68";
}
.ph-fill.ph-grains-slash:before {
content: "\ec6a";
}
.ph-fill.ph-graph:before {
content: "\eb58";
}
.ph-fill.ph-graphics-card:before {
content: "\e612";
}
.ph-fill.ph-greater-than:before {
content: "\edc4";
}
.ph-fill.ph-greater-than-or-equal:before {
content: "\eda2";
}
.ph-fill.ph-grid-four:before {
content: "\e296";
}
.ph-fill.ph-grid-nine:before {
content: "\ec8c";
}
.ph-fill.ph-guitar:before {
content: "\ea8a";
}
.ph-fill.ph-hair-dryer:before {
content: "\ea66";
}
.ph-fill.ph-hamburger:before {
content: "\e790";
}
.ph-fill.ph-hammer:before {
content: "\e80e";
}
.ph-fill.ph-hand:before {
content: "\e298";
}
.ph-fill.ph-hand-arrow-down:before {
content: "\ea4e";
}
.ph-fill.ph-hand-arrow-up:before {
content: "\ee5a";
}
.ph-fill.ph-hand-coins:before {
content: "\ea8c";
}
.ph-fill.ph-hand-deposit:before {
content: "\ee82";
}
.ph-fill.ph-hand-eye:before {
content: "\ea4c";
}
.ph-fill.ph-hand-fist:before {
content: "\e57a";
}
.ph-fill.ph-hand-grabbing:before {
content: "\e57c";
}
.ph-fill.ph-hand-heart:before {
content: "\e810";
}
.ph-fill.ph-hand-palm:before {
content: "\e57e";
}
.ph-fill.ph-hand-peace:before {
content: "\e7cc";
}
.ph-fill.ph-hand-pointing:before {
content: "\e29a";
}
.ph-fill.ph-hand-soap:before {
content: "\e630";
}
.ph-fill.ph-hand-swipe-left:before {
content: "\ec94";
}
.ph-fill.ph-hand-swipe-right:before {
content: "\ec92";
}
.ph-fill.ph-hand-tap:before {
content: "\ec90";
}
.ph-fill.ph-hand-waving:before {
content: "\e580";
}
.ph-fill.ph-hand-withdraw:before {
content: "\ee80";
}
.ph-fill.ph-handbag:before {
content: "\e29c";
}
.ph-fill.ph-handbag-simple:before {
content: "\e62e";
}
.ph-fill.ph-hands-clapping:before {
content: "\e6a0";
}
.ph-fill.ph-hands-praying:before {
content: "\ecc8";
}
.ph-fill.ph-handshake:before {
content: "\e582";
}
.ph-fill.ph-hard-drive:before {
content: "\e29e";
}
.ph-fill.ph-hard-drives:before {
content: "\e2a0";
}
.ph-fill.ph-hard-hat:before {
content: "\ed46";
}
.ph-fill.ph-hash:before {
content: "\e2a2";
}
.ph-fill.ph-hash-straight:before {
content: "\e2a4";
}
.ph-fill.ph-head-circuit:before {
content: "\e7d4";
}
.ph-fill.ph-headlights:before {
content: "\e6fe";
}
.ph-fill.ph-headphones:before {
content: "\e2a6";
}
.ph-fill.ph-headset:before {
content: "\e584";
}
.ph-fill.ph-heart:before {
content: "\e2a8";
}
.ph-fill.ph-heart-break:before {
content: "\ebe8";
}
.ph-fill.ph-heart-half:before {
content: "\ec48";
}
.ph-fill.ph-heart-straight:before {
content: "\e2aa";
}
.ph-fill.ph-heart-straight-break:before {
content: "\eb98";
}
.ph-fill.ph-heartbeat:before {
content: "\e2ac";
}
.ph-fill.ph-hexagon:before {
content: "\e2ae";
}
.ph-fill.ph-high-definition:before {
content: "\ea8e";
}
.ph-fill.ph-high-heel:before {
content: "\e8e8";
}
.ph-fill.ph-highlighter:before {
content: "\ec76";
}
.ph-fill.ph-highlighter-circle:before {
content: "\e632";
}
.ph-fill.ph-hockey:before {
content: "\ec86";
}
.ph-fill.ph-hoodie:before {
content: "\ecd0";
}
.ph-fill.ph-horse:before {
content: "\e2b0";
}
.ph-fill.ph-hospital:before {
content: "\e844";
}
.ph-fill.ph-hourglass:before {
content: "\e2b2";
}
.ph-fill.ph-hourglass-high:before {
content: "\e2b4";
}
.ph-fill.ph-hourglass-low:before {
content: "\e2b6";
}
.ph-fill.ph-hourglass-medium:before {
content: "\e2b8";
}
.ph-fill.ph-hourglass-simple:before {
content: "\e2ba";
}
.ph-fill.ph-hourglass-simple-high:before {
content: "\e2bc";
}
.ph-fill.ph-hourglass-simple-low:before {
content: "\e2be";
}
.ph-fill.ph-hourglass-simple-medium:before {
content: "\e2c0";
}
.ph-fill.ph-house:before {
content: "\e2c2";
}
.ph-fill.ph-house-line:before {
content: "\e2c4";
}
.ph-fill.ph-house-simple:before {
content: "\e2c6";
}
.ph-fill.ph-hurricane:before {
content: "\e88e";
}
.ph-fill.ph-ice-cream:before {
content: "\e804";
}
.ph-fill.ph-identification-badge:before {
content: "\e6f6";
}
.ph-fill.ph-identification-card:before {
content: "\e2c8";
}
.ph-fill.ph-image:before {
content: "\e2ca";
}
.ph-fill.ph-image-broken:before {
content: "\e7a8";
}
.ph-fill.ph-image-square:before {
content: "\e2cc";
}
.ph-fill.ph-images:before {
content: "\e836";
}
.ph-fill.ph-images-square:before {
content: "\e834";
}
.ph-fill.ph-infinity:before {
content: "\e634";
}
.ph-fill.ph-lemniscate:before {
content: "\e634";
}
.ph-fill.ph-info:before {
content: "\e2ce";
}
.ph-fill.ph-instagram-logo:before {
content: "\e2d0";
}
.ph-fill.ph-intersect:before {
content: "\e2d2";
}
.ph-fill.ph-intersect-square:before {
content: "\e87a";
}
.ph-fill.ph-intersect-three:before {
content: "\ecc4";
}
.ph-fill.ph-intersection:before {
content: "\edba";
}
.ph-fill.ph-invoice:before {
content: "\ee42";
}
.ph-fill.ph-island:before {
content: "\ee06";
}
.ph-fill.ph-jar:before {
content: "\e7e0";
}
.ph-fill.ph-jar-label:before {
content: "\e7e1";
}
.ph-fill.ph-jeep:before {
content: "\e2d4";
}
.ph-fill.ph-joystick:before {
content: "\ea5e";
}
.ph-fill.ph-kanban:before {
content: "\eb54";
}
.ph-fill.ph-key:before {
content: "\e2d6";
}
.ph-fill.ph-key-return:before {
content: "\e782";
}
.ph-fill.ph-keyboard:before {
content: "\e2d8";
}
.ph-fill.ph-keyhole:before {
content: "\ea78";
}
.ph-fill.ph-knife:before {
content: "\e636";
}
.ph-fill.ph-ladder:before {
content: "\e9e4";
}
.ph-fill.ph-ladder-simple:before {
content: "\ec26";
}
.ph-fill.ph-lamp:before {
content: "\e638";
}
.ph-fill.ph-lamp-pendant:before {
content: "\ee2e";
}
.ph-fill.ph-laptop:before {
content: "\e586";
}
.ph-fill.ph-lasso:before {
content: "\edc6";
}
.ph-fill.ph-lastfm-logo:before {
content: "\e842";
}
.ph-fill.ph-layout:before {
content: "\e6d6";
}
.ph-fill.ph-leaf:before {
content: "\e2da";
}
.ph-fill.ph-lectern:before {
content: "\e95a";
}
.ph-fill.ph-lego:before {
content: "\e8c6";
}
.ph-fill.ph-lego-smiley:before {
content: "\e8c7";
}
.ph-fill.ph-less-than:before {
content: "\edac";
}
.ph-fill.ph-less-than-or-equal:before {
content: "\eda4";
}
.ph-fill.ph-letter-circle-h:before {
content: "\ebf8";
}
.ph-fill.ph-letter-circle-p:before {
content: "\ec08";
}
.ph-fill.ph-letter-circle-v:before {
content: "\ec14";
}
.ph-fill.ph-lifebuoy:before {
content: "\e63a";
}
.ph-fill.ph-lightbulb:before {
content: "\e2dc";
}
.ph-fill.ph-lightbulb-filament:before {
content: "\e63c";
}
.ph-fill.ph-lighthouse:before {
content: "\e9f6";
}
.ph-fill.ph-lightning:before {
content: "\e2de";
}
.ph-fill.ph-lightning-a:before {
content: "\ea84";
}
.ph-fill.ph-lightning-slash:before {
content: "\e2e0";
}
.ph-fill.ph-line-segment:before {
content: "\e6d2";
}
.ph-fill.ph-line-segments:before {
content: "\e6d4";
}
.ph-fill.ph-line-vertical:before {
content: "\ed70";
}
.ph-fill.ph-link:before {
content: "\e2e2";
}
.ph-fill.ph-link-break:before {
content: "\e2e4";
}
.ph-fill.ph-link-simple:before {
content: "\e2e6";
}
.ph-fill.ph-link-simple-break:before {
content: "\e2e8";
}
.ph-fill.ph-link-simple-horizontal:before {
content: "\e2ea";
}
.ph-fill.ph-link-simple-horizontal-break:before {
content: "\e2ec";
}
.ph-fill.ph-linkedin-logo:before {
content: "\e2ee";
}
.ph-fill.ph-linktree-logo:before {
content: "\edee";
}
.ph-fill.ph-linux-logo:before {
content: "\eb02";
}
.ph-fill.ph-list:before {
content: "\e2f0";
}
.ph-fill.ph-list-bullets:before {
content: "\e2f2";
}
.ph-fill.ph-list-checks:before {
content: "\eadc";
}
.ph-fill.ph-list-dashes:before {
content: "\e2f4";
}
.ph-fill.ph-list-heart:before {
content: "\ebde";
}
.ph-fill.ph-list-magnifying-glass:before {
content: "\ebe0";
}
.ph-fill.ph-list-numbers:before {
content: "\e2f6";
}
.ph-fill.ph-list-plus:before {
content: "\e2f8";
}
.ph-fill.ph-list-star:before {
content: "\ebdc";
}
.ph-fill.ph-lock:before {
content: "\e2fa";
}
.ph-fill.ph-lock-key:before {
content: "\e2fe";
}
.ph-fill.ph-lock-key-open:before {
content: "\e300";
}
.ph-fill.ph-lock-laminated:before {
content: "\e302";
}
.ph-fill.ph-lock-laminated-open:before {
content: "\e304";
}
.ph-fill.ph-lock-open:before {
content: "\e306";
}
.ph-fill.ph-lock-simple:before {
content: "\e308";
}
.ph-fill.ph-lock-simple-open:before {
content: "\e30a";
}
.ph-fill.ph-lockers:before {
content: "\ecb8";
}
.ph-fill.ph-log:before {
content: "\ed82";
}
.ph-fill.ph-magic-wand:before {
content: "\e6b6";
}
.ph-fill.ph-magnet:before {
content: "\e680";
}
.ph-fill.ph-magnet-straight:before {
content: "\e682";
}
.ph-fill.ph-magnifying-glass:before {
content: "\e30c";
}
.ph-fill.ph-magnifying-glass-minus:before {
content: "\e30e";
}
.ph-fill.ph-magnifying-glass-plus:before {
content: "\e310";
}
.ph-fill.ph-mailbox:before {
content: "\ec1e";
}
.ph-fill.ph-map-pin:before {
content: "\e316";
}
.ph-fill.ph-map-pin-area:before {
content: "\ee3a";
}
.ph-fill.ph-map-pin-line:before {
content: "\e318";
}
.ph-fill.ph-map-pin-plus:before {
content: "\e314";
}
.ph-fill.ph-map-pin-simple:before {
content: "\ee3e";
}
.ph-fill.ph-map-pin-simple-area:before {
content: "\ee3c";
}
.ph-fill.ph-map-pin-simple-line:before {
content: "\ee38";
}
.ph-fill.ph-map-trifold:before {
content: "\e31a";
}
.ph-fill.ph-markdown-logo:before {
content: "\e508";
}
.ph-fill.ph-marker-circle:before {
content: "\e640";
}
.ph-fill.ph-martini:before {
content: "\e31c";
}
.ph-fill.ph-mask-happy:before {
content: "\e9f4";
}
.ph-fill.ph-mask-sad:before {
content: "\eb9e";
}
.ph-fill.ph-mastodon-logo:before {
content: "\ed68";
}
.ph-fill.ph-math-operations:before {
content: "\e31e";
}
.ph-fill.ph-matrix-logo:before {
content: "\ed64";
}
.ph-fill.ph-medal:before {
content: "\e320";
}
.ph-fill.ph-medal-military:before {
content: "\ecfc";
}
.ph-fill.ph-medium-logo:before {
content: "\e322";
}
.ph-fill.ph-megaphone:before {
content: "\e324";
}
.ph-fill.ph-megaphone-simple:before {
content: "\e642";
}
.ph-fill.ph-member-of:before {
content: "\edc2";
}
.ph-fill.ph-memory:before {
content: "\e9c4";
}
.ph-fill.ph-messenger-logo:before {
content: "\e6d8";
}
.ph-fill.ph-meta-logo:before {
content: "\ed02";
}
.ph-fill.ph-meteor:before {
content: "\e9ba";
}
.ph-fill.ph-metronome:before {
content: "\ec8e";
}
.ph-fill.ph-microphone:before {
content: "\e326";
}
.ph-fill.ph-microphone-slash:before {
content: "\e328";
}
.ph-fill.ph-microphone-stage:before {
content: "\e75c";
}
.ph-fill.ph-microscope:before {
content: "\ec7a";
}
.ph-fill.ph-microsoft-excel-logo:before {
content: "\eb6c";
}
.ph-fill.ph-microsoft-outlook-logo:before {
content: "\eb70";
}
.ph-fill.ph-microsoft-powerpoint-logo:before {
content: "\eace";
}
.ph-fill.ph-microsoft-teams-logo:before {
content: "\eb66";
}
.ph-fill.ph-microsoft-word-logo:before {
content: "\eb6a";
}
.ph-fill.ph-minus:before {
content: "\e32a";
}
.ph-fill.ph-minus-circle:before {
content: "\e32c";
}
.ph-fill.ph-minus-square:before {
content: "\ed4c";
}
.ph-fill.ph-money:before {
content: "\e588";
}
.ph-fill.ph-money-wavy:before {
content: "\ee68";
}
.ph-fill.ph-monitor:before {
content: "\e32e";
}
.ph-fill.ph-monitor-arrow-up:before {
content: "\e58a";
}
.ph-fill.ph-monitor-play:before {
content: "\e58c";
}
.ph-fill.ph-moon:before {
content: "\e330";
}
.ph-fill.ph-moon-stars:before {
content: "\e58e";
}
.ph-fill.ph-moped:before {
content: "\e824";
}
.ph-fill.ph-moped-front:before {
content: "\e822";
}
.ph-fill.ph-mosque:before {
content: "\ecee";
}
.ph-fill.ph-motorcycle:before {
content: "\e80a";
}
.ph-fill.ph-mountains:before {
content: "\e7ae";
}
.ph-fill.ph-mouse:before {
content: "\e33a";
}
.ph-fill.ph-mouse-left-click:before {
content: "\e334";
}
.ph-fill.ph-mouse-middle-click:before {
content: "\e338";
}
.ph-fill.ph-mouse-right-click:before {
content: "\e336";
}
.ph-fill.ph-mouse-scroll:before {
content: "\e332";
}
.ph-fill.ph-mouse-simple:before {
content: "\e644";
}
.ph-fill.ph-music-note:before {
content: "\e33c";
}
.ph-fill.ph-music-note-simple:before {
content: "\e33e";
}
.ph-fill.ph-music-notes:before {
content: "\e340";
}
.ph-fill.ph-music-notes-minus:before {
content: "\ee0c";
}
.ph-fill.ph-music-notes-plus:before {
content: "\eb7c";
}
.ph-fill.ph-music-notes-simple:before {
content: "\e342";
}
.ph-fill.ph-navigation-arrow:before {
content: "\eade";
}
.ph-fill.ph-needle:before {
content: "\e82e";
}
.ph-fill.ph-network:before {
content: "\edde";
}
.ph-fill.ph-network-slash:before {
content: "\eddc";
}
.ph-fill.ph-network-x:before {
content: "\edda";
}
.ph-fill.ph-newspaper:before {
content: "\e344";
}
.ph-fill.ph-newspaper-clipping:before {
content: "\e346";
}
.ph-fill.ph-not-equals:before {
content: "\eda6";
}
.ph-fill.ph-not-member-of:before {
content: "\edae";
}
.ph-fill.ph-not-subset-of:before {
content: "\edb0";
}
.ph-fill.ph-not-superset-of:before {
content: "\edb2";
}
.ph-fill.ph-notches:before {
content: "\ed3a";
}
.ph-fill.ph-note:before {
content: "\e348";
}
.ph-fill.ph-note-blank:before {
content: "\e34a";
}
.ph-fill.ph-note-pencil:before {
content: "\e34c";
}
.ph-fill.ph-notebook:before {
content: "\e34e";
}
.ph-fill.ph-notepad:before {
content: "\e63e";
}
.ph-fill.ph-notification:before {
content: "\e6fa";
}
.ph-fill.ph-notion-logo:before {
content: "\e9a0";
}
.ph-fill.ph-nuclear-plant:before {
content: "\ed7c";
}
.ph-fill.ph-number-circle-eight:before {
content: "\e352";
}
.ph-fill.ph-number-circle-five:before {
content: "\e358";
}
.ph-fill.ph-number-circle-four:before {
content: "\e35e";
}
.ph-fill.ph-number-circle-nine:before {
content: "\e364";
}
.ph-fill.ph-number-circle-one:before {
content: "\e36a";
}
.ph-fill.ph-number-circle-seven:before {
content: "\e370";
}
.ph-fill.ph-number-circle-six:before {
content: "\e376";
}
.ph-fill.ph-number-circle-three:before {
content: "\e37c";
}
.ph-fill.ph-number-circle-two:before {
content: "\e382";
}
.ph-fill.ph-number-circle-zero:before {
content: "\e388";
}
.ph-fill.ph-number-eight:before {
content: "\e350";
}
.ph-fill.ph-number-five:before {
content: "\e356";
}
.ph-fill.ph-number-four:before {
content: "\e35c";
}
.ph-fill.ph-number-nine:before {
content: "\e362";
}
.ph-fill.ph-number-one:before {
content: "\e368";
}
.ph-fill.ph-number-seven:before {
content: "\e36e";
}
.ph-fill.ph-number-six:before {
content: "\e374";
}
.ph-fill.ph-number-square-eight:before {
content: "\e354";
}
.ph-fill.ph-number-square-five:before {
content: "\e35a";
}
.ph-fill.ph-number-square-four:before {
content: "\e360";
}
.ph-fill.ph-number-square-nine:before {
content: "\e366";
}
.ph-fill.ph-number-square-one:before {
content: "\e36c";
}
.ph-fill.ph-number-square-seven:before {
content: "\e372";
}
.ph-fill.ph-number-square-six:before {
content: "\e378";
}
.ph-fill.ph-number-square-three:before {
content: "\e37e";
}
.ph-fill.ph-number-square-two:before {
content: "\e384";
}
.ph-fill.ph-number-square-zero:before {
content: "\e38a";
}
.ph-fill.ph-number-three:before {
content: "\e37a";
}
.ph-fill.ph-number-two:before {
content: "\e380";
}
.ph-fill.ph-number-zero:before {
content: "\e386";
}
.ph-fill.ph-numpad:before {
content: "\e3c8";
}
.ph-fill.ph-nut:before {
content: "\e38c";
}
.ph-fill.ph-ny-times-logo:before {
content: "\e646";
}
.ph-fill.ph-octagon:before {
content: "\e38e";
}
.ph-fill.ph-office-chair:before {
content: "\ea46";
}
.ph-fill.ph-onigiri:before {
content: "\ee2c";
}
.ph-fill.ph-open-ai-logo:before {
content: "\e7d2";
}
.ph-fill.ph-option:before {
content: "\e8a8";
}
.ph-fill.ph-orange:before {
content: "\ee40";
}
.ph-fill.ph-orange-slice:before {
content: "\ed36";
}
.ph-fill.ph-oven:before {
content: "\ed8c";
}
.ph-fill.ph-package:before {
content: "\e390";
}
.ph-fill.ph-paint-brush:before {
content: "\e6f0";
}
.ph-fill.ph-paint-brush-broad:before {
content: "\e590";
}
.ph-fill.ph-paint-brush-household:before {
content: "\e6f2";
}
.ph-fill.ph-paint-bucket:before {
content: "\e392";
}
.ph-fill.ph-paint-roller:before {
content: "\e6f4";
}
.ph-fill.ph-palette:before {
content: "\e6c8";
}
.ph-fill.ph-panorama:before {
content: "\eaa2";
}
.ph-fill.ph-pants:before {
content: "\ec88";
}
.ph-fill.ph-paper-plane:before {
content: "\e394";
}
.ph-fill.ph-paper-plane-right:before {
content: "\e396";
}
.ph-fill.ph-paper-plane-tilt:before {
content: "\e398";
}
.ph-fill.ph-paperclip:before {
content: "\e39a";
}
.ph-fill.ph-paperclip-horizontal:before {
content: "\e592";
}
.ph-fill.ph-parachute:before {
content: "\ea7c";
}
.ph-fill.ph-paragraph:before {
content: "\e960";
}
.ph-fill.ph-parallelogram:before {
content: "\ecc6";
}
.ph-fill.ph-park:before {
content: "\ecb2";
}
.ph-fill.ph-password:before {
content: "\e752";
}
.ph-fill.ph-path:before {
content: "\e39c";
}
.ph-fill.ph-patreon-logo:before {
content: "\e98a";
}
.ph-fill.ph-pause:before {
content: "\e39e";
}
.ph-fill.ph-pause-circle:before {
content: "\e3a0";
}
.ph-fill.ph-paw-print:before {
content: "\e648";
}
.ph-fill.ph-paypal-logo:before {
content: "\e98c";
}
.ph-fill.ph-peace:before {
content: "\e3a2";
}
.ph-fill.ph-pen:before {
content: "\e3aa";
}
.ph-fill.ph-pen-nib:before {
content: "\e3ac";
}
.ph-fill.ph-pen-nib-straight:before {
content: "\e64a";
}
.ph-fill.ph-pencil:before {
content: "\e3ae";
}
.ph-fill.ph-pencil-circle:before {
content: "\e3b0";
}
.ph-fill.ph-pencil-line:before {
content: "\e3b2";
}
.ph-fill.ph-pencil-ruler:before {
content: "\e906";
}
.ph-fill.ph-pencil-simple:before {
content: "\e3b4";
}
.ph-fill.ph-pencil-simple-line:before {
content: "\ebc6";
}
.ph-fill.ph-pencil-simple-slash:before {
content: "\ecf6";
}
.ph-fill.ph-pencil-slash:before {
content: "\ecf8";
}
.ph-fill.ph-pentagon:before {
content: "\ec7e";
}
.ph-fill.ph-pentagram:before {
content: "\ec5c";
}
.ph-fill.ph-pepper:before {
content: "\e94a";
}
.ph-fill.ph-percent:before {
content: "\e3b6";
}
.ph-fill.ph-person:before {
content: "\e3a8";
}
.ph-fill.ph-person-arms-spread:before {
content: "\ecfe";
}
.ph-fill.ph-person-simple:before {
content: "\e72e";
}
.ph-fill.ph-person-simple-bike:before {
content: "\e734";
}
.ph-fill.ph-person-simple-circle:before {
content: "\ee58";
}
.ph-fill.ph-person-simple-hike:before {
content: "\ed54";
}
.ph-fill.ph-person-simple-run:before {
content: "\e730";
}
.ph-fill.ph-person-simple-ski:before {
content: "\e71c";
}
.ph-fill.ph-person-simple-snowboard:before {
content: "\e71e";
}
.ph-fill.ph-person-simple-swim:before {
content: "\e736";
}
.ph-fill.ph-person-simple-tai-chi:before {
content: "\ed5c";
}
.ph-fill.ph-person-simple-throw:before {
content: "\e732";
}
.ph-fill.ph-person-simple-walk:before {
content: "\e73a";
}
.ph-fill.ph-perspective:before {
content: "\ebe6";
}
.ph-fill.ph-phone:before {
content: "\e3b8";
}
.ph-fill.ph-phone-call:before {
content: "\e3ba";
}
.ph-fill.ph-phone-disconnect:before {
content: "\e3bc";
}
.ph-fill.ph-phone-incoming:before {
content: "\e3be";
}
.ph-fill.ph-phone-list:before {
content: "\e3cc";
}
.ph-fill.ph-phone-outgoing:before {
content: "\e3c0";
}
.ph-fill.ph-phone-pause:before {
content: "\e3ca";
}
.ph-fill.ph-phone-plus:before {
content: "\ec56";
}
.ph-fill.ph-phone-slash:before {
content: "\e3c2";
}
.ph-fill.ph-phone-transfer:before {
content: "\e3c6";
}
.ph-fill.ph-phone-x:before {
content: "\e3c4";
}
.ph-fill.ph-phosphor-logo:before {
content: "\e3ce";
}
.ph-fill.ph-pi:before {
content: "\ec80";
}
.ph-fill.ph-piano-keys:before {
content: "\e9c8";
}
.ph-fill.ph-picnic-table:before {
content: "\ee26";
}
.ph-fill.ph-picture-in-picture:before {
content: "\e64c";
}
.ph-fill.ph-piggy-bank:before {
content: "\ea04";
}
.ph-fill.ph-pill:before {
content: "\e700";
}
.ph-fill.ph-ping-pong:before {
content: "\ea42";
}
.ph-fill.ph-pint-glass:before {
content: "\edd0";
}
.ph-fill.ph-pinterest-logo:before {
content: "\e64e";
}
.ph-fill.ph-pinwheel:before {
content: "\eb9c";
}
.ph-fill.ph-pipe:before {
content: "\ed86";
}
.ph-fill.ph-pipe-wrench:before {
content: "\ed88";
}
.ph-fill.ph-pix-logo:before {
content: "\ecc2";
}
.ph-fill.ph-pizza:before {
content: "\e796";
}
.ph-fill.ph-placeholder:before {
content: "\e650";
}
.ph-fill.ph-planet:before {
content: "\e652";
}
.ph-fill.ph-plant:before {
content: "\ebae";
}
.ph-fill.ph-play:before {
content: "\e3d0";
}
.ph-fill.ph-play-circle:before {
content: "\e3d2";
}
.ph-fill.ph-play-pause:before {
content: "\e8be";
}
.ph-fill.ph-playlist:before {
content: "\e6aa";
}
.ph-fill.ph-plug:before {
content: "\e946";
}
.ph-fill.ph-plug-charging:before {
content: "\eb5c";
}
.ph-fill.ph-plugs:before {
content: "\eb56";
}
.ph-fill.ph-plugs-connected:before {
content: "\eb5a";
}
.ph-fill.ph-plus:before {
content: "\e3d4";
}
.ph-fill.ph-plus-circle:before {
content: "\e3d6";
}
.ph-fill.ph-plus-minus:before {
content: "\e3d8";
}
.ph-fill.ph-plus-square:before {
content: "\ed4a";
}
.ph-fill.ph-poker-chip:before {
content: "\e594";
}
.ph-fill.ph-police-car:before {
content: "\ec4a";
}
.ph-fill.ph-polygon:before {
content: "\e6d0";
}
.ph-fill.ph-popcorn:before {
content: "\eb4e";
}
.ph-fill.ph-popsicle:before {
content: "\ebbe";
}
.ph-fill.ph-potted-plant:before {
content: "\ec22";
}
.ph-fill.ph-power:before {
content: "\e3da";
}
.ph-fill.ph-prescription:before {
content: "\e7a2";
}
.ph-fill.ph-presentation:before {
content: "\e654";
}
.ph-fill.ph-presentation-chart:before {
content: "\e656";
}
.ph-fill.ph-printer:before {
content: "\e3dc";
}
.ph-fill.ph-prohibit:before {
content: "\e3de";
}
.ph-fill.ph-prohibit-inset:before {
content: "\e3e0";
}
.ph-fill.ph-projector-screen:before {
content: "\e658";
}
.ph-fill.ph-projector-screen-chart:before {
content: "\e65a";
}
.ph-fill.ph-pulse:before {
content: "\e000";
}
.ph-fill.ph-activity:before {
content: "\e000";
}
.ph-fill.ph-push-pin:before {
content: "\e3e2";
}
.ph-fill.ph-push-pin-simple:before {
content: "\e65c";
}
.ph-fill.ph-push-pin-simple-slash:before {
content: "\e65e";
}
.ph-fill.ph-push-pin-slash:before {
content: "\e3e4";
}
.ph-fill.ph-puzzle-piece:before {
content: "\e596";
}
.ph-fill.ph-qr-code:before {
content: "\e3e6";
}
.ph-fill.ph-question:before {
content: "\e3e8";
}
.ph-fill.ph-question-mark:before {
content: "\e3e9";
}
.ph-fill.ph-queue:before {
content: "\e6ac";
}
.ph-fill.ph-quotes:before {
content: "\e660";
}
.ph-fill.ph-rabbit:before {
content: "\eac2";
}
.ph-fill.ph-racquet:before {
content: "\ee02";
}
.ph-fill.ph-radical:before {
content: "\e3ea";
}
.ph-fill.ph-radio:before {
content: "\e77e";
}
.ph-fill.ph-radio-button:before {
content: "\eb08";
}
.ph-fill.ph-radioactive:before {
content: "\e9dc";
}
.ph-fill.ph-rainbow:before {
content: "\e598";
}
.ph-fill.ph-rainbow-cloud:before {
content: "\e59a";
}
.ph-fill.ph-ranking:before {
content: "\ed62";
}
.ph-fill.ph-read-cv-logo:before {
content: "\ed0c";
}
.ph-fill.ph-receipt:before {
content: "\e3ec";
}
.ph-fill.ph-receipt-x:before {
content: "\ed40";
}
.ph-fill.ph-record:before {
content: "\e3ee";
}
.ph-fill.ph-rectangle:before {
content: "\e3f0";
}
.ph-fill.ph-rectangle-dashed:before {
content: "\e3f2";
}
.ph-fill.ph-recycle:before {
content: "\e75a";
}
.ph-fill.ph-reddit-logo:before {
content: "\e59c";
}
.ph-fill.ph-repeat:before {
content: "\e3f6";
}
.ph-fill.ph-repeat-once:before {
content: "\e3f8";
}
.ph-fill.ph-replit-logo:before {
content: "\eb8a";
}
.ph-fill.ph-resize:before {
content: "\ed6e";
}
.ph-fill.ph-rewind:before {
content: "\e6a8";
}
.ph-fill.ph-rewind-circle:before {
content: "\e3fa";
}
.ph-fill.ph-road-horizon:before {
content: "\e838";
}
.ph-fill.ph-robot:before {
content: "\e762";
}
.ph-fill.ph-rocket:before {
content: "\e3fc";
}
.ph-fill.ph-rocket-launch:before {
content: "\e3fe";
}
.ph-fill.ph-rows:before {
content: "\e5a2";
}
.ph-fill.ph-rows-plus-bottom:before {
content: "\e59e";
}
.ph-fill.ph-rows-plus-top:before {
content: "\e5a0";
}
.ph-fill.ph-rss:before {
content: "\e400";
}
.ph-fill.ph-rss-simple:before {
content: "\e402";
}
.ph-fill.ph-rug:before {
content: "\ea1a";
}
.ph-fill.ph-ruler:before {
content: "\e6b8";
}
.ph-fill.ph-sailboat:before {
content: "\e78a";
}
.ph-fill.ph-scales:before {
content: "\e750";
}
.ph-fill.ph-scan:before {
content: "\ebb6";
}
.ph-fill.ph-scan-smiley:before {
content: "\ebb4";
}
.ph-fill.ph-scissors:before {
content: "\eae0";
}
.ph-fill.ph-scooter:before {
content: "\e820";
}
.ph-fill.ph-screencast:before {
content: "\e404";
}
.ph-fill.ph-screwdriver:before {
content: "\e86e";
}
.ph-fill.ph-scribble:before {
content: "\e806";
}
.ph-fill.ph-scribble-loop:before {
content: "\e662";
}
.ph-fill.ph-scroll:before {
content: "\eb7a";
}
.ph-fill.ph-seal:before {
content: "\e604";
}
.ph-fill.ph-circle-wavy:before {
content: "\e604";
}
.ph-fill.ph-seal-check:before {
content: "\e606";
}
.ph-fill.ph-circle-wavy-check:before {
content: "\e606";
}
.ph-fill.ph-seal-percent:before {
content: "\e60a";
}
.ph-fill.ph-seal-question:before {
content: "\e608";
}
.ph-fill.ph-circle-wavy-question:before {
content: "\e608";
}
.ph-fill.ph-seal-warning:before {
content: "\e60c";
}
.ph-fill.ph-circle-wavy-warning:before {
content: "\e60c";
}
.ph-fill.ph-seat:before {
content: "\eb8e";
}
.ph-fill.ph-seatbelt:before {
content: "\edfe";
}
.ph-fill.ph-security-camera:before {
content: "\eca4";
}
.ph-fill.ph-selection:before {
content: "\e69a";
}
.ph-fill.ph-selection-all:before {
content: "\e746";
}
.ph-fill.ph-selection-background:before {
content: "\eaf8";
}
.ph-fill.ph-selection-foreground:before {
content: "\eaf6";
}
.ph-fill.ph-selection-inverse:before {
content: "\e744";
}
.ph-fill.ph-selection-plus:before {
content: "\e69c";
}
.ph-fill.ph-selection-slash:before {
content: "\e69e";
}
.ph-fill.ph-shapes:before {
content: "\ec5e";
}
.ph-fill.ph-share:before {
content: "\e406";
}
.ph-fill.ph-share-fat:before {
content: "\ed52";
}
.ph-fill.ph-share-network:before {
content: "\e408";
}
.ph-fill.ph-shield:before {
content: "\e40a";
}
.ph-fill.ph-shield-check:before {
content: "\e40c";
}
.ph-fill.ph-shield-checkered:before {
content: "\e708";
}
.ph-fill.ph-shield-chevron:before {
content: "\e40e";
}
.ph-fill.ph-shield-plus:before {
content: "\e706";
}
.ph-fill.ph-shield-slash:before {
content: "\e410";
}
.ph-fill.ph-shield-star:before {
content: "\ec34";
}
.ph-fill.ph-shield-warning:before {
content: "\e412";
}
.ph-fill.ph-shipping-container:before {
content: "\e78c";
}
.ph-fill.ph-shirt-folded:before {
content: "\ea92";
}
.ph-fill.ph-shooting-star:before {
content: "\ecfa";
}
.ph-fill.ph-shopping-bag:before {
content: "\e416";
}
.ph-fill.ph-shopping-bag-open:before {
content: "\e418";
}
.ph-fill.ph-shopping-cart:before {
content: "\e41e";
}
.ph-fill.ph-shopping-cart-simple:before {
content: "\e420";
}
.ph-fill.ph-shovel:before {
content: "\e9e6";
}
.ph-fill.ph-shower:before {
content: "\e776";
}
.ph-fill.ph-shrimp:before {
content: "\eab4";
}
.ph-fill.ph-shuffle:before {
content: "\e422";
}
.ph-fill.ph-shuffle-angular:before {
content: "\e424";
}
.ph-fill.ph-shuffle-simple:before {
content: "\e426";
}
.ph-fill.ph-sidebar:before {
content: "\eab6";
}
.ph-fill.ph-sidebar-simple:before {
content: "\ec24";
}
.ph-fill.ph-sigma:before {
content: "\eab8";
}
.ph-fill.ph-sign-in:before {
content: "\e428";
}
.ph-fill.ph-sign-out:before {
content: "\e42a";
}
.ph-fill.ph-signature:before {
content: "\ebac";
}
.ph-fill.ph-signpost:before {
content: "\e89c";
}
.ph-fill.ph-sim-card:before {
content: "\e664";
}
.ph-fill.ph-siren:before {
content: "\e9b8";
}
.ph-fill.ph-sketch-logo:before {
content: "\e42c";
}
.ph-fill.ph-skip-back:before {
content: "\e5a4";
}
.ph-fill.ph-skip-back-circle:before {
content: "\e42e";
}
.ph-fill.ph-skip-forward:before {
content: "\e5a6";
}
.ph-fill.ph-skip-forward-circle:before {
content: "\e430";
}
.ph-fill.ph-skull:before {
content: "\e916";
}
.ph-fill.ph-skype-logo:before {
content: "\e8dc";
}
.ph-fill.ph-slack-logo:before {
content: "\e5a8";
}
.ph-fill.ph-sliders:before {
content: "\e432";
}
.ph-fill.ph-sliders-horizontal:before {
content: "\e434";
}
.ph-fill.ph-slideshow:before {
content: "\ed32";
}
.ph-fill.ph-smiley:before {
content: "\e436";
}
.ph-fill.ph-smiley-angry:before {
content: "\ec62";
}
.ph-fill.ph-smiley-blank:before {
content: "\e438";
}
.ph-fill.ph-smiley-meh:before {
content: "\e43a";
}
.ph-fill.ph-smiley-melting:before {
content: "\ee56";
}
.ph-fill.ph-smiley-nervous:before {
content: "\e43c";
}
.ph-fill.ph-smiley-sad:before {
content: "\e43e";
}
.ph-fill.ph-smiley-sticker:before {
content: "\e440";
}
.ph-fill.ph-smiley-wink:before {
content: "\e666";
}
.ph-fill.ph-smiley-x-eyes:before {
content: "\e442";
}
.ph-fill.ph-snapchat-logo:before {
content: "\e668";
}
.ph-fill.ph-sneaker:before {
content: "\e80c";
}
.ph-fill.ph-sneaker-move:before {
content: "\ed60";
}
.ph-fill.ph-snowflake:before {
content: "\e5aa";
}
.ph-fill.ph-soccer-ball:before {
content: "\e716";
}
.ph-fill.ph-sock:before {
content: "\ecce";
}
.ph-fill.ph-solar-panel:before {
content: "\ed7a";
}
.ph-fill.ph-solar-roof:before {
content: "\ed7b";
}
.ph-fill.ph-sort-ascending:before {
content: "\e444";
}
.ph-fill.ph-sort-descending:before {
content: "\e446";
}
.ph-fill.ph-soundcloud-logo:before {
content: "\e8de";
}
.ph-fill.ph-spade:before {
content: "\e448";
}
.ph-fill.ph-sparkle:before {
content: "\e6a2";
}
.ph-fill.ph-speaker-hifi:before {
content: "\ea08";
}
.ph-fill.ph-speaker-high:before {
content: "\e44a";
}
.ph-fill.ph-speaker-low:before {
content: "\e44c";
}
.ph-fill.ph-speaker-none:before {
content: "\e44e";
}
.ph-fill.ph-speaker-simple-high:before {
content: "\e450";
}
.ph-fill.ph-speaker-simple-low:before {
content: "\e452";
}
.ph-fill.ph-speaker-simple-none:before {
content: "\e454";
}
.ph-fill.ph-speaker-simple-slash:before {
content: "\e456";
}
.ph-fill.ph-speaker-simple-x:before {
content: "\e458";
}
.ph-fill.ph-speaker-slash:before {
content: "\e45a";
}
.ph-fill.ph-speaker-x:before {
content: "\e45c";
}
.ph-fill.ph-speedometer:before {
content: "\ee74";
}
.ph-fill.ph-sphere:before {
content: "\ee66";
}
.ph-fill.ph-spinner:before {
content: "\e66a";
}
.ph-fill.ph-spinner-ball:before {
content: "\ee28";
}
.ph-fill.ph-spinner-gap:before {
content: "\e66c";
}
.ph-fill.ph-spiral:before {
content: "\e9fa";
}
.ph-fill.ph-split-horizontal:before {
content: "\e872";
}
.ph-fill.ph-split-vertical:before {
content: "\e876";
}
.ph-fill.ph-spotify-logo:before {
content: "\e66e";
}
.ph-fill.ph-spray-bottle:before {
content: "\e7e4";
}
.ph-fill.ph-square:before {
content: "\e45e";
}
.ph-fill.ph-square-half:before {
content: "\e462";
}
.ph-fill.ph-square-half-bottom:before {
content: "\eb16";
}
.ph-fill.ph-square-logo:before {
content: "\e690";
}
.ph-fill.ph-square-split-horizontal:before {
content: "\e870";
}
.ph-fill.ph-square-split-vertical:before {
content: "\e874";
}
.ph-fill.ph-squares-four:before {
content: "\e464";
}
.ph-fill.ph-stack:before {
content: "\e466";
}
.ph-fill.ph-stack-minus:before {
content: "\edf4";
}
.ph-fill.ph-stack-overflow-logo:before {
content: "\eb78";
}
.ph-fill.ph-stack-plus:before {
content: "\edf6";
}
.ph-fill.ph-stack-simple:before {
content: "\e468";
}
.ph-fill.ph-stairs:before {
content: "\e8ec";
}
.ph-fill.ph-stamp:before {
content: "\ea48";
}
.ph-fill.ph-standard-definition:before {
content: "\ea90";
}
.ph-fill.ph-star:before {
content: "\e46a";
}
.ph-fill.ph-star-and-crescent:before {
content: "\ecf4";
}
.ph-fill.ph-star-four:before {
content: "\e6a4";
}
.ph-fill.ph-star-half:before {
content: "\e70a";
}
.ph-fill.ph-star-of-david:before {
content: "\e89e";
}
.ph-fill.ph-steam-logo:before {
content: "\ead4";
}
.ph-fill.ph-steering-wheel:before {
content: "\e9ac";
}
.ph-fill.ph-steps:before {
content: "\ecbe";
}
.ph-fill.ph-stethoscope:before {
content: "\e7ea";
}
.ph-fill.ph-sticker:before {
content: "\e5ac";
}
.ph-fill.ph-stool:before {
content: "\ea44";
}
.ph-fill.ph-stop:before {
content: "\e46c";
}
.ph-fill.ph-stop-circle:before {
content: "\e46e";
}
.ph-fill.ph-storefront:before {
content: "\e470";
}
.ph-fill.ph-strategy:before {
content: "\ea3a";
}
.ph-fill.ph-stripe-logo:before {
content: "\e698";
}
.ph-fill.ph-student:before {
content: "\e73e";
}
.ph-fill.ph-subset-of:before {
content: "\edc0";
}
.ph-fill.ph-subset-proper-of:before {
content: "\edb6";
}
.ph-fill.ph-subtitles:before {
content: "\e1a8";
}
.ph-fill.ph-subtitles-slash:before {
content: "\e1a6";
}
.ph-fill.ph-subtract:before {
content: "\ebd6";
}
.ph-fill.ph-subtract-square:before {
content: "\ebd4";
}
.ph-fill.ph-subway:before {
content: "\e498";
}
.ph-fill.ph-suitcase:before {
content: "\e5ae";
}
.ph-fill.ph-suitcase-rolling:before {
content: "\e9b0";
}
.ph-fill.ph-suitcase-simple:before {
content: "\e5b0";
}
.ph-fill.ph-sun:before {
content: "\e472";
}
.ph-fill.ph-sun-dim:before {
content: "\e474";
}
.ph-fill.ph-sun-horizon:before {
content: "\e5b6";
}
.ph-fill.ph-sunglasses:before {
content: "\e816";
}
.ph-fill.ph-superset-of:before {
content: "\edb8";
}
.ph-fill.ph-superset-proper-of:before {
content: "\edb4";
}
.ph-fill.ph-swap:before {
content: "\e83c";
}
.ph-fill.ph-swatches:before {
content: "\e5b8";
}
.ph-fill.ph-swimming-pool:before {
content: "\ecb6";
}
.ph-fill.ph-sword:before {
content: "\e5ba";
}
.ph-fill.ph-synagogue:before {
content: "\ecec";
}
.ph-fill.ph-syringe:before {
content: "\e968";
}
.ph-fill.ph-t-shirt:before {
content: "\e670";
}
.ph-fill.ph-table:before {
content: "\e476";
}
.ph-fill.ph-tabs:before {
content: "\e778";
}
.ph-fill.ph-tag:before {
content: "\e478";
}
.ph-fill.ph-tag-chevron:before {
content: "\e672";
}
.ph-fill.ph-tag-simple:before {
content: "\e47a";
}
.ph-fill.ph-target:before {
content: "\e47c";
}
.ph-fill.ph-taxi:before {
content: "\e902";
}
.ph-fill.ph-tea-bag:before {
content: "\e8e6";
}
.ph-fill.ph-telegram-logo:before {
content: "\e5bc";
}
.ph-fill.ph-television:before {
content: "\e754";
}
.ph-fill.ph-television-simple:before {
content: "\eae6";
}
.ph-fill.ph-tennis-ball:before {
content: "\e720";
}
.ph-fill.ph-tent:before {
content: "\e8ba";
}
.ph-fill.ph-terminal:before {
content: "\e47e";
}
.ph-fill.ph-terminal-window:before {
content: "\eae8";
}
.ph-fill.ph-test-tube:before {
content: "\e7a0";
}
.ph-fill.ph-text-a-underline:before {
content: "\ed34";
}
.ph-fill.ph-text-aa:before {
content: "\e6ee";
}
.ph-fill.ph-text-align-center:before {
content: "\e480";
}
.ph-fill.ph-text-align-justify:before {
content: "\e482";
}
.ph-fill.ph-text-align-left:before {
content: "\e484";
}
.ph-fill.ph-text-align-right:before {
content: "\e486";
}
.ph-fill.ph-text-b:before {
content: "\e5be";
}
.ph-fill.ph-text-bolder:before {
content: "\e5be";
}
.ph-fill.ph-text-columns:before {
content: "\ec96";
}
.ph-fill.ph-text-h:before {
content: "\e6ba";
}
.ph-fill.ph-text-h-five:before {
content: "\e6c4";
}
.ph-fill.ph-text-h-four:before {
content: "\e6c2";
}
.ph-fill.ph-text-h-one:before {
content: "\e6bc";
}
.ph-fill.ph-text-h-six:before {
content: "\e6c6";
}
.ph-fill.ph-text-h-three:before {
content: "\e6c0";
}
.ph-fill.ph-text-h-two:before {
content: "\e6be";
}
.ph-fill.ph-text-indent:before {
content: "\ea1e";
}
.ph-fill.ph-text-italic:before {
content: "\e5c0";
}
.ph-fill.ph-text-outdent:before {
content: "\ea1c";
}
.ph-fill.ph-text-strikethrough:before {
content: "\e5c2";
}
.ph-fill.ph-text-subscript:before {
content: "\ec98";
}
.ph-fill.ph-text-superscript:before {
content: "\ec9a";
}
.ph-fill.ph-text-t:before {
content: "\e48a";
}
.ph-fill.ph-text-t-slash:before {
content: "\e488";
}
.ph-fill.ph-text-underline:before {
content: "\e5c4";
}
.ph-fill.ph-textbox:before {
content: "\eb0a";
}
.ph-fill.ph-thermometer:before {
content: "\e5c6";
}
.ph-fill.ph-thermometer-cold:before {
content: "\e5c8";
}
.ph-fill.ph-thermometer-hot:before {
content: "\e5ca";
}
.ph-fill.ph-thermometer-simple:before {
content: "\e5cc";
}
.ph-fill.ph-threads-logo:before {
content: "\ed9e";
}
.ph-fill.ph-three-d:before {
content: "\ea5a";
}
.ph-fill.ph-thumbs-down:before {
content: "\e48c";
}
.ph-fill.ph-thumbs-up:before {
content: "\e48e";
}
.ph-fill.ph-ticket:before {
content: "\e490";
}
.ph-fill.ph-tidal-logo:before {
content: "\ed1c";
}
.ph-fill.ph-tiktok-logo:before {
content: "\eaf2";
}
.ph-fill.ph-tilde:before {
content: "\eda8";
}
.ph-fill.ph-timer:before {
content: "\e492";
}
.ph-fill.ph-tip-jar:before {
content: "\e7e2";
}
.ph-fill.ph-tipi:before {
content: "\ed30";
}
.ph-fill.ph-tire:before {
content: "\edd2";
}
.ph-fill.ph-toggle-left:before {
content: "\e674";
}
.ph-fill.ph-toggle-right:before {
content: "\e676";
}
.ph-fill.ph-toilet:before {
content: "\e79a";
}
.ph-fill.ph-toilet-paper:before {
content: "\e79c";
}
.ph-fill.ph-toolbox:before {
content: "\eca0";
}
.ph-fill.ph-tooth:before {
content: "\e9cc";
}
.ph-fill.ph-tornado:before {
content: "\e88c";
}
.ph-fill.ph-tote:before {
content: "\e494";
}
.ph-fill.ph-tote-simple:before {
content: "\e678";
}
.ph-fill.ph-towel:before {
content: "\ede6";
}
.ph-fill.ph-tractor:before {
content: "\ec6e";
}
.ph-fill.ph-trademark:before {
content: "\e9f0";
}
.ph-fill.ph-trademark-registered:before {
content: "\e3f4";
}
.ph-fill.ph-traffic-cone:before {
content: "\e9a8";
}
.ph-fill.ph-traffic-sign:before {
content: "\e67a";
}
.ph-fill.ph-traffic-signal:before {
content: "\e9aa";
}
.ph-fill.ph-train:before {
content: "\e496";
}
.ph-fill.ph-train-regional:before {
content: "\e49e";
}
.ph-fill.ph-train-simple:before {
content: "\e4a0";
}
.ph-fill.ph-tram:before {
content: "\e9ec";
}
.ph-fill.ph-translate:before {
content: "\e4a2";
}
.ph-fill.ph-trash:before {
content: "\e4a6";
}
.ph-fill.ph-trash-simple:before {
content: "\e4a8";
}
.ph-fill.ph-tray:before {
content: "\e4aa";
}
.ph-fill.ph-tray-arrow-down:before {
content: "\e010";
}
.ph-fill.ph-archive-tray:before {
content: "\e010";
}
.ph-fill.ph-tray-arrow-up:before {
content: "\ee52";
}
.ph-fill.ph-treasure-chest:before {
content: "\ede2";
}
.ph-fill.ph-tree:before {
content: "\e6da";
}
.ph-fill.ph-tree-evergreen:before {
content: "\e6dc";
}
.ph-fill.ph-tree-palm:before {
content: "\e91a";
}
.ph-fill.ph-tree-structure:before {
content: "\e67c";
}
.ph-fill.ph-tree-view:before {
content: "\ee48";
}
.ph-fill.ph-trend-down:before {
content: "\e4ac";
}
.ph-fill.ph-trend-up:before {
content: "\e4ae";
}
.ph-fill.ph-triangle:before {
content: "\e4b0";
}
.ph-fill.ph-triangle-dashed:before {
content: "\e4b2";
}
.ph-fill.ph-trolley:before {
content: "\e5b2";
}
.ph-fill.ph-trolley-suitcase:before {
content: "\e5b4";
}
.ph-fill.ph-trophy:before {
content: "\e67e";
}
.ph-fill.ph-truck:before {
content: "\e4b4";
}
.ph-fill.ph-truck-trailer:before {
content: "\e4b6";
}
.ph-fill.ph-tumblr-logo:before {
content: "\e8d4";
}
.ph-fill.ph-twitch-logo:before {
content: "\e5ce";
}
.ph-fill.ph-twitter-logo:before {
content: "\e4ba";
}
.ph-fill.ph-umbrella:before {
content: "\e684";
}
.ph-fill.ph-umbrella-simple:before {
content: "\e686";
}
.ph-fill.ph-union:before {
content: "\edbe";
}
.ph-fill.ph-unite:before {
content: "\e87e";
}
.ph-fill.ph-unite-square:before {
content: "\e878";
}
.ph-fill.ph-upload:before {
content: "\e4be";
}
.ph-fill.ph-upload-simple:before {
content: "\e4c0";
}
.ph-fill.ph-usb:before {
content: "\e956";
}
.ph-fill.ph-user:before {
content: "\e4c2";
}
.ph-fill.ph-user-check:before {
content: "\eafa";
}
.ph-fill.ph-user-circle:before {
content: "\e4c4";
}
.ph-fill.ph-user-circle-check:before {
content: "\ec38";
}
.ph-fill.ph-user-circle-dashed:before {
content: "\ec36";
}
.ph-fill.ph-user-circle-gear:before {
content: "\e4c6";
}
.ph-fill.ph-user-circle-minus:before {
content: "\e4c8";
}
.ph-fill.ph-user-circle-plus:before {
content: "\e4ca";
}
.ph-fill.ph-user-focus:before {
content: "\e6fc";
}
.ph-fill.ph-user-gear:before {
content: "\e4cc";
}
.ph-fill.ph-user-list:before {
content: "\e73c";
}
.ph-fill.ph-user-minus:before {
content: "\e4ce";
}
.ph-fill.ph-user-plus:before {
content: "\e4d0";
}
.ph-fill.ph-user-rectangle:before {
content: "\e4d2";
}
.ph-fill.ph-user-sound:before {
content: "\eca8";
}
.ph-fill.ph-user-square:before {
content: "\e4d4";
}
.ph-fill.ph-user-switch:before {
content: "\e756";
}
.ph-fill.ph-users:before {
content: "\e4d6";
}
.ph-fill.ph-users-four:before {
content: "\e68c";
}
.ph-fill.ph-users-three:before {
content: "\e68e";
}
.ph-fill.ph-van:before {
content: "\e826";
}
.ph-fill.ph-vault:before {
content: "\e76e";
}
.ph-fill.ph-vector-three:before {
content: "\ee62";
}
.ph-fill.ph-vector-two:before {
content: "\ee64";
}
.ph-fill.ph-vibrate:before {
content: "\e4d8";
}
.ph-fill.ph-video:before {
content: "\e740";
}
.ph-fill.ph-video-camera:before {
content: "\e4da";
}
.ph-fill.ph-video-camera-slash:before {
content: "\e4dc";
}
.ph-fill.ph-video-conference:before {
content: "\edce";
}
.ph-fill.ph-vignette:before {
content: "\eba2";
}
.ph-fill.ph-vinyl-record:before {
content: "\ecac";
}
.ph-fill.ph-virtual-reality:before {
content: "\e7b8";
}
.ph-fill.ph-virus:before {
content: "\e7d6";
}
.ph-fill.ph-visor:before {
content: "\ee2a";
}
.ph-fill.ph-voicemail:before {
content: "\e4de";
}
.ph-fill.ph-volleyball:before {
content: "\e726";
}
.ph-fill.ph-wall:before {
content: "\e688";
}
.ph-fill.ph-wallet:before {
content: "\e68a";
}
.ph-fill.ph-warehouse:before {
content: "\ecd4";
}
.ph-fill.ph-warning:before {
content: "\e4e0";
}
.ph-fill.ph-warning-circle:before {
content: "\e4e2";
}
.ph-fill.ph-warning-diamond:before {
content: "\e7fc";
}
.ph-fill.ph-warning-octagon:before {
content: "\e4e4";
}
.ph-fill.ph-washing-machine:before {
content: "\ede8";
}
.ph-fill.ph-watch:before {
content: "\e4e6";
}
.ph-fill.ph-wave-sawtooth:before {
content: "\ea9c";
}
.ph-fill.ph-wave-sine:before {
content: "\ea9a";
}
.ph-fill.ph-wave-square:before {
content: "\ea9e";
}
.ph-fill.ph-wave-triangle:before {
content: "\eaa0";
}
.ph-fill.ph-waveform:before {
content: "\e802";
}
.ph-fill.ph-waveform-slash:before {
content: "\e800";
}
.ph-fill.ph-waves:before {
content: "\e6de";
}
.ph-fill.ph-webcam:before {
content: "\e9b2";
}
.ph-fill.ph-webcam-slash:before {
content: "\ecdc";
}
.ph-fill.ph-webhooks-logo:before {
content: "\ecae";
}
.ph-fill.ph-wechat-logo:before {
content: "\e8d2";
}
.ph-fill.ph-whatsapp-logo:before {
content: "\e5d0";
}
.ph-fill.ph-wheelchair:before {
content: "\e4e8";
}
.ph-fill.ph-wheelchair-motion:before {
content: "\e89a";
}
.ph-fill.ph-wifi-high:before {
content: "\e4ea";
}
.ph-fill.ph-wifi-low:before {
content: "\e4ec";
}
.ph-fill.ph-wifi-medium:before {
content: "\e4ee";
}
.ph-fill.ph-wifi-none:before {
content: "\e4f0";
}
.ph-fill.ph-wifi-slash:before {
content: "\e4f2";
}
.ph-fill.ph-wifi-x:before {
content: "\e4f4";
}
.ph-fill.ph-wind:before {
content: "\e5d2";
}
.ph-fill.ph-windmill:before {
content: "\e9f8";
}
.ph-fill.ph-windows-logo:before {
content: "\e692";
}
.ph-fill.ph-wine:before {
content: "\e6b2";
}
.ph-fill.ph-wrench:before {
content: "\e5d4";
}
.ph-fill.ph-x:before {
content: "\e4f6";
}
.ph-fill.ph-x-circle:before {
content: "\e4f8";
}
.ph-fill.ph-x-logo:before {
content: "\e4bc";
}
.ph-fill.ph-x-square:before {
content: "\e4fa";
}
.ph-fill.ph-yarn:before {
content: "\ed9a";
}
.ph-fill.ph-yin-yang:before {
content: "\e92a";
}
.ph-fill.ph-youtube-logo:before {
content: "\e4fc";
}
}
@layer theme, base, components, utilities;
@layer theme {
:root, :host {
--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
"Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol", "Noto Color Emoji";
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--container-lg: 32rem;
--container-4xl: 56rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-tight: -0.025em;
--tracking-wide: 0.025em;
--tracking-wider: 0.05em;
--tracking-widest: 0.1em;
--radius-sm: 0.25rem;
--radius-md: 0.375rem;
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--blur-lg: 16px;
--aspect-video: 16 / 9;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--aspect-x-golden: 1.1618 / 1;
--aspect-preview: 432 / 280;
--radius-article-base: var(--rounded-article-base);
--radius-article-sm: var(--rounded-article-sm);
--radius-article-md: var(--rounded-article-md);
--radius-article-lg: var(--rounded-article-lg);
--radius-article-xl: var(--rounded-article-xl);
--radius-article-2xl: var(--rounded-article-2xl);
--radius-corner-max: var(--rounded-article-2xl);
--radius-field: var(--rounded-field);
--radius-corner: var(--rounded-corner);
--radius-min: var(--rounded-min);
--radius-field-inset: calc(var(--rounded-field) - var(--border-button));
--radius-corner-inset: calc(var(--rounded-corner) - var(--border-button));
--radius-min-inset: calc(var(--rounded-min) - var(--border-button));
--radius-chip: var(--rounded-chip);
--radius-base: var(--rounded-base);
--radius-base-inset: calc(var(--rounded-base) - var(--border-button));
}
}
@layer base {
*, ::after, ::before, ::backdrop, ::file-selector-button {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
html, :host {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace), var(--font-mono-alt1, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace), var(--font-mono-alt2, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: normal;
font-variation-settings: normal;
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring:where(:not(iframe)) {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
display: block;
vertical-align: middle;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer utilities {
.dfp-hero-decoration {
pointer-events: none;
position: absolute;
inset: 0px;
z-index: 0;
}
.dfp-hero-decoration::before {
content: '';
position: absolute;
inset: 0px;
background-image: linear-gradient(to right, rgb(var(--color-secondary) / var(--shader-light)) 1px, transparent 1px), linear-gradient(to bottom, rgb(var(--color-secondary) / var(--shader-light)) 1px, transparent 1px);
background-size: 80px 80px;
mask-image: radial-gradient(ellipse 100% 100% at top right, black 0%, transparent 70%);
-webkit-mask-image: radial-gradient(ellipse 100% 100% at top right, black 0%, transparent 70%);
}
.dfp-hero-decoration::after {
content: '';
position: absolute;
top: 2rem;
left: 50%;
transform: translateX(-50%);
width: 70rem;
aspect-ratio: 1108 / 632;
background: linear-gradient(to right, rgb(var(--qs-color-key)), rgb(var(--qs-color-key-end)));
opacity: 0.18;
filter: blur(60px);
clip-path: polygon(73.6% 51.7%, 91.7% 11.8%, 100% 46.4%, 97.4% 82.2%, 92.5% 84.9%, 75.7% 64%, 55.3% 47.5%, 46.5% 49.4%, 45% 62.9%, 50.3% 87.2%, 21.3% 64.1%, 0.1% 100%, 5.4% 51.1%, 21.4% 63.9%, 58.9% 0.2%, 73.6% 51.7%);
}
.dfp-hero {
position: relative;
isolation: isolate;
overflow: hidden;
}
.dfp-hero.split-screenshot {
align-items: flex-start;
}
.dfp-hero.split-image {
align-items: flex-start;
}
.dfp-hero.split-image.phone-mockup {
align-items: center;
}
.dfp-hero.split-code {
align-items: flex-start;
}
.dfp-hero.background {
color: rgb(var(--color-invert) / 1);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.dfp-hero.background::before {
content: '';
pointer-events: none;
position: absolute;
inset: 0px;
z-index: 0;
background: linear-gradient(to bottom, rgb(0 0 0 / 0.50), rgb(0 0 0 / 0.70));
}
.dfp-hero.background > * {
position: relative;
z-index: 1;
}
.dfp-step-trail ol[role="list"] {
list-style: none;
padding: 0;
margin: 0;
}
nav.dfp-step-trail ol {
display: flex;
align-items: flex-start;
}
nav.dfp-step-trail ol > li {
margin-top: 0;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-inline-end: 80px;
}
nav.dfp-step-trail ol > li:last-child {
padding-inline-end: 0;
}
nav.dfp-step-trail ol > li .step-connector {
background-color: rgb(var(--color-secondary) / var(--shader-light));
position: absolute;
top: 15px;
left: 0;
right: 0;
height: 2px;
pointer-events: none;
}
nav.dfp-step-trail ol > li:first-child .step-connector {
left: calc(50% + (var(--element-compact-size) / 2) - 40px);
}
nav.dfp-step-trail ol > li:last-child .step-connector {
right: calc(50% + (var(--element-compact-size) / 2));
}
nav.dfp-step-trail ol > li.done .step-connector {
background: rgb(var(--color-alert-success));
}
nav.dfp-step-trail .step-num {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: var(--element-compact-size);
height: var(--element-compact-size);
border-radius: 9999px;
font-size: var(--text-p5-size);
font-weight: 600;
border: 2px solid rgb(var(--color-tertiary));
color: rgb(var(--color-tertiary));
background: rgb(var(--color-background));
}
nav.dfp-step-trail ol > li.active .step-num {
border-color: rgb(var(--color-key));
background: rgb(var(--color-background));
}
nav.dfp-step-trail .step-dot {
width: 10px;
height: 10px;
border-radius: 9999px;
background: rgb(var(--color-key));
}
nav.dfp-step-trail ol > li.done .step-num {
border-color: rgb(var(--color-alert-success));
background: rgb(var(--color-alert-success));
color: rgb(var(--color-invert));
}
nav.dfp-step-trail .step-label {
font-size: var(--text-p5-size);
color: rgb(var(--color-tertiary));
margin-top: var(--spacing-sub-base);
white-space: nowrap;
}
nav.dfp-step-trail ol > li.active .step-label {
color: rgb(var(--color-key));
font-weight: 600;
}
nav.dfp-step-trail ol > li.done .step-label {
color: rgb(var(--color-alert-success));
}
nav.dfp-step-trail.vertical ol {
flex-direction: column;
align-items: flex-start;
}
nav.dfp-step-trail.vertical ol > li {
flex-direction: row;
align-items: flex-start;
text-align: start;
padding-inline-end: 0;
padding-bottom: 40px;
gap: var(--pad-element-base);
}
nav.dfp-step-trail.vertical ol > li:last-child {
padding-bottom: 0;
}
nav.dfp-step-trail.vertical ol > li .step-connector {
top: var(--element-compact-size);
left: 15px;
right: auto;
width: 2px;
height: calc(100% - var(--element-compact-size));
}
nav.dfp-step-trail.vertical ol > li:last-child .step-connector {
display: none;
}
nav.dfp-step-trail.vertical .step-label {
margin-top: 6px;
}
:where(.dfp-step-trail:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.collapse {
visibility: collapse;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.dfp-drag-item {
display: flex;
width: 100%;
flex-direction: column;
}
.dfp-drag-item.link {
position: relative;
border-radius: var(--radius-corner);
padding: 0px;
color: rgb(var(--color-primary) / 1);
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.dfp-drag-item.link::before {
position: absolute;
inset-inline-start: calc(var(--spacing) * 0);
top: 0px;
height: 100%;
width: 100%;
border-radius: var(--radius-corner);
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
content: '';
z-index: 0;
}
.dfp-drag-item.link.active, .dfp-drag-item.link:hover {
padding: var(--border-button);
}
.dfp-drag-item.card .dfp-drag-controls p {
display: flex;
height: var(--element-base-size);
cursor: grab;
align-items: center;
color: rgb(var(--color-secondary) / 1);
&:hover {
@media (hover: hover) {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
}
}
.dfp-drag-item.card.active .dfp-drag-controls p {
cursor: grabbing;
}
.dfp-drag-item.card > .controlrows {
display: flex;
height: 100%;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
@media (width >= 640px) {
flex-wrap: nowrap;
}
}
.dfp-drag-item.card .dfp-drag-title {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
column-gap: var(--spacing-gutter-base);
@media (width >= 640px) {
flex-direction: row;
}
}
.dfp-drag-item.card .dfp-drag-attributes p {
color: rgb(var(--color-secondary) / 1);
}
.dfp-drag-item.link > .inner {
position: relative;
display: flex;
height: 100%;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: var(--gap-form-sm);
border-radius: var(--radius-corner-inset);
padding: 17px;
@media (width >= 640px) {
flex-wrap: nowrap;
}
background-color: rgb(var(--color-key-gradient-invert) / var(--color-key-gradient-invert-opacity));
}
.dfp-drag-item.link.active > .inner, .dfp-drag-item.link:hover > .inner {
padding: var(--spacing-card-base);
}
.dfp-drag-item.link:hover > .inner {
cursor: grab;
}
.dfp-drag-item.link.active > .inner {
cursor: grabbing;
}
.dfp-drag-item.link .form-input input, .dfp-drag-item.link button.form-input-dropdown span p {
font-size: var(--text-p3-size);
}
.dfp-drag-item.link i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.dfp-drag-item.link > .inner > div, .dfp-drag-item.link > .inner > div > .form-input-dropdown {
width: 100%;
}
.dfp-drag-item.card .dfp-drag-controls, .dfp-drag-item.link .dfp-drag-controls {
display: flex;
width: 100%;
flex-direction: row;
align-items: center;
justify-content: space-between;
@media (width >= 640px) {
width: fit-content;
}
}
:where(.dfp-drag-item:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.dfp-overlay-pane {
position: fixed;
display: flex;
flex-direction: column;
z-index: 50;
&.docked {
position: static;
background-color: var(--color-bg, #ffffff);
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: var(--shadow-light);
border-radius: 0;
flex-shrink: 0;
width: var(--df-overlay-pane-docked-width, 32%);
min-width: var(--df-overlay-pane-docked-min-width);
max-width: var(--df-overlay-pane-docked-max-width);
height: 100%;
overflow: hidden;
}
&.docked.left {
order: 0;
left: auto;
top: auto;
bottom: auto;
right: auto;
border-inline-end: 1px solid rgba(0, 0, 0, 0.08);
}
&.docked.right {
order: 1;
left: auto;
top: auto;
bottom: auto;
right: auto;
border-inline-start: 1px solid rgba(0, 0, 0, 0.08);
}
& .controls {
display: flex;
gap: var(--spacing-sub-base);
align-items: center;
}
& .cycle, & .dock {
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: var(--rounded-pill, 999px);
padding: 6px 8px;
cursor: pointer;
color: var(--color-secondary);
transition: background var(--qs-duration-fast) var(--qs-ease-standard), color var(--qs-duration-fast) var(--qs-ease-standard);
display: inline-flex;
align-items: center;
justify-content: center;
}
& .cycle:hover, & .dock:hover {
background: rgba(0, 0, 0, 0.04);
color: var(--color-primary);
}
& .cycle:focus-visible, & .dock:focus-visible {
outline: 2px solid var(--color-key);
outline-offset: 2px;
}
&.docked .dock {
color: var(--color-key);
}
&:where(:not(.docked)) {
background-color: var(--color-bg-overlay);
backdrop-filter: blur(var(--color-blur-amount));
-webkit-backdrop-filter: blur(var(--color-blur-amount));
border-radius: var(--rounded-corner);
box-shadow: var(--shadow-base);
display: flex;
flex-direction: column;
z-index: 50;
}
&:where(:not(.docked)).left {
left: var(--df-overlay-pane-left-offset);
top: var(--df-overlay-pane-top-offset);
bottom: calc(var(--df-overlay-pane-bottom-offset) + env(safe-area-inset-bottom, 0px) + var(--keyboard-offset, 0px));
width: var(--df-overlay-pane-side-width);
height: auto;
}
&:where(:not(.docked)).right {
right: var(--df-overlay-pane-right-offset);
top: var(--df-overlay-pane-top-offset);
bottom: calc(var(--df-overlay-pane-bottom-offset) + env(safe-area-inset-bottom, 0px) + var(--keyboard-offset, 0px));
left: auto;
width: var(--df-overlay-pane-side-width);
height: auto;
}
&:where(:not(.docked)).top {
top: var(--df-overlay-pane-top-offset);
left: 50%;
transform: translateX(-50%);
width: min(60vw, 480px);
height: var(--df-overlay-pane-tb-height);
bottom: auto;
right: auto;
}
&:where(:not(.docked)).bottom {
bottom: calc(var(--df-overlay-pane-bottom-offset) + env(safe-area-inset-bottom, 0px) + var(--keyboard-offset, 0px));
left: 50%;
transform: translateX(-50%);
width: min(60vw, 480px);
height: var(--df-overlay-pane-tb-height);
top: auto;
right: auto;
}
@media (max-width: 1023px) {
&.docked {
position: fixed;
background-color: var(--color-bg-overlay);
backdrop-filter: blur(var(--color-blur-amount));
-webkit-backdrop-filter: blur(var(--color-blur-amount));
box-shadow: var(--shadow-base);
border-radius: var(--rounded-corner);
left: var(--df-overlay-pane-left-offset);
right: var(--df-overlay-pane-right-offset);
width: auto;
min-width: 0;
max-width: none;
height: var(--df-overlay-pane-tb-height);
bottom: calc(var(--df-overlay-pane-bottom-offset) + env(safe-area-inset-bottom, 0px) + var(--keyboard-offset, 0px));
transform: none;
top: auto;
border: none;
}
&.left, &.right, &.docked.left, &.docked.right {
left: var(--df-overlay-pane-left-offset);
right: var(--df-overlay-pane-right-offset);
top: auto;
bottom: calc(var(--df-overlay-pane-bottom-offset) + env(safe-area-inset-bottom, 0px) + var(--keyboard-offset, 0px));
transform: none;
width: auto;
height: var(--df-overlay-pane-tb-height);
}
&.top {
top: var(--df-overlay-pane-top-offset);
bottom: auto;
left: var(--df-overlay-pane-left-offset);
right: var(--df-overlay-pane-right-offset);
width: auto;
transform: none;
}
&.bottom {
bottom: calc(var(--df-overlay-pane-bottom-offset) + env(safe-area-inset-bottom, 0px) + var(--keyboard-offset, 0px));
top: auto;
left: var(--df-overlay-pane-left-offset);
right: var(--df-overlay-pane-right-offset);
width: auto;
transform: none;
}
&.docked.compact {
left: 50%;
right: auto;
width: min(60vw, 480px);
transform: translateX(-50%);
}
&.left.compact, &.right.compact, &.top.compact, &.bottom.compact {
left: 50%;
right: auto;
width: min(60vw, 480px);
transform: translateX(-50%);
}
& .dock {
display: none;
}
}
&:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
}
}
.dfp-audio-player {
display: flex;
flex-direction: column;
gap: var(--spacing-sub-base);
border-radius: var(--radius-corner);
padding: var(--pad-article-base) var(--pad-element-base);
background: rgb(var(--color-background));
border: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.dfp-audio-player .ap-top {
display: flex;
align-items: center;
gap: var(--pad-element-base);
}
.dfp-audio-player .ap-play {
display: flex;
flex-shrink: 0;
cursor: pointer;
align-items: center;
justify-content: center;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
width: var(--element-base-size);
height: var(--element-base-size);
border-radius: var(--rounded-input);
background: rgb(var(--color-key));
color: rgb(var(--color-invert));
border: none;
transition: all var(--qs-duration-fast) var(--qs-ease-standard);
}
.dfp-audio-player .ap-play:hover {
opacity: 0.85;
transform: scale(1.05);
}
.dfp-audio-player .ap-info {
min-width: 0px;
flex: 1;
}
.dfp-audio-player .ap-info h5 {
margin-bottom: 2px;
}
.dfp-audio-player .ap-controls {
display: flex;
align-items: center;
gap: var(--spacing-sub-base);
}
.dfp-audio-player .ap-speed {
cursor: pointer;
background-color: rgb(var(--color-secondary) / var(--shader-light));
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
padding: 4px 10px;
border-radius: var(--rounded-input);
color: rgb(var(--color-secondary));
border: none;
transition: all var(--qs-duration-fast) var(--qs-ease-standard);
}
.dfp-audio-player .ap-speed:hover, .dfp-audio-player .ap-speed.active {
background: rgb(var(--color-key));
color: rgb(var(--color-invert));
}
.dfp-audio-player .ap-download {
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: var(--radius-corner);
width: var(--element-min-size);
height: var(--element-min-size);
color: rgb(var(--color-secondary));
border: none;
background: transparent;
transition: all var(--qs-duration-fast) var(--qs-ease-standard);
}
.dfp-audio-player .ap-download:hover {
background-color: rgb(var(--color-secondary) / var(--shader-light));
color: rgb(var(--color-primary));
}
.dfp-audio-player .ap-progress {
display: flex;
align-items: center;
gap: var(--spacing-sub-base);
}
.dfp-audio-player .ap-bar {
position: relative;
flex: 1;
cursor: pointer;
background-color: rgb(var(--color-secondary) / var(--shader-light));
height: 6px;
border-radius: var(--rounded-input);
}
.dfp-audio-player .ap-fill {
position: relative;
height: 100%;
background: rgb(var(--color-key));
border-radius: var(--rounded-input);
transition: width var(--qs-duration-fast) linear;
}
.dfp-audio-player .ap-fill::after {
content: '';
position: absolute;
right: -6px;
top: -3px;
width: 12px;
height: 12px;
border-radius: var(--rounded-input);
background: rgb(var(--color-key));
box-shadow: var(--shadow-light);
}
.dfp-audio-player .ap-time {
text-align: end;
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
white-space: nowrap;
color: rgb(var(--color-tertiary));
min-width: 80px;
}
.dfp-audio-player .ap-waveform {
display: flex;
flex: 1;
cursor: pointer;
align-items: center;
gap: 2px;
height: var(--element-base-size);
}
.dfp-audio-player .ap-waveform .bar {
background-color: rgb(var(--color-secondary) / var(--shader-light));
flex: 1;
border-radius: 1px;
transition: background var(--qs-duration-fast) var(--qs-ease-standard);
}
.dfp-audio-player .ap-waveform .bar.played {
background: rgb(var(--color-key));
}
:where(.dfp-audio-player:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.dfp-footer-frame {
--tw-duration: calc(2 * var(--transition-duration-base));
transition-duration: calc(2 * var(--transition-duration-base));
}
@media (prefers-reduced-motion: reduce) {
.dfp-footer-frame {
transition-property: none;
}
}
@media (width >= 640px) {
.dfp-footer-frame {
position: relative;
--tw-duration: 0ms;
transition-duration: 0ms;
}
}
@media (max-width: 639px) {
.dfp-footer-frame {
position: fixed;
bottom: var(--offset-footer-base);
width: 100%;
background-color: rgb(var(--color-background) / 1);
box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
}
@media (prefers-reduced-motion: reduce) {
.dfp-footer-frame {
transition-property: none;
}
}
.dfp-footer-frame.hide {
--tw-translate-y: 100%;
translate: var(--tw-translate-x) var(--tw-translate-y);
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
@media (prefers-reduced-motion: reduce) {
transition-property: none;
}
}
}
.dfp-product-card {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
border-radius: var(--radius-corner);
background: rgb(var(--color-background));
border: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.dfp-product-card .product-image {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
background: rgb(var(--color-secondary) / var(--shader-light));
}
.dfp-product-card .product-body {
display: flex;
flex-direction: column;
padding: var(--pad-card-base);
gap: var(--spacing-sub-base);
flex: 1;
}
.dfp-product-card .product-title {
margin: 0px;
font-weight: 600;
}
.dfp-product-card .product-price {
margin: 0px;
font-weight: 700;
color: rgb(var(--color-key));
}
.dfp-product-card .product-description {
margin: 0px;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
flex: 1;
}
.dfp-product-card .product-cta {
margin-top: auto;
padding-top: var(--pad-element-base);
}
:where(.dfp-product-card:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.dfp-pricing-card {
position: relative;
display: flex;
flex-direction: column;
border-radius: var(--radius-corner);
padding: var(--pad-card-base);
background: rgb(var(--color-background));
border: 1px solid rgb(var(--color-secondary) / var(--shader-light));
gap: var(--spacing-sub-base);
}
.dfp-pricing-card .tier-header {
margin: 0px;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--spacing-sub-base);
}
.dfp-pricing-card .tier-name {
margin: 0px;
color: rgb(var(--color-key));
}
.dfp-pricing-card .tier-description {
margin: 0px;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
}
.dfp-pricing-card .tier-price {
margin: 0px;
display: flex;
align-items: baseline;
gap: var(--spacing-sub-base);
margin-top: var(--pad-element-base);
}
.dfp-pricing-card .price-amount {
font-size: var(--text-d3-size);
line-height: var(--text-d3-lh);
font-weight: 700;
color: rgb(var(--color-primary));
}
.dfp-pricing-card .price-period {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
}
.dfp-pricing-card .tier-features {
margin: 0px;
display: flex;
list-style-type: none;
flex-direction: column;
padding: 0px;
gap: var(--spacing-sub-base);
margin-top: var(--pad-element-base);
}
.dfp-pricing-card .tier-features li {
display: flex;
align-items: flex-start;
gap: var(--spacing-sub-base);
}
.dfp-pricing-card .tier-features li i {
flex-shrink: 0;
color: rgb(var(--color-key) / 1);
padding-top: 4px;
}
.dfp-pricing-card .tier-cta {
margin-top: auto;
padding-top: var(--pad-element-base);
}
.dfp-pricing-card.featured {
--tw-shadow: var(--shadow-base);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border: 2px solid rgb(var(--color-key));
}
:where(.dfp-pricing-card:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
.dfp-code-panel {
position: relative;
overflow: hidden;
border-radius: var(--radius-corner);
--tw-shadow: var(--shadow-base);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
background: rgb(var(--color-primary));
border: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.dfp-code-panel > pre {
margin: 0;
padding: var(--pad-element-base);
overflow-x: auto;
color: rgb(var(--color-invert));
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: var(--text-p5-size);
line-height: 1.5;
}
.dfp-code-panel > pre code {
color: inherit;
font-family: inherit;
}
.dfp-phone-frame {
position: relative;
margin-inline: auto;
overflow: hidden;
--tw-shadow: var(--shadow-heavy);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
aspect-ratio: 366 / 729;
max-width: 22rem;
border-radius: 2.5rem;
background: rgb(var(--color-primary));
border: 8px solid rgb(var(--color-primary));
}
.dfp-phone-frame > img, .dfp-phone-frame > video {
display: block;
height: 100%;
width: 100%;
object-fit: cover;
border-radius: calc(2.5rem - 8px);
}
.dfp-screenshot-frame {
position: relative;
overflow: hidden;
border-radius: var(--radius-corner);
--tw-shadow: var(--shadow-base);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
background: rgb(var(--color-background));
border: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.dfp-screenshot-frame > img, .dfp-screenshot-frame > video {
display: block;
height: auto;
width: 100%;
}
.dfp-screenshot-frame.bordered {
padding: var(--spacing-sub-base);
background: rgb(var(--color-secondary) / var(--shader-light));
box-shadow: none;
}
.dfp-screenshot-frame.bordered > img, .dfp-screenshot-frame.bordered > video {
border-radius: var(--radius-corner);
--tw-shadow: var(--shadow-base);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
border: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: 0px;
}
.top-0 {
top: 0px;
}
.top-2gutter-base {
top: calc(2 * var(--spacing-gutter-base));
}
.top-\[calc\(var\(--element-nav-max\)\+var\(--spacing-shoulder-lg\)\)\] {
top: calc(var(--element-nav-max) + var(--spacing-shoulder-lg));
}
.z-top {
z-index: 888;
}
.dfp-stat-card {
display: flex;
flex-direction: column;
align-items: center;
border-radius: var(--radius-corner);
background-color: rgb(var(--color-background) / 1);
padding: var(--spacing-card-base);
text-align: center;
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.dfp-stat-card dt {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
color: rgb(var(--color-secondary) / 1);
order: -1;
margin-bottom: 4px;
}
.dfp-stat-card dd {
margin: 0px;
}
.dfp-stat-card .stat-value {
font-family: var(--font-heading), var(--font-heading-alt1), var(--font-heading-alt2);
font-size: var(--text-h2-size);
line-height: var(--tw-leading, var(--text-h2-lh));
color: rgb(var(--color-primary) / 1);
}
.dfp-stat-card .stat-sub {
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
color: rgb(var(--color-tertiary) / 1);
margin-top: 4px;
}
.dfp-stat-card .stat-trend {
display: inline-flex;
align-items: center;
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
gap: 4px;
margin-top: 4px;
}
.dfp-stat-card .stat-trend.up {
color: rgb(var(--color-alert-success) / 1);
}
.dfp-stat-card .stat-trend.down {
color: rgb(var(--color-alert-error) / 1);
}
:where(.dfp-stat-card:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.dash-card.dfp-product-card {
flex-direction: column;
@media (width >= 640px) {
flex-direction: row;
}
}
.dash-card.dfp-product-card .dfp-product-card-info {
order: 2;
width: 100%;
justify-content: center;
@media (width >= 640px) {
order: 1;
}
}
.dash-card.dfp-product-card .dfp-product-card-info > hgroup > h4 {
background-image: none;
color: rgb(var(--color-secondary) / 1);
}
.dash-card.dfp-product-card .dfp-product-card-display {
order: 1;
width: 100%;
@media (width >= 640px) {
order: 2;
}
}
.dash-card.dfp-product-card .dfp-product-card-display .dfp-product-card-shader {
align-items: center;
justify-content: center;
background-color: rgb(var(--color-primary) / var(--shader-light));
--tw-backdrop-blur: blur(var(--blur-lg));
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.dash-card.dfp-product-card .dfp-product-card-info .dfp-product-card-description > p:first-child {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
@media (width >= 1440px) {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
}
}
.dash-card.dfp-product-card .dfp-product-card-info .dfp-product-card-authored {
display: flex;
flex-direction: column;
row-gap: var(--layout-unit);
}
.dash-card.dfp-product-card .dfp-product-card-info .dfp-product-card-authored > p a {
font-style: normal;
}
.dash-card.dfp-product-card .dfp-product-card-info .dfp-product-card-authored > p {
color: rgb(var(--color-secondary) / 1);
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.col-base-smx {
grid-column: span var(--layout-cols-base) / span var(--layout-cols-base);
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-6 {
grid-column: span 6 / span 6;
}
.col-span-full {
grid-column: 1 / -1;
}
.container {
width: 100%;
@media (width >= 640px) {
max-width: 640px;
}
@media (width >= 768px) {
max-width: 768px;
}
@media (width >= 960px) {
max-width: 960px;
}
@media (width >= 1440px) {
max-width: 1440px;
}
@media (width >= 1600px) {
max-width: 1600px;
}
}
.dfp-feature-card {
display: flex;
flex-direction: column;
}
.dfp-feature-card .feature-icon {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
border-radius: var(--radius-corner);
width: var(--element-base-size);
height: var(--element-base-size);
background: rgb(var(--color-key));
color: rgb(var(--color-invert));
font-size: var(--text-h5-size);
margin-bottom: var(--pad-element-base);
}
.dfp-feature-card h3, .dfp-feature-card h4 {
margin: 0px;
font-weight: 600;
}
.dfp-feature-card p {
margin: 0px;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
margin-top: var(--spacing-sub-base);
}
.dfp-feature-card .feature-link {
display: inline-flex;
align-items: center;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: rgb(var(--color-key) / 1);
gap: var(--spacing-sub-base);
margin-top: auto;
padding-top: var(--pad-element-base);
}
:where(.dfp-feature-card:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.dfp-review-block {
border-radius: var(--radius-corner);
background-color: rgb(var(--color-secondary) / var(--shader-light));
padding: var(--spacing-card-base);
}
.dfp-review-block .review-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: var(--pad-element-base);
}
.dfp-review-block .review-header h6 {
margin: 0px;
}
.dfp-review-block .review-header a {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.dfp-review-block .review-body {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
}
.dfp-review-block .review-body dt {
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
color: rgb(var(--color-tertiary) / 1);
margin-bottom: 2px;
}
.dfp-review-block .review-body dd {
margin: 0px;
}
.dfp-review-block .review-body dd + dt {
margin-top: var(--spacing-sub-base);
}
.dfp-tool-panel {
overflow: hidden;
border-radius: var(--radius-corner);
background-color: rgb(var(--color-background) / 1);
border: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.dfp-tool-panel .panel-header {
display: flex;
cursor: pointer;
align-items: center;
justify-content: space-between;
padding: var(--pad-element-base) var(--pad-article-base);
border-bottom: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.dfp-tool-panel .panel-header h5 {
margin: 0px;
display: flex;
align-items: center;
gap: var(--spacing-sub-base);
}
.dfp-tool-panel .panel-header h5 i {
color: rgb(var(--color-key) / 1);
}
.dfp-tool-panel .panel-toggle {
cursor: pointer;
font-size: var(--text-i5-size);
line-height: var(--tw-leading, var(--text-i5-lh));
color: rgb(var(--color-tertiary) / 1);
border: none;
background: transparent;
transition: transform var(--qs-duration-fast) var(--qs-ease-standard);
}
.dfp-tool-panel .panel-body {
display: flex;
flex-direction: column;
padding: var(--pad-article-base);
gap: var(--pad-element-base);
}
.dfp-tool-panel .panel-description {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
}
.dfp-tool-panel .option-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--spacing-sub-base) 0;
border-bottom: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.dfp-tool-panel .option-row:last-child {
border-bottom: none;
}
.dfp-tool-panel .option-label {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
}
.dfp-tool-panel .option-label span {
display: block;
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
color: rgb(var(--color-tertiary) / 1);
}
.dfp-tool-panel .panel-results {
display: flex;
flex-wrap: wrap;
border-radius: var(--radius-corner);
background-color: rgb(var(--color-secondary) / var(--shader-light));
gap: var(--spacing-sub-base);
padding: var(--spacing-sub-base) var(--pad-element-base);
}
.dfp-tool-panel .result-item {
display: flex;
align-items: center;
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
gap: 6px;
}
.dfp-tool-panel .result-item strong {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
}
.dfp-tool-panel .panel-action {
display: flex;
justify-content: flex-end;
padding: var(--pad-element-base) var(--pad-article-base);
border-top: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.dfp-tool-panel.collapsed .panel-body, .dfp-tool-panel.collapsed .panel-action {
display: none;
}
.dfp-tool-panel.collapsed .panel-header {
border-bottom: none;
}
.dfp-tool-panel.collapsed .panel-toggle {
transform: rotate(-90deg);
}
:where(.dfp-tool-panel:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.dfp-context-panel {
overflow: hidden;
border-radius: var(--radius-corner);
border: 1px solid rgb(var(--color-tertiary) / var(--shader-light));
}
.dfp-context-panel .panel-header {
display: flex;
cursor: pointer;
align-items: center;
justify-content: space-between;
background-color: rgb(var(--color-primary) / var(--shader-light));
padding: var(--gap-form-base) var(--pad-element-base);
border-bottom: 1px solid rgb(var(--color-tertiary) / var(--shader-light));
}
.dfp-context-panel .panel-header h6 {
margin: 0px;
display: flex;
align-items: center;
gap: var(--spacing-sub-base);
}
.dfp-context-panel .panel-toggle {
cursor: pointer;
font-size: var(--text-i5-size);
line-height: var(--tw-leading, var(--text-i5-lh));
border: none;
background: transparent;
color: rgb(var(--color-secondary));
transition: transform var(--qs-duration-fast) var(--qs-ease-standard);
}
.dfp-context-panel .panel-body {
padding: var(--pad-element-base);
transition: all var(--qs-duration-fast) var(--qs-ease-standard);
}
.dfp-context-panel.collapsed .panel-body {
display: none;
}
.dfp-context-panel.collapsed .panel-toggle {
transform: rotate(-90deg);
}
:where(.dfp-context-panel:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.m-auto {
margin: auto;
}
.m-section-lg {
margin: var(--pad-section-lg);
}
.mx-auto {
margin-inline: auto;
}
.my-6 {
margin-block: calc(var(--spacing) * 6);
}
.my-sub-base {
margin-block: var(--spacing-sub-base);
}
.mr-section-safeview {
margin-inline-end: max(var(--spacing-shoulder-base), env(safe-area-inset-right));
@media (min-width:640px) {
margin-inline-end: max(var(--spacing-shoulder-sm), env(safe-area-inset-right));
}
@media (min-width:768px) {
margin-inline-end: max(var(--spacing-shoulder-md), env(safe-area-inset-right));
}
@media (min-width:960px) {
margin-inline-end: max(var(--spacing-shoulder-lg), env(safe-area-inset-right));
}
@media (min-width:1440px) {
margin-inline-end: max(var(--spacing-shoulder-xl), env(safe-area-inset-right));
}
@media (min-width:1600px) {
margin-inline-end: max(var(--spacing-shoulder-2xl), env(safe-area-inset-right));
}
}
.dfp-preset-selector {
display: flex;
flex-direction: column;
gap: var(--spacing-sub-base);
}
.dfp-preset-selector .preset-option {
display: flex;
cursor: pointer;
align-items: flex-start;
border-radius: var(--radius-corner);
gap: var(--gap-form-base);
padding: var(--pad-element-base) var(--pad-article-base);
border: 2px solid rgb(var(--color-tertiary) / var(--shader-light));
transition: all var(--qs-duration-fast) var(--qs-ease-standard);
}
.dfp-preset-selector .preset-option:hover {
border-color: rgb(var(--color-tertiary) / var(--shader-base));
background-color: rgb(var(--color-primary) / var(--shader-light));
}
.dfp-preset-selector .preset-option:has(input:checked) {
background-color: rgb(var(--color-primary) / var(--shader-light));
border-color: rgb(var(--color-key));
}
.dfp-preset-selector .preset-option input[type="radio"] {
appearance: none;
-webkit-appearance: none;
flex-shrink: 0;
width: 20px;
height: 20px;
border-radius: 9999px;
border: 2px solid rgb(var(--color-tertiary));
margin-top: 2px;
transition: all var(--qs-duration-fast) var(--qs-ease-standard);
cursor: pointer;
}
.dfp-preset-selector .preset-option input[type="radio"]:checked {
border-color: rgb(var(--color-key));
border-width: 6px;
}
.dfp-preset-selector .preset-body p:first-child {
margin-bottom: 2px;
}
.dfp-preset-selector .preset-body p + p {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
}
:where(.dfp-preset-selector:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.dfp-question-item {
display: flex;
align-items: flex-start;
border-radius: var(--radius-corner);
gap: var(--gap-form-base);
padding: var(--pad-element-base);
border: 1px solid rgb(var(--color-tertiary) / var(--shader-light));
transition: all var(--qs-duration-fast) var(--qs-ease-standard);
}
.dfp-question-item:hover {
border-color: rgb(var(--color-tertiary) / var(--shader-base));
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.dfp-question-item .question-num {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
background-color: rgb(var(--color-primary) / var(--shader-light));
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
min-width: 28px;
height: 28px;
color: rgb(var(--color-secondary));
}
.dfp-question-item .question-body {
min-width: 0px;
flex: 1;
}
.dfp-question-item .question-body textarea {
width: 100%;
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
border: none;
padding: 0;
resize: none;
background: transparent;
min-height: var(--element-base-size);
}
.dfp-question-item .question-body textarea:focus {
outline: none;
}
.dfp-question-item .question-meta {
margin-top: var(--spacing-sub-base);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--spacing-sub-base);
}
.dfp-question-item .question-controls {
display: flex;
flex-shrink: 0;
align-items: center;
gap: 4px;
opacity: 0;
transition: opacity var(--qs-duration-fast) var(--qs-ease-standard);
}
.dfp-question-item:hover .question-controls {
opacity: 1;
}
.dfp-question-item .question-controls button {
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: var(--radius-corner);
width: 28px;
height: 28px;
border: none;
background: transparent;
color: rgb(var(--color-tertiary));
}
.dfp-question-item .question-controls button:hover {
background-color: rgb(var(--color-primary) / var(--shader-light));
color: rgb(var(--color-primary));
}
.dfp-question-item.ai-suggested {
background-color: rgb(var(--color-primary) / var(--shader-light));
border-color: rgb(var(--color-key));
border-style: dashed;
}
.dfp-question-item.ai-suggested .question-num {
background: rgb(var(--color-key));
color: rgb(var(--color-invert));
}
:where(.dfp-question-item:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.dfp-summary-section {
display: flex;
flex-direction: column;
gap: 0;
}
.dfp-summary-section .summary-item {
padding: var(--pad-article-base) 0;
border-bottom: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.dfp-summary-section .summary-item:first-child {
padding-top: 0;
}
.dfp-summary-section .summary-item .summary-question {
display: flex;
cursor: pointer;
align-items: flex-start;
justify-content: space-between;
gap: var(--spacing-sub-base);
}
.dfp-summary-section .summary-item .summary-question h5 {
flex: 1;
}
.dfp-summary-section .summary-item .summary-toggle {
flex-shrink: 0;
cursor: pointer;
font-size: var(--text-i5-size);
line-height: var(--tw-leading, var(--text-i5-lh));
color: rgb(var(--color-tertiary));
border: none;
background: transparent;
transition: transform var(--qs-duration-fast) var(--qs-ease-standard);
}
.dfp-summary-section .summary-item .summary-answer {
margin-top: var(--spacing-sub-base);
padding-inline-start: 0;
}
.dfp-summary-section .summary-item .summary-answer p {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
}
.dfp-summary-section .summary-item blockquote.summary-quotes {
background-color: rgb(var(--color-secondary) / var(--shader-light));
margin-top: var(--spacing-sub-base);
padding: var(--spacing-sub-base) var(--pad-element-base);
border-inline-start: 3px solid rgb(var(--color-key));
border-radius: 0 var(--rounded-corner) var(--rounded-corner) 0;
}
.dfp-summary-section .summary-item blockquote.summary-quotes p {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
font-style: italic;
color: rgb(var(--color-secondary));
}
.dfp-summary-section .summary-item blockquote.summary-quotes cite {
display: block;
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: rgb(var(--color-key));
font-style: normal;
margin-top: 4px;
}
.dfp-summary-section .summary-item blockquote.summary-quotes cite a {
color: inherit;
text-decoration: none;
}
.dfp-summary-section .summary-item blockquote.summary-quotes cite a:hover {
text-decoration: underline;
}
.dfp-summary-section .summary-item.collapsed .summary-answer, .dfp-summary-section .summary-item.collapsed blockquote.summary-quotes {
display: none;
}
.dfp-summary-section .summary-item.collapsed .summary-toggle {
transform: rotate(-90deg);
}
:where(.dfp-summary-section:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.mt-gutter {
margin-top: var(--spacing-gutter-base);
@media (min-width:640px) {
margin-top: var(--spacing-gutter-sm);
}
@media (min-width:768px) {
margin-top: var(--spacing-gutter-md);
}
@media (min-width:960px) {
margin-top: var(--spacing-gutter-lg);
}
@media (min-width:1440px) {
margin-top: var(--spacing-gutter-xl);
}
@media (min-width:1600px) {
margin-top: var(--spacing-gutter-2xl);
}
}
.mt-1 {
margin-top: var(--spacing);
}
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
.mt-6 {
margin-top: calc(var(--spacing) * 6);
}
.mt-article-base {
margin-top: var(--pad-article-base);
}
.mt-auto {
margin-top: auto;
}
.mt-block-base {
margin-top: var(--spacing-block-base);
}
.mt-card-base {
margin-top: var(--spacing-card-base);
}
.mt-heading {
margin-top: var(--gap-hgroup-heading);
}
.mt-section-base {
margin-top: var(--pad-section-base);
}
.mt-sub-base {
margin-top: var(--spacing-sub-base);
}
.mr-2 {
margin-right: calc(var(--spacing) * 2);
}
.dfp-transcript-entry {
display: flex;
align-items: flex-start;
gap: var(--spacing-sub-base);
padding: var(--spacing-sub-base) 0;
}
.dfp-transcript-entry + .dfp-transcript-entry {
border-top: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.dfp-transcript-entry .ts-time {
flex-shrink: 0;
width: 56px;
}
.dfp-transcript-entry .ts-time a {
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
text-decoration-line: none;
color: rgb(var(--color-key));
font-variant-numeric: tabular-nums;
}
.dfp-transcript-entry .ts-time a:hover {
text-decoration: underline;
}
.dfp-transcript-entry .ts-content {
min-width: 0px;
flex: 1;
}
.dfp-transcript-entry .ts-speaker {
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
margin-bottom: 2px;
}
.dfp-transcript-entry .ts-text {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
}
.dfp-transcript-entry.moderator .avatar {
background: rgb(var(--color-tertiary));
}
.dfp-transcript-entry.moderator .ts-speaker {
color: rgb(var(--color-secondary));
}
.dfp-transcript-entry.expert .avatar {
background: rgb(var(--color-key));
}
.dfp-transcript-entry.expert .ts-speaker {
color: rgb(var(--color-key));
}
:where(.dfp-transcript-entry:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.mb-gutter {
margin-bottom: var(--spacing-gutter-base);
@media (min-width:640px) {
margin-bottom: var(--spacing-gutter-sm);
}
@media (min-width:768px) {
margin-bottom: var(--spacing-gutter-md);
}
@media (min-width:960px) {
margin-bottom: var(--spacing-gutter-lg);
}
@media (min-width:1440px) {
margin-bottom: var(--spacing-gutter-xl);
}
@media (min-width:1600px) {
margin-bottom: var(--spacing-gutter-2xl);
}
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.mb-article-base {
margin-bottom: var(--pad-article-base);
}
.mb-article-xl {
margin-bottom: var(--pad-article-xl);
}
.mb-element-base {
margin-bottom: var(--pad-element-base);
}
.mb-sub-base {
margin-bottom: var(--spacing-sub-base);
}
.ml-3 {
margin-left: calc(var(--spacing) * 3);
}
.ml-auto {
margin-left: auto;
}
.ml-sub-base {
margin-left: var(--spacing-sub-base);
}
.box-border {
box-sizing: border-box;
}
.dfp-drag-list {
display: flex;
width: 100%;
flex-direction: column;
}
.dfp-drag-list.links {
row-gap: var(--spacing-card-base);
}
:where(.dfp-drag-list:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.dfp-drag-attributes {
display: flex;
width: fit-content;
flex-direction: row;
column-gap: var(--gap-form-2xl);
}
.dfp-drag-attributes p {
width: var(--element-min-size);
text-align: center;
}
:where(.dfp-drag-attributes:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.dfp-drag-controls .buttons {
display: flex;
flex-direction: row;
@media (width >= 640px) {
display: none;
}
}
.dfp-drag-controls .buttons > button {
width: calc(var(--element-min-size) + var(--layout-unit) + var(--layout-unit));
text-align: center;
}
.dfp-invite-method {
display: flex;
flex: 1;
cursor: pointer;
flex-direction: column;
align-items: center;
border-radius: var(--radius-corner);
text-align: center;
padding: var(--pad-article-base);
gap: var(--spacing-sub-base);
border: 2px solid rgb(var(--color-secondary) / var(--shader-light));
background: none;
font: inherit;
color: inherit;
transition: all var(--qs-duration-fast) var(--qs-ease-standard);
}
.dfp-invite-method:hover {
border-color: rgb(var(--color-secondary));
}
.dfp-invite-method.active {
border-color: rgb(var(--color-key));
}
.dfp-invite-method i {
font-size: var(--text-i3-size);
line-height: var(--tw-leading, var(--text-i3-lh));
color: rgb(var(--color-key) / 1);
}
.dfp-invite-method p {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.dfp-invite-method span {
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
color: rgb(var(--color-tertiary) / 1);
}
:where(.dfp-invite-method:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.data-table .dfp-invite-actions {
display: flex;
gap: var(--spacing-sub-base);
}
.data-table .dfp-invite-actions button {
cursor: pointer;
border-radius: var(--radius-corner);
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
padding: 4px var(--spacing-sub-base);
border: 1px solid rgb(var(--color-secondary) / var(--shader-light));
background: transparent;
color: rgb(var(--color-secondary));
transition: all var(--qs-duration-fast) var(--qs-ease-standard);
}
.data-table .dfp-invite-actions button:hover {
border-color: rgb(var(--color-key));
color: rgb(var(--color-key));
}
:where(.dfp-invite-actions:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-base);
row-gap: var(--gap-stack-base);
@media (min-width:640px) {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-sm);
row-gap: var(--gap-stack-sm);
}
@media (min-width:768px) {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-md);
row-gap: var(--gap-stack-md);
}
@media (min-width:960px) {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-lg);
row-gap: var(--gap-stack-lg);
}
@media (min-width:1440px) {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-xl);
row-gap: var(--gap-stack-xl);
}
@media (min-width:1600px) {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-2xl);
row-gap: var(--gap-stack-2xl);
}
.card &, .card-base & {
column-gap: var(--spacing-card-base);
@media (min-width:640px) {
column-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
column-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
column-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
column-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
column-gap: var(--spacing-card-2xl);
}
}
}
.stack-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
column-gap: var(--gap-stack-base);
@media (min-width:640px) {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-sm);
}
@media (min-width:768px) {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-md);
}
@media (min-width:960px) {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-lg);
}
@media (min-width:1440px) {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-xl);
}
@media (min-width:1600px) {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-2xl);
}
.card &, .card-base & {
column-gap: var(--spacing-card-base);
@media (min-width:640px) {
column-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
column-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
column-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
column-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
column-gap: var(--spacing-card-2xl);
}
}
}
.dfp-invite-section {
display: flex;
flex-direction: column;
gap: var(--pad-article-base);
}
:where(.dfp-invite-section:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.stack {
display: flex;
flex-direction: column;
gap: var(--gap-stack-base);
@media (min-width:640px) {
display: flex;
flex-direction: column;
gap: var(--gap-stack-sm);
}
@media (min-width:768px) {
display: flex;
flex-direction: column;
gap: var(--gap-stack-md);
}
@media (min-width:960px) {
display: flex;
flex-direction: column;
gap: var(--gap-stack-lg);
}
@media (min-width:1440px) {
display: flex;
flex-direction: column;
gap: var(--gap-stack-xl);
}
@media (min-width:1600px) {
display: flex;
flex-direction: column;
gap: var(--gap-stack-2xl);
}
.card &, .card-base & {
row-gap: var(--spacing-card-base);
@media (min-width:640px) {
row-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
row-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
row-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
row-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
row-gap: var(--spacing-card-2xl);
}
}
}
.stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-base);
@media (min-width:640px) {
display: flex;
flex-direction: column;
gap: var(--gap-stack-sm);
}
@media (min-width:768px) {
display: flex;
flex-direction: column;
gap: var(--gap-stack-md);
}
@media (min-width:960px) {
display: flex;
flex-direction: column;
gap: var(--gap-stack-lg);
}
@media (min-width:1440px) {
display: flex;
flex-direction: column;
gap: var(--gap-stack-xl);
}
@media (min-width:1600px) {
display: flex;
flex-direction: column;
gap: var(--gap-stack-2xl);
}
.card &, .card-base & {
row-gap: var(--spacing-card-base);
@media (min-width:640px) {
row-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
row-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
row-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
row-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
row-gap: var(--spacing-card-2xl);
}
}
}
.stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-base);
@media (min-width:640px) {
display: flex;
flex-direction: column;
gap: var(--gap-form-sm);
}
@media (min-width:768px) {
display: flex;
flex-direction: column;
gap: var(--gap-form-md);
}
@media (min-width:960px) {
display: flex;
flex-direction: column;
gap: var(--gap-form-lg);
}
@media (min-width:1440px) {
display: flex;
flex-direction: column;
gap: var(--gap-form-xl);
}
@media (min-width:1600px) {
display: flex;
flex-direction: column;
gap: var(--gap-form-2xl);
}
}
.dfp-invite-methods {
display: flex;
gap: var(--spacing-sub-base);
}
:where(.dfp-invite-methods:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.line-clamp-6 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
.block {
display: block;
}
.flex {
display: flex;
}
.flow-root {
display: flow-root;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.table-row {
display: table-row;
}
.aspect-preview {
aspect-ratio: var(--aspect-preview);
}
.aspect-x-golden {
aspect-ratio: var(--aspect-x-golden);
}
@media (width >= 640px) {
.dfp-post-form-avatar {
width: var(--element-c-md);
height: var(--element-c-md);
}
}
.size-2 {
width: calc(var(--spacing) * 2);
height: calc(var(--spacing) * 2);
}
.size-2\.5 {
width: calc(var(--spacing) * 2.5);
height: calc(var(--spacing) * 2.5);
}
.size-4 {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.size-5 {
width: calc(var(--spacing) * 5);
height: calc(var(--spacing) * 5);
}
.size-8 {
width: calc(var(--spacing) * 8);
height: calc(var(--spacing) * 8);
}
.h-3row {
height: calc(3 * var(--layout-row-height-base) + 2 * var(--spacing-gutter-base));
@media (min-width:640px) {
height: calc(3 * var(--layout-row-height-sm) + 2 * var(--spacing-gutter-sm));
}
@media (min-width:768px) {
height: calc(3 * var(--layout-row-height-md) + 2 * var(--spacing-gutter-md));
}
@media (min-width:960px) {
height: calc(3 * var(--layout-row-height-lg) + 2 * var(--spacing-gutter-lg));
}
@media (min-width:1440px) {
height: calc(3 * var(--layout-row-height-xl) + 2 * var(--spacing-gutter-xl));
}
@media (min-width:1600px) {
height: calc(3 * var(--layout-row-height-2xl) + 2 * var(--spacing-gutter-2xl));
}
}
.h-5row {
height: calc(5 * var(--layout-row-height-base) + 4 * var(--spacing-gutter-base));
@media (min-width:640px) {
height: calc(5 * var(--layout-row-height-sm) + 4 * var(--spacing-gutter-sm));
}
@media (min-width:768px) {
height: calc(5 * var(--layout-row-height-md) + 4 * var(--spacing-gutter-md));
}
@media (min-width:960px) {
height: calc(5 * var(--layout-row-height-lg) + 4 * var(--spacing-gutter-lg));
}
@media (min-width:1440px) {
height: calc(5 * var(--layout-row-height-xl) + 4 * var(--spacing-gutter-xl));
}
@media (min-width:1600px) {
height: calc(5 * var(--layout-row-height-2xl) + 4 * var(--spacing-gutter-2xl));
}
}
.h-0\.5 {
height: calc(var(--spacing) * 0.5);
}
.h-36 {
height: calc(var(--spacing) * 36);
}
.h-\[16px\] {
height: 16px;
}
.h-\[32px\] {
height: 32px;
}
.h-\[200px\] {
height: 200px;
}
.h-\[300px\] {
height: 300px;
}
.h-auto {
height: auto;
}
.h-dvh {
height: 100dvh;
}
.h-element-base {
height: var(--element-base-size);
}
.h-element-compact {
height: var(--element-compact-size);
}
.h-element-hairline {
height: var(--element-hairline-size);
}
.h-element-min {
height: var(--element-min-size);
}
.h-element-minx {
height: calc(var(--element-min-size) + var(--layout-unit));
}
.h-element-minxx {
height: calc(var(--element-min-size) + var(--layout-unit) + var(--layout-unit));
}
.h-element-nav-max {
height: var(--element-nav-max-height);
}
.h-element-nav-min {
height: var(--element-nav-min-height);
}
.h-element-sub {
height: var(--element-sub-size);
}
.h-element-subx {
height: calc(var(--element-sub-size) + var(--layout-unit));
}
.h-elementx-base {
height: calc(var(--element-base-size) + var(--layout-unit));
}
.h-elementxx-base {
height: calc(var(--element-base-size) + var(--layout-unit) + var(--layout-unit));
}
.h-full {
height: 100%;
}
.max-h-element {
max-height: var(--element-max-h-base);
@media (min-width:640px) {
max-height: var(--element-max-h-sm);
}
@media (min-width:768px) {
max-height: var(--element-max-h-md);
}
@media (min-width:960px) {
max-height: var(--element-max-h-lg);
}
@media (min-width:1440px) {
max-height: var(--element-max-h-xl);
}
@media (min-width:1600px) {
max-height: var(--element-max-h-2xl);
}
}
.max-h-6 {
max-height: calc(var(--spacing) * 6);
}
.max-h-8 {
max-height: calc(var(--spacing) * 8);
}
.max-h-\[35vh\] {
max-height: 35vh;
}
.max-h-\[var\(--element-nav-max-height\)\] {
max-height: var(--element-nav-max-height);
}
.max-h-element-max-2xl {
max-height: var(--element-max-h-2xl);
}
.max-h-element-max-base {
max-height: var(--element-max-h-base);
}
.max-h-element-max-lg {
max-height: var(--element-max-h-lg);
}
.max-h-element-max-md {
max-height: var(--element-max-h-md);
}
.max-h-element-max-sm {
max-height: var(--element-max-h-sm);
}
.max-h-element-max-xl {
max-height: var(--element-max-h-xl);
}
.max-h-element-nav {
max-height: var(--element-max-h-base);
}
.min-h-0 {
min-height: 0px;
}
.min-h-\[48px\] {
min-height: 48px;
}
.min-h-\[64px\] {
min-height: 64px;
}
.min-h-\[96px\] {
min-height: 96px;
}
.min-h-\[160px\] {
min-height: 160px;
}
.min-h-element-compact {
min-height: var(--element-compact-size);
}
.min-h-element-sub {
min-height: var(--element-sub-size);
}
.dfp-feature-card {
width: 100%;
background-color: transparent;
padding: var(--border-button);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: rgb(var(--color-key) / 1);
--tw-ring-inset: inset;
}
.dfp-feature-card.gradient {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: transparent;
}
.dfp-feature-card.gradient .dfp-stack-feature-card {
background-color: rgb(var(--color-invert) / var(--color-key-gradient-invert-opacity));
}
.dfp-feature-card .dfp-feature-title > i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
font-size: var(--text-h2-size);
line-height: var(--tw-leading, var(--text-h2-lh));
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.w-36 {
width: calc(var(--spacing) * 36);
}
.w-\[32px\] {
width: 32px;
}
.w-\[64px\] {
width: 64px;
}
.w-\[96px\] {
width: 96px;
}
.w-\[128px\] {
width: 128px;
}
.w-\[160px\] {
width: 160px;
}
.w-\[192px\] {
width: 192px;
}
.w-\[240px\] {
width: 240px;
}
.w-\[256px\] {
width: 256px;
}
.w-auto {
width: auto;
}
.w-dvw {
width: 100dvw;
}
.w-element-base {
width: var(--element-base-size);
}
.w-element-min {
width: var(--element-min-size);
}
.w-elementc-2xl {
width: var(--element-c-2xl);
}
.w-elementc-3xl {
width: var(--element-c-3xl);
}
.w-elementc-4xl {
width: var(--element-c-4xl);
}
.w-elementc-lg {
width: var(--element-c-lg);
}
.w-elementc-md {
width: var(--element-c-md);
}
.w-elementc-sm {
width: var(--element-c-sm);
}
.w-elementc-xl {
width: var(--element-c-xl);
}
.w-elementr-2xl {
width: var(--element-r-2xl);
}
.w-elementr-3xl {
width: var(--element-r-3xl);
}
.w-elementr-4xl {
width: var(--element-r-4xl);
}
.w-elementr-lg {
width: var(--element-r-lg);
}
.w-elementr-md {
width: var(--element-r-md);
}
.w-elementr-sm {
width: var(--element-r-sm);
}
.w-elementr-xl {
width: var(--element-r-xl);
}
.w-full {
width: 100%;
}
@media (min-width:640px) {
.max-w-breakpoint {
max-width: 640px;
max-width: var(--screen-sm);
}
}
@media (min-width:768px) {
.max-w-breakpoint {
max-width: 768px;
max-width: var(--screen-md);
}
}
@media (min-width:960px) {
.max-w-breakpoint {
max-width: 960px;
max-width: var(--screen-lg);
}
}
@media (min-width:1440px) {
.max-w-breakpoint {
max-width: 1440px;
max-width: var(--screen-xl);
}
}
@media (min-width:1600px) {
.max-w-breakpoint {
max-width: 1600px;
max-width: var(--screen-2xl);
}
}
.max-w-4xl {
max-width: var(--container-4xl);
}
.max-w-\[64ch\] {
max-width: 64ch;
}
.max-w-\[280px\] {
max-width: 280px;
}
.max-w-\[400px\] {
max-width: 400px;
}
.max-w-\[440px\] {
max-width: 440px;
}
.max-w-\[540px\] {
max-width: 540px;
}
.max-w-\[576px\] {
max-width: 576px;
}
.max-w-\[640px\] {
max-width: 640px;
}
.max-w-\[860px\] {
max-width: 860px;
}
.max-w-\[1600px\] {
max-width: 1600px;
}
.max-w-elementc-4xl {
max-width: var(--element-c-4xl);
}
.max-w-elementc-xl {
max-width: var(--element-c-xl);
}
.max-w-lg {
max-width: var(--container-lg);
}
.max-w-prose {
max-width: 65ch;
}
.max-w-screen-lg {
max-width: 960px;
max-width: var(--screen-lg);
}
.min-w-0 {
min-width: 0px;
}
.min-w-\[100px\] {
min-width: 100px;
}
.min-w-\[108px\] {
min-width: 108px;
}
.min-w-\[160px\] {
min-width: 160px;
}
.min-w-\[180px\] {
min-width: 180px;
}
.min-w-\[200px\] {
min-width: 200px;
}
.min-w-elementc-lg {
min-width: var(--element-c-lg);
}
.min-w-elementc-md {
min-width: var(--element-c-md);
}
.flex-1 {
flex: 1;
}
.flex-\[2\] {
flex: 2;
}
.flex-shrink {
flex-shrink: 1;
}
.shrink-0 {
flex-shrink: 0;
}
.flex-grow {
flex-grow: 1;
}
.grow {
flex-grow: 1;
}
.basis-1\/2 {
flex-basis: calc(1 / 2 * 100%);
}
.basis-1\/5 {
flex-basis: calc(1 / 5 * 100%);
}
.basis-1\/7 {
flex-basis: 14.2857143%;
}
.basis-2\/7 {
flex-basis: 28.5714286%;
}
.basis-3\/7 {
flex-basis: 42.8571429%;
}
.basis-4\/5 {
flex-basis: calc(4 / 5 * 100%);
}
.basis-4\/7 {
flex-basis: 57.1428571%;
}
.basis-5\/7 {
flex-basis: 71.4285714%;
}
.basis-base-sm {
flex-basis: calc(50% - var(--spacing-gutter-base));
}
.basis-full {
flex-basis: 100%;
}
.basis-lg-lg {
flex-basis: calc(50% - var(--spacing-gutter-lg));
}
.basis-lg-smx {
flex-basis: calc(25% - var(--spacing-gutter-lg));
}
.border-collapse {
border-collapse: collapse;
}
.transform {
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.dfp-loading-overlay .modal-block {
animation: fade-half 3s linear infinite;
padding: var(--pad-article-base);
text-align: center;
}
.dfp-loading-overlay i {
animation: spin 5s linear infinite;
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
font-size: var(--text-h1-size);
line-height: var(--tw-leading, var(--text-h1-lh));
}
.animate-fade {
animation: fade 5s cubic-bezier(0.2, 0, 0.6, 1) infinite;
}
.animate-glow {
animation: glow 5s cubic-bezier(0.1, 0.1, 0.6, 1) infinite;
}
.animate-spin-slow {
animation: spin 5s linear infinite;
}
.cursor-pointer {
cursor: pointer;
}
.resize {
resize: both;
}
.list-decimal {
list-style-type: decimal;
}
.list-disc {
list-style-type: disc;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[auto_1fr_auto\] {
grid-template-columns: auto 1fr auto;
}
.grid-cols-base {
grid-template-columns: repeat(var(--layout-cols-base), minmax(0, 1fr));
}
.grid-cols-lg {
grid-template-columns: repeat(var(--layout-cols-lg), minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-row {
flex-direction: row;
}
.flex-wrap {
flex-wrap: wrap;
}
.place-content-center {
place-content: center;
}
.content-center {
align-content: center;
}
.content-end {
align-content: flex-end;
}
.items-baseline {
align-items: baseline;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-start {
justify-content: flex-start;
}
.justify-items-center {
justify-items: center;
}
.gap-2gutter {
gap: calc(2 * var(--spacing-gutter-base));
@media (min-width:640px) {
gap: calc(2 * var(--spacing-gutter-sm));
}
@media (min-width:768px) {
gap: calc(2 * var(--spacing-gutter-md));
}
@media (min-width:960px) {
gap: calc(2 * var(--spacing-gutter-lg));
}
@media (min-width:1440px) {
gap: calc(2 * var(--spacing-gutter-xl));
}
@media (min-width:1600px) {
gap: calc(2 * var(--spacing-gutter-2xl));
}
}
.gap-article {
gap: var(--gap-article-base);
@media (min-width:640px) {
gap: var(--gap-article-sm);
}
@media (min-width:768px) {
gap: var(--gap-article-md);
}
@media (min-width:960px) {
gap: var(--gap-article-lg);
}
@media (min-width:1440px) {
gap: var(--gap-article-xl);
}
@media (min-width:1600px) {
gap: var(--gap-article-2xl);
}
}
.gap-block {
gap: var(--spacing-block-base);
@media (min-width:640px) {
gap: var(--spacing-block-sm);
}
@media (min-width:768px) {
gap: var(--spacing-block-md);
}
@media (min-width:960px) {
gap: var(--spacing-block-lg);
}
@media (min-width:1440px) {
gap: var(--spacing-block-xl);
}
@media (min-width:1600px) {
gap: var(--spacing-block-2xl);
}
}
.gap-card {
gap: var(--spacing-card-base);
@media (min-width:640px) {
gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
gap: var(--spacing-card-md);
}
@media (min-width:960px) {
gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
gap: var(--spacing-card-2xl);
}
}
.gap-form {
gap: var(--gap-form-base);
@media (min-width:640px) {
gap: var(--gap-form-sm);
}
@media (min-width:768px) {
gap: var(--gap-form-md);
}
@media (min-width:960px) {
gap: var(--gap-form-lg);
}
@media (min-width:1440px) {
gap: var(--gap-form-xl);
}
@media (min-width:1600px) {
gap: var(--gap-form-2xl);
}
}
.gap-gutter {
gap: var(--spacing-gutter-base);
@media (min-width:640px) {
gap: var(--spacing-gutter-sm);
}
@media (min-width:768px) {
gap: var(--spacing-gutter-md);
}
@media (min-width:960px) {
gap: var(--spacing-gutter-lg);
}
@media (min-width:1440px) {
gap: var(--spacing-gutter-xl);
}
@media (min-width:1600px) {
gap: var(--spacing-gutter-2xl);
}
}
.gap-section {
gap: var(--gap-section-base);
@media (min-width:640px) {
gap: var(--gap-section-sm);
}
@media (min-width:768px) {
gap: var(--gap-section-md);
}
@media (min-width:960px) {
gap: var(--gap-section-lg);
}
@media (min-width:1440px) {
gap: var(--gap-section-xl);
}
@media (min-width:1600px) {
gap: var(--gap-section-2xl);
}
}
.gap-stack {
gap: var(--gap-stack-base);
@media (min-width:640px) {
gap: var(--gap-stack-sm);
}
@media (min-width:768px) {
gap: var(--gap-stack-md);
}
@media (min-width:960px) {
gap: var(--gap-stack-lg);
}
@media (min-width:1440px) {
gap: var(--gap-stack-xl);
}
@media (min-width:1600px) {
gap: var(--gap-stack-2xl);
}
}
.gap-sub {
gap: var(--spacing-sub-base);
@media (min-width:640px) {
gap: var(--spacing-sub-sm);
}
@media (min-width:768px) {
gap: var(--spacing-sub-md);
}
@media (min-width:960px) {
gap: var(--spacing-sub-lg);
}
@media (min-width:1440px) {
gap: var(--spacing-sub-xl);
}
@media (min-width:1600px) {
gap: var(--spacing-sub-2xl);
}
}
.gap-0 {
gap: 0px;
}
.gap-1 {
gap: var(--spacing);
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-article-base {
gap: var(--gap-article-base);
}
.gap-card-base {
gap: var(--spacing-card-base);
}
.gap-element-base {
gap: var(--gap-element-base);
}
.gap-element-lg {
gap: var(--gap-element-lg);
}
.gap-form-base {
gap: var(--gap-form-base);
}
.gap-form-lg {
gap: var(--gap-form-lg);
}
.gap-gutter-base {
gap: var(--spacing-gutter-base);
}
.gap-gutter-lg {
gap: var(--spacing-gutter-lg);
}
.gap-gutter-sm {
gap: var(--spacing-gutter-sm);
}
.gap-section-base {
gap: var(--gap-section-base);
}
.gap-stack-base {
gap: var(--gap-stack-base);
}
.gap-stack-min {
gap: var(--spacing-sub-base);
}
.gap-sub-base {
gap: var(--spacing-sub-base);
}
:where(.space-y-card > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-base) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-base) * calc(1 - var(--tw-space-y-reverse)));
}
@media (min-width:640px) {
:where(.space-y-card > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-sm) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-sm) * calc(1 - var(--tw-space-y-reverse)));
}
}
@media (min-width:768px) {
:where(.space-y-card > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-md) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-md) * calc(1 - var(--tw-space-y-reverse)));
}
}
@media (min-width:960px) {
:where(.space-y-card > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-lg) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-lg) * calc(1 - var(--tw-space-y-reverse)));
}
}
@media (min-width:1440px) {
:where(.space-y-card > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-xl) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-xl) * calc(1 - var(--tw-space-y-reverse)));
}
}
@media (min-width:1600px) {
:where(.space-y-card > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-2xl) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-2xl) * calc(1 - var(--tw-space-y-reverse)));
}
}
.gap-x-gutter {
column-gap: var(--spacing-gutter-base);
@media (min-width:640px) {
column-gap: var(--spacing-gutter-sm);
}
@media (min-width:768px) {
column-gap: var(--spacing-gutter-md);
}
@media (min-width:960px) {
column-gap: var(--spacing-gutter-lg);
}
@media (min-width:1440px) {
column-gap: var(--spacing-gutter-xl);
}
@media (min-width:1600px) {
column-gap: var(--spacing-gutter-2xl);
}
}
:where(.hgroup-heading > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--gap-hgroup-heading) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--gap-hgroup-heading) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.hgroup-title > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--gap-hgroup-title) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--gap-hgroup-title) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-6 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-block-base > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-block-base) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-block-base) * calc(1 - var(--tw-space-y-reverse)));
}
.gap-x-1 {
column-gap: var(--spacing);
}
.gap-x-3 {
column-gap: calc(var(--spacing) * 3);
}
.gap-x-base-unit {
column-gap: var(--layout-unit);
}
.gap-x-gutter-base {
column-gap: var(--spacing-gutter-base);
}
.gap-x-sub-base {
column-gap: var(--spacing-sub-base);
}
.gap-y-gutterxx {
row-gap: calc(var(--spacing-gutter-base) + var(--layout-unit) + var(--layout-unit));
@media (min-width:640px) {
row-gap: calc(var(--spacing-gutter-sm) + var(--layout-unit) + var(--layout-unit));
}
@media (min-width:768px) {
row-gap: calc(var(--spacing-gutter-md) + var(--layout-unit) + var(--layout-unit));
}
@media (min-width:960px) {
row-gap: calc(var(--spacing-gutter-lg) + var(--layout-unit) + var(--layout-unit));
}
@media (min-width:1440px) {
row-gap: calc(var(--spacing-gutter-xl) + var(--layout-unit) + var(--layout-unit));
}
@media (min-width:1600px) {
row-gap: calc(var(--spacing-gutter-2xl) + var(--layout-unit) + var(--layout-unit));
}
}
.gap-y-1 {
row-gap: var(--spacing);
}
.gap-y-base-unit {
row-gap: var(--layout-unit);
}
.gap-y-sub-base {
row-gap: var(--spacing-sub-base);
}
:where(.divide-y > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(1px * var(--tw-divide-y-reverse));
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.divide-key > :not(:last-child)) {
border-color: rgb(var(--color-key) / 1);
}
:where(.divide-tertiary > :not(:last-child)) {
border-color: rgb(var(--color-tertiary) / 1);
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.rounded-card {
border-radius: var(--radius-article-base);
@media (min-width:640px) {
border-radius: var(--radius-article-sm);
}
@media (min-width:768px) {
border-radius: var(--radius-article-md);
}
@media (min-width:960px) {
border-radius: var(--radius-article-lg);
}
@media (min-width:1440px) {
border-radius: var(--radius-article-xl);
}
@media (min-width:1600px) {
border-radius: var(--radius-article-2xl);
}
}
.rounded {
border-radius: 0.25rem;
}
.rounded-\[8px\] {
border-radius: 8px;
}
.rounded-base {
border-radius: var(--radius-base);
}
.rounded-chip {
border-radius: var(--radius-chip);
}
.rounded-corner {
border-radius: var(--radius-corner);
}
.rounded-corner-inset {
border-radius: var(--radius-corner-inset);
}
.rounded-field {
border-radius: var(--radius-field);
}
.rounded-full {
border-radius: calc(infinity * 1px);
}
.rounded-md {
border-radius: var(--radius-md);
}
.rounded-sm {
border-radius: var(--radius-sm);
}
.rounded-t-card {
border-top-left-radius: var(--radius-article-base);
border-top-right-radius: var(--radius-article-base);
@media (min-width:640px) {
border-top-left-radius: var(--radius-article-sm);
border-top-right-radius: var(--radius-article-sm);
}
@media (min-width:768px) {
border-top-left-radius: var(--radius-article-md);
border-top-right-radius: var(--radius-article-md);
}
@media (min-width:960px) {
border-top-left-radius: var(--radius-article-lg);
border-top-right-radius: var(--radius-article-lg);
}
@media (min-width:1440px) {
border-top-left-radius: var(--radius-article-xl);
border-top-right-radius: var(--radius-article-xl);
}
@media (min-width:1600px) {
border-top-left-radius: var(--radius-article-2xl);
border-top-right-radius: var(--radius-article-2xl);
}
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-0 {
border-style: var(--tw-border-style);
border-width: 0px;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-4 {
border-style: var(--tw-border-style);
border-width: 4px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-l-4 {
border-left-style: var(--tw-border-style);
border-left-width: 4px;
}
.border-background {
border-color: rgb(var(--color-background) / 1);
}
.border-key {
border-color: rgb(var(--color-key) / 1);
}
.border-key\/20 {
border-color: color-mix(in srgb, rgb(rgb(var(--color-key) / 1) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, rgb(var(--color-key) / 1) 20%, transparent);
}
}
.border-secondary-shader-light {
border-color: rgb(var(--color-secondary) / var(--shader-light));
}
.border-tertiary {
border-color: rgb(var(--color-tertiary) / 1);
}
.border-tertiary\/25 {
border-color: color-mix(in srgb, rgb(rgb(var(--color-tertiary) / 1) / 1) 25%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, rgb(var(--color-tertiary) / 1) 25%, transparent);
}
}
.config-bg-footer {
background-color: rgb(var(--color-footer-background) / 1);
background-image: none;
}
.config-bg-header {
background-color: rgb(var(--color-header-background) / 1);
background-image: none;
}
.\!bg-black\/50 {
background-color: color-mix(in srgb, #000 50%, transparent) !important;
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 50%, transparent) !important;
}
}
.bg-\[\#fafafc\] {
background-color: #fafafc;
}
.bg-alert-error {
background-color: rgb(var(--color-alert-error) / 1);
}
.bg-alert-error-bg {
background-color: rgb(var(--color-alert-error-background) / 1);
}
.bg-alert-notify {
background-color: rgb(var(--color-alert-notify) / 1);
}
.bg-alert-notify-bg {
background-color: rgb(var(--color-alert-notify-background) / 1);
}
.bg-alert-success {
background-color: rgb(var(--color-alert-success) / 1);
}
.bg-alert-success-bg {
background-color: rgb(var(--color-alert-success-background) / 1);
}
.bg-alert-warning {
background-color: rgb(var(--color-alert-warning) / 1);
}
.bg-alert-warning-bg {
background-color: rgb(var(--color-alert-warning-background) / 1);
}
.bg-background {
background-color: rgb(var(--color-background) / 1);
}
.bg-invert {
background-color: rgb(var(--color-invert) / 1);
}
.bg-invert\/5 {
background-color: color-mix(in srgb, rgb(rgb(var(--color-invert) / 1) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, rgb(var(--color-invert) / 1) 5%, transparent);
}
}
.bg-invert\/95 {
background-color: color-mix(in srgb, rgb(rgb(var(--color-invert) / 1) / 1) 95%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, rgb(var(--color-invert) / 1) 95%, transparent);
}
}
.bg-key {
background-color: rgb(var(--color-key) / 1);
}
.bg-key-alt {
background-color: rgb(var(--color-key-alt) / 1);
}
.bg-key-alt-invert {
background-color: rgb(var(--color-key-alt-invert) / 1);
}
.bg-key-gradient-invert {
background-color: rgb(var(--color-key-gradient-invert) / 1);
}
.bg-key-invert {
background-color: rgb(var(--color-key-invert) / 1);
}
.bg-key-shader {
background-color: rgb(var(--color-key) / var(--shader-base));
}
.bg-key-shader-heavy {
background-color: rgb(var(--color-key) / var(--shader-heavy));
}
.bg-key-shader-light {
background-color: rgb(var(--color-key) / var(--shader-light));
}
.bg-key\/5 {
background-color: color-mix(in srgb, rgb(rgb(var(--color-key) / 1) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, rgb(var(--color-key) / 1) 5%, transparent);
}
}
.bg-key\/20 {
background-color: color-mix(in srgb, rgb(rgb(var(--color-key) / 1) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, rgb(var(--color-key) / 1) 20%, transparent);
}
}
.bg-key\/95 {
background-color: color-mix(in srgb, rgb(rgb(var(--color-key) / 1) / 1) 95%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, rgb(var(--color-key) / 1) 95%, transparent);
}
}
.bg-primary {
background-color: rgb(var(--color-primary) / 1);
}
.bg-primary-alt {
background-color: rgb(var(--color-primary-alt) / 1);
}
.bg-primary-shader {
background-color: rgb(var(--color-primary) / var(--shader-base));
}
.bg-primary-shader-heavy {
background-color: rgb(var(--color-primary) / var(--shader-heavy));
}
.bg-primary-shader-light {
background-color: rgb(var(--color-primary) / var(--shader-light));
}
.bg-secondary {
background-color: rgb(var(--color-secondary) / 1);
}
.bg-secondary-shader-light {
background-color: rgb(var(--color-secondary) / var(--shader-light));
}
.bg-tertiary {
background-color: rgb(var(--color-tertiary) / 1);
}
.bg-transparent {
background-color: transparent;
}
.bg-white {
background-color: var(--color-white);
}
.config-plink-base {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
font-style: italic;
text-decoration-line: none;
}
.config-hlink-active {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: var(--color-key-gradient-active-opacity);
}
.config-hlink-base {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
text-decoration-line: none;
}
.config-hlink-hover {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: var(--color-key-gradient-active-opacity);
}
.config-plink-active {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: var(--color-key-gradient-active-opacity);
}
.config-plink-hover {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: var(--color-key-gradient-active-opacity);
}
.config-text-key {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.config-text-key-alt {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.config-text-key-alt-invert {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt-invert) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.config-text-key-invert {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.gradient-text-key {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.gradient-text-key-alt {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.gradient-text-key-alt-invert {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt-invert) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.gradient-text-key-invert {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.gradient-bg {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-background-start) / 1);
--tw-gradient-to: rgb(var(--color-background-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background: linear-gradient(to var(--color-background-direction), rgba(var(--color-background-start-rgb), 1), rgba(var(--color-background-end-rgb), 1));
}
.gradient-bg-alt {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-background-start-alt) / 1);
--tw-gradient-to: rgb(var(--color-background-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background: linear-gradient(to var(--color-background-alt-direction), rgba(var(--color-background-start-alt-rgb), 1), rgba(var(--color-background-end-alt-rgb), 1));
}
.config-bg-key {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.gradient-key {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.gradient-key-alt {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.gradient-key-invert {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.bg-gradient-to-t {
--tw-gradient-position: to top in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-none {
background-image: none;
}
.from-primary-shader {
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary-shader-light {
--tw-gradient-to: rgb(var(--color-primary) / var(--shader-light));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.bg-cover {
background-size: cover;
}
.bg-center {
background-position: center;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.object-cover {
object-fit: cover;
}
.object-center {
object-position: center;
}
.dfp-post-form form div.form-textarea {
padding: 0px;
--tw-ring-color: transparent;
}
.p-article {
padding: var(--pad-article-base);
@media (min-width:640px) {
padding: var(--pad-article-sm);
}
@media (min-width:768px) {
padding: var(--pad-article-md);
}
@media (min-width:960px) {
padding: var(--pad-article-lg);
}
@media (min-width:1440px) {
padding: var(--pad-article-xl);
}
@media (min-width:1600px) {
padding: var(--pad-article-2xl);
}
}
.p-block {
padding: var(--spacing-block-base);
@media (min-width:640px) {
padding: var(--spacing-block-sm);
}
@media (min-width:768px) {
padding: var(--spacing-block-md);
}
@media (min-width:960px) {
padding: var(--spacing-block-lg);
}
@media (min-width:1440px) {
padding: var(--spacing-block-xl);
}
@media (min-width:1600px) {
padding: var(--spacing-block-2xl);
}
}
.p-card {
padding: var(--spacing-card-base);
@media (min-width:640px) {
padding: var(--spacing-card-sm);
}
@media (min-width:768px) {
padding: var(--spacing-card-md);
}
@media (min-width:960px) {
padding: var(--spacing-card-lg);
}
@media (min-width:1440px) {
padding: var(--spacing-card-xl);
}
@media (min-width:1600px) {
padding: var(--spacing-card-2xl);
}
}
.p-section {
padding: var(--pad-section-base);
@media (min-width:640px) {
padding: var(--pad-section-sm);
}
@media (min-width:768px) {
padding: var(--pad-section-md);
}
@media (min-width:960px) {
padding: var(--pad-section-lg);
}
@media (min-width:1440px) {
padding: var(--pad-section-xl);
}
@media (min-width:1600px) {
padding: var(--pad-section-2xl);
}
}
.p-shoulder {
padding: var(--spacing-shoulder-base);
@media (min-width:640px) {
padding: var(--spacing-shoulder-sm);
}
@media (min-width:768px) {
padding: var(--spacing-shoulder-md);
}
@media (min-width:960px) {
padding: var(--spacing-shoulder-lg);
}
@media (min-width:1440px) {
padding: var(--spacing-shoulder-xl);
}
@media (min-width:1600px) {
padding: var(--spacing-shoulder-2xl);
}
}
.p-sub {
padding: var(--spacing-sub-base);
@media (min-width:640px) {
padding: var(--spacing-sub-sm);
}
@media (min-width:768px) {
padding: var(--spacing-sub-md);
}
@media (min-width:960px) {
padding: var(--spacing-sub-lg);
}
@media (min-width:1440px) {
padding: var(--spacing-sub-xl);
}
@media (min-width:1600px) {
padding: var(--spacing-sub-2xl);
}
}
.p-0 {
padding: 0px;
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-6 {
padding: calc(var(--spacing) * 6);
}
.p-8 {
padding: calc(var(--spacing) * 8);
}
.p-\[16px\] {
padding: 16px;
}
.p-article-base {
padding: var(--pad-article-base);
}
.p-article-md {
padding: var(--pad-article-md);
}
.p-border-button {
padding: var(--border-button);
}
.p-card-base {
padding: var(--spacing-card-base);
}
.p-card-sm {
padding: var(--spacing-card-sm);
}
.p-element-base {
padding: var(--pad-element-base);
}
.p-section-base {
padding: var(--pad-section-base);
}
.p-section-lg {
padding: var(--pad-section-lg);
}
.p-sub-base {
padding: var(--spacing-sub-base);
}
.p-footer {
padding-inline: var(--spacing-shoulder-base);
padding-block: var(--pad-section-base);
@media (min-width:640px) {
padding-inline: var(--spacing-shoulder-sm);
padding-block: var(--pad-section-sm);
}
@media (min-width:768px) {
padding-inline: var(--spacing-shoulder-md);
padding-block: var(--pad-section-md);
}
@media (min-width:960px) {
padding-inline: var(--spacing-shoulder-lg);
padding-block: var(--pad-section-lg);
}
@media (min-width:1440px) {
padding-inline: var(--spacing-shoulder-xl);
padding-block: var(--pad-section-xl);
}
@media (min-width:1600px) {
padding-inline: var(--spacing-shoulder-2xl);
padding-block: var(--pad-section-2xl);
}
}
.p-header {
padding-inline: var(--spacing-shoulder-base);
padding-block: var(--pad-header-base);
@media (min-width:640px) {
padding-inline: var(--spacing-shoulder-sm);
padding-block: var(--pad-header-sm);
}
@media (min-width:768px) {
padding-inline: var(--spacing-shoulder-md);
padding-block: var(--pad-header-md);
}
@media (min-width:960px) {
padding-inline: var(--spacing-shoulder-lg);
padding-block: var(--pad-header-lg);
}
@media (min-width:1440px) {
padding-inline: var(--spacing-shoulder-xl);
padding-block: var(--pad-header-xl);
}
@media (min-width:1600px) {
padding-inline: var(--spacing-shoulder-2xl);
padding-block: var(--pad-header-2xl);
}
}
.px-shoulder {
padding-inline: var(--spacing-shoulder-base);
@media (min-width:640px) {
padding-inline: var(--spacing-shoulder-sm);
}
@media (min-width:768px) {
padding-inline: var(--spacing-shoulder-md);
}
@media (min-width:960px) {
padding-inline: var(--spacing-shoulder-lg);
}
@media (min-width:1440px) {
padding-inline: var(--spacing-shoulder-xl);
}
@media (min-width:1600px) {
padding-inline: var(--spacing-shoulder-2xl);
}
}
.px-0 {
padding-inline: 0px;
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.px-card-base {
padding-inline: var(--spacing-card-base);
}
.px-shoulder-base {
padding-inline: var(--spacing-shoulder-base);
}
.px-shoulder-lg {
padding-inline: var(--spacing-shoulder-lg);
}
.px-sub-base {
padding-inline: var(--spacing-sub-base);
}
.py-header {
padding-block: var(--pad-header-base);
@media (min-width:640px) {
padding-block: var(--pad-header-sm);
}
@media (min-width:768px) {
padding-block: var(--pad-header-md);
}
@media (min-width:960px) {
padding-block: var(--pad-header-lg);
}
@media (min-width:1440px) {
padding-block: var(--pad-header-xl);
}
@media (min-width:1600px) {
padding-block: var(--pad-header-2xl);
}
}
.py-section {
padding-block: var(--pad-section-base);
@media (min-width:640px) {
padding-block: var(--pad-section-sm);
}
@media (min-width:768px) {
padding-block: var(--pad-section-md);
}
@media (min-width:960px) {
padding-block: var(--pad-section-lg);
}
@media (min-width:1440px) {
padding-block: var(--pad-section-xl);
}
@media (min-width:1600px) {
padding-block: var(--pad-section-2xl);
}
}
.py-sub {
padding-block: var(--spacing-sub-base);
@media (min-width:640px) {
padding-block: var(--spacing-sub-sm);
}
@media (min-width:768px) {
padding-block: var(--spacing-sub-md);
}
@media (min-width:960px) {
padding-block: var(--spacing-sub-lg);
}
@media (min-width:1440px) {
padding-block: var(--spacing-sub-xl);
}
@media (min-width:1600px) {
padding-block: var(--spacing-sub-2xl);
}
}
.py-0 {
padding-block: 0px;
}
.py-1 {
padding-block: var(--spacing);
}
.py-card-base {
padding-block: var(--spacing-card-base);
}
.py-gutter-2xl {
padding-block: var(--spacing-gutter-2xl);
}
.py-section-base {
padding-block: var(--pad-section-base);
}
.py-sub-base {
padding-block: var(--spacing-sub-base);
}
.p-header-safeview {
padding-top: max(var(--pad-header-base), env(safe-area-inset-top));
padding-inline-start: max(var(--spacing-shoulder-base), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-base), env(safe-area-inset-right));
padding-bottom: var(--pad-header-base);
@media (min-width:640px) {
padding-top: max(var(--pad-header-sm), env(safe-area-inset-top));
padding-inline-start: max(var(--spacing-shoulder-sm), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-sm), env(safe-area-inset-right));
padding-bottom: var(--pad-header-sm);
}
@media (min-width:768px) {
padding-top: max(var(--pad-header-md), env(safe-area-inset-top));
padding-inline-start: max(var(--spacing-shoulder-md), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-md), env(safe-area-inset-right));
padding-bottom: var(--pad-header-md);
}
@media (min-width:960px) {
padding-top: max(var(--pad-header-lg), env(safe-area-inset-top));
padding-inline-start: max(var(--spacing-shoulder-lg), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-lg), env(safe-area-inset-right));
padding-bottom: var(--pad-header-lg);
}
@media (min-width:1440px) {
padding-top: max(var(--pad-header-xl), env(safe-area-inset-top));
padding-inline-start: max(var(--spacing-shoulder-xl), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-xl), env(safe-area-inset-right));
padding-bottom: var(--pad-header-xl);
}
@media (min-width:1600px) {
padding-top: max(var(--pad-header-2xl), env(safe-area-inset-top));
padding-inline-start: max(var(--spacing-shoulder-2xl), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-2xl), env(safe-area-inset-right));
padding-bottom: var(--pad-header-2xl);
}
}
.p-section-safeview {
padding-top: max(var(--pad-section-base), env(safe-area-inset-top));
padding-inline-start: max(var(--spacing-shoulder-base), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-base), env(safe-area-inset-right));
padding-bottom: max(var(--pad-section-base), env(safe-area-inset-bottom));
@media (min-width:640px) {
padding-top: max(var(--pad-section-sm), env(safe-area-inset-top));
padding-inline-start: max(var(--spacing-shoulder-sm), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-sm), env(safe-area-inset-right));
padding-bottom: max(var(--pad-section-sm), env(safe-area-inset-bottom));
}
@media (min-width:768px) {
padding-top: max(var(--pad-section-md), env(safe-area-inset-top));
padding-inline-start: max(var(--spacing-shoulder-md), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-md), env(safe-area-inset-right));
padding-bottom: max(var(--pad-section-md), env(safe-area-inset-bottom));
}
@media (min-width:960px) {
padding-top: max(var(--pad-section-lg), env(safe-area-inset-top));
padding-inline-start: max(var(--spacing-shoulder-lg), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-lg), env(safe-area-inset-right));
padding-bottom: max(var(--pad-section-lg), env(safe-area-inset-bottom));
}
@media (min-width:1440px) {
padding-top: max(var(--pad-section-xl), env(safe-area-inset-top));
padding-inline-start: max(var(--spacing-shoulder-xl), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-xl), env(safe-area-inset-right));
padding-bottom: max(var(--pad-section-xl), env(safe-area-inset-bottom));
}
@media (min-width:1600px) {
padding-top: max(var(--pad-section-2xl), env(safe-area-inset-top));
padding-inline-start: max(var(--spacing-shoulder-2xl), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-2xl), env(safe-area-inset-right));
padding-bottom: max(var(--pad-section-2xl), env(safe-area-inset-bottom));
}
}
.px-section-safeview {
padding-inline-start: max(var(--spacing-shoulder-base), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-base), env(safe-area-inset-right));
@media (min-width:640px) {
padding-inline-start: max(var(--spacing-shoulder-sm), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-sm), env(safe-area-inset-right));
}
@media (min-width:768px) {
padding-inline-start: max(var(--spacing-shoulder-md), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-md), env(safe-area-inset-right));
}
@media (min-width:960px) {
padding-inline-start: max(var(--spacing-shoulder-lg), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-lg), env(safe-area-inset-right));
}
@media (min-width:1440px) {
padding-inline-start: max(var(--spacing-shoulder-xl), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-xl), env(safe-area-inset-right));
}
@media (min-width:1600px) {
padding-inline-start: max(var(--spacing-shoulder-2xl), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-2xl), env(safe-area-inset-right));
}
}
.pl-half-gutter {
padding-inline-start: calc(var(--spacing-gutter-base) / 2);
@media (min-width:640px) {
padding-inline-start: calc(var(--spacing-gutter-sm) / 2);
}
@media (min-width:768px) {
padding-inline-start: calc(var(--spacing-gutter-md) / 2);
}
@media (min-width:960px) {
padding-inline-start: calc(var(--spacing-gutter-lg) / 2);
}
@media (min-width:1440px) {
padding-inline-start: calc(var(--spacing-gutter-xl) / 2);
}
@media (min-width:1600px) {
padding-inline-start: calc(var(--spacing-gutter-2xl) / 2);
}
}
.pl-shoulder {
padding-inline-start: var(--spacing-shoulder-base);
@media (min-width:640px) {
padding-inline-start: var(--spacing-shoulder-sm);
}
@media (min-width:768px) {
padding-inline-start: var(--spacing-shoulder-md);
}
@media (min-width:960px) {
padding-inline-start: var(--spacing-shoulder-lg);
}
@media (min-width:1440px) {
padding-inline-start: var(--spacing-shoulder-xl);
}
@media (min-width:1600px) {
padding-inline-start: var(--spacing-shoulder-2xl);
}
}
.pr-shoulder {
padding-inline-end: var(--spacing-shoulder-base);
@media (min-width:640px) {
padding-inline-end: var(--spacing-shoulder-sm);
}
@media (min-width:768px) {
padding-inline-end: var(--spacing-shoulder-md);
}
@media (min-width:960px) {
padding-inline-end: var(--spacing-shoulder-lg);
}
@media (min-width:1440px) {
padding-inline-end: var(--spacing-shoulder-xl);
}
@media (min-width:1600px) {
padding-inline-end: var(--spacing-shoulder-2xl);
}
}
.pt-gutter {
padding-top: var(--spacing-gutter-base);
@media (min-width:640px) {
padding-top: var(--spacing-gutter-sm);
}
@media (min-width:768px) {
padding-top: var(--spacing-gutter-md);
}
@media (min-width:960px) {
padding-top: var(--spacing-gutter-lg);
}
@media (min-width:1440px) {
padding-top: var(--spacing-gutter-xl);
}
@media (min-width:1600px) {
padding-top: var(--spacing-gutter-2xl);
}
}
.pt-section {
padding-top: var(--pad-section-base);
@media (min-width:640px) {
padding-top: var(--pad-section-sm);
}
@media (min-width:768px) {
padding-top: var(--pad-section-md);
}
@media (min-width:960px) {
padding-top: var(--pad-section-lg);
}
@media (min-width:1440px) {
padding-top: var(--pad-section-xl);
}
@media (min-width:1600px) {
padding-top: var(--pad-section-2xl);
}
}
.\!pt-0 {
padding-top: 0px !important;
}
.pt-0 {
padding-top: 0px;
}
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-block-base {
padding-top: var(--spacing-block-base);
}
.pt-card-base {
padding-top: var(--spacing-card-base);
}
.pr-2 {
padding-right: calc(var(--spacing) * 2);
}
.pr-8 {
padding-right: calc(var(--spacing) * 8);
}
.pr-card-base {
padding-right: var(--spacing-card-base);
}
.pr-element-base {
padding-right: var(--pad-element-base);
}
.pb-section-safeview {
padding-bottom: max(var(--pad-section-base), env(safe-area-inset-bottom));
@media (min-width:640px) {
padding-bottom: max(var(--pad-section-sm), env(safe-area-inset-bottom));
}
@media (min-width:768px) {
padding-bottom: max(var(--pad-section-md), env(safe-area-inset-bottom));
}
@media (min-width:960px) {
padding-bottom: max(var(--pad-section-lg), env(safe-area-inset-bottom));
}
@media (min-width:1440px) {
padding-bottom: max(var(--pad-section-xl), env(safe-area-inset-bottom));
}
@media (min-width:1600px) {
padding-bottom: max(var(--pad-section-2xl), env(safe-area-inset-bottom));
}
}
.pb-0 {
padding-bottom: 0px;
}
.pb-section-xl {
padding-bottom: var(--pad-section-xl);
}
.pl-article-base {
padding-left: var(--pad-article-base);
}
.pl-card-base {
padding-left: var(--spacing-card-base);
}
.pl-element-base {
padding-left: var(--pad-element-base);
}
.pl-element-xl {
padding-left: var(--pad-element-xl);
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.align-middle {
vertical-align: middle;
}
.align-top {
vertical-align: top;
}
.font-body {
font-family: var(--font-body), var(--font-body-alt1), var(--font-body-alt2);
}
.font-display {
font-family: var(--font-display), var(--font-display-alt1), var(--font-display-alt2);
}
.font-heading {
font-family: var(--font-heading), var(--font-heading-alt1), var(--font-heading-alt2);
}
.font-mono {
font-family: var(--font-mono), var(--font-mono-alt1), var(--font-mono-alt2);
}
.text-d1 {
font-size: var(--text-d1a-size);
line-height: var(--text-d1a-lh);
@media (min-width:960px) {
font-size: var(--text-d1-size);
line-height: var(--text-d1-lh);
}
}
.text-d2 {
font-size: var(--text-d2a-size);
line-height: var(--text-d2a-lh);
@media (min-width:960px) {
font-size: var(--text-d2-size);
line-height: var(--text-d2-lh);
}
}
.text-d3 {
font-size: var(--text-d3a-size);
line-height: var(--text-d3a-lh);
@media (min-width:960px) {
font-size: var(--text-d3-size);
line-height: var(--text-d3-lh);
}
}
.text-i1 {
font-size: var(--text-i1a-size);
line-height: var(--text-i1a-lh);
@media (min-width:960px) {
font-size: var(--text-i1-size);
line-height: var(--text-i1-lh);
}
}
.text-button {
font-size: var(--text-button-size);
line-height: var(--tw-leading, var(--text-button-lh));
}
.text-chip {
font-size: var(--text-chip-size);
line-height: var(--tw-leading, var(--text-chip-lh));
}
.text-h1 {
font-size: var(--text-h1-size);
line-height: var(--tw-leading, var(--text-h1-lh));
}
.text-h2 {
font-size: var(--text-h2-size);
line-height: var(--tw-leading, var(--text-h2-lh));
}
.text-h3 {
font-size: var(--text-h3-size);
line-height: var(--tw-leading, var(--text-h3-lh));
}
.text-h4 {
font-size: var(--text-h4-size);
line-height: var(--tw-leading, var(--text-h4-lh));
}
.text-h5 {
font-size: var(--text-h5-size);
line-height: var(--tw-leading, var(--text-h5-lh));
}
.text-h6 {
font-size: var(--text-h6-size);
line-height: var(--tw-leading, var(--text-h6-lh));
}
.text-heb {
font-size: var(--text-heb-size);
line-height: var(--tw-leading, var(--text-heb-lh));
}
.text-i2 {
font-size: var(--text-i2-size);
line-height: var(--tw-leading, var(--text-i2-lh));
}
.text-i3 {
font-size: var(--text-i3-size);
line-height: var(--tw-leading, var(--text-i3-lh));
}
.text-i4 {
font-size: var(--text-i4-size);
line-height: var(--tw-leading, var(--text-i4-lh));
}
.text-i5 {
font-size: var(--text-i5-size);
line-height: var(--tw-leading, var(--text-i5-lh));
}
.text-i6 {
font-size: var(--text-i6-size);
line-height: var(--tw-leading, var(--text-i6-lh));
}
.text-nav {
font-size: var(--text-nav-size);
line-height: var(--tw-leading, var(--text-nav-lh));
}
.text-p1 {
font-size: var(--text-p1-size);
line-height: var(--tw-leading, var(--text-p1-lh));
}
.text-p2 {
font-size: var(--text-p2-size);
line-height: var(--tw-leading, var(--text-p2-lh));
}
.text-p3 {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
}
.text-p4 {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
}
.text-p5 {
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.leading-element {
--tw-leading: var(--element-base-size);
line-height: var(--element-base-size);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.tracking-wider {
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider);
}
.tracking-widest {
--tw-tracking: var(--tracking-widest);
letter-spacing: var(--tracking-widest);
}
.wrap-anywhere {
overflow-wrap: anywhere;
}
.wrap-break-word {
overflow-wrap: break-word;
}
.wrap-normal {
overflow-wrap: normal;
}
.whitespace-nowrap {
white-space: nowrap;
}
.text-\[\#888\] {
color: #888;
}
.text-\[\#fb03b9\] {
color: #fb03b9;
}
.text-\[rgb\(var\(--qs-color-key\)\)\] {
color: rgb(var(--qs-color-key));
}
.text-alert-error {
color: rgb(var(--color-alert-error) / 1);
}
.text-alert-notify {
color: rgb(var(--color-alert-notify) / 1);
}
.text-alert-success {
color: rgb(var(--color-alert-success) / 1);
}
.text-alert-warning {
color: rgb(var(--color-alert-warning) / 1);
}
.text-header-nav-link {
color: rgb(var(--color-header-nav-link) / 1);
}
.text-invert {
color: rgb(var(--color-invert) / 1);
}
.text-key {
color: rgb(var(--color-key) / 1);
}
.text-primary {
color: rgb(var(--color-primary) / 1);
}
.text-primary-shader-heavy {
color: rgb(var(--color-primary) / var(--shader-heavy));
}
.text-secondary {
color: rgb(var(--color-secondary) / 1);
}
.text-tertiary {
color: rgb(var(--color-tertiary) / 1);
}
.text-white {
color: var(--color-white);
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.ordinal {
--tw-ordinal: ordinal;
font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.no-underline {
text-decoration-line: none;
}
.underline {
text-decoration-line: underline;
}
.opacity-40 {
opacity: 40%;
}
.opacity-50 {
opacity: 50%;
}
.opacity-55 {
opacity: 55%;
}
.opacity-70 {
opacity: 70%;
}
.opacity-75 {
opacity: 75%;
}
.opacity-80 {
opacity: 80%;
}
.opacity-85 {
opacity: 85%;
}
.opacity-100 {
opacity: 100%;
}
.opacity-gradient-active {
opacity: var(--color-key-gradient-active-opacity);
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-base {
--tw-shadow: var(--shadow-base);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-heavy {
--tw-shadow: var(--shadow-heavy);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-light {
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.config-focus-set:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: rgb(var(--color-key) / 1);
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
.focus-set:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: rgb(var(--color-key) / 1);
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
.ring {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-inner-light-t {
box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
}
.shadow-inner-light-y {
box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, var(--shadow-alpha-light)), inset 0 -4px 4px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
}
.ring-invert {
--tw-ring-color: rgb(var(--color-invert) / 1);
}
.ring-key {
--tw-ring-color: rgb(var(--color-key) / 1);
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.invert {
--tw-invert: invert(100%);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter {
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.backdrop-blur {
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-filter {
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.config-transition-set {
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
}
.transition-set {
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-base {
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-base {
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
}
.duration-fast {
--tw-duration: var(--qs-duration-fast);
transition-duration: var(--qs-duration-fast);
}
.duration-slow {
--tw-duration: var(--qs-duration-slow);
transition-duration: var(--qs-duration-slow);
}
.ease-enter {
--tw-ease: var(--qs-ease-enter);
transition-timing-function: var(--qs-ease-enter);
}
.ease-exit {
--tw-ease: var(--qs-ease-exit);
transition-timing-function: var(--qs-ease-exit);
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}
.ease-spring {
--tw-ease: var(--qs-ease-spring);
transition-timing-function: var(--qs-ease-spring);
}
.ease-standard {
--tw-ease: var(--qs-ease-standard);
transition-timing-function: var(--qs-ease-standard);
}
.gradient-border-key {
border: 1px solid transparent;
background: linear-gradient(rgb(var(--color-background)), rgb(var(--color-background))) padding-box, linear-gradient(to right, rgb(var(--color-key)), rgb(var(--color-key-end))) border-box;
}
.outline-none {
--tw-outline-style: none;
outline-style: none;
}
.gradient-key-opacity-invert {
background: linear-gradient(to right, rgba(var(--color-key-rgb), calc(1 - var(--color-key-gradient-invert-opacity))), rgba(var(--color-key-end-rgb), calc(1 - var(--color-key-gradient-invert-opacity))));
}
.gradient-key-transparent {
background: linear-gradient(to right, rgba(var(--color-key-rgb), 0), rgba(var(--color-key-end-rgb), 0));
}
@media (hover: hover) {
.hover\:scale-110:hover {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.hover\:text-key:hover {
color: rgb(var(--color-key) / 1);
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:opacity-90:hover {
opacity: 90%;
}
.hover\:opacity-100:hover {
opacity: 100%;
}
}
.focus\:not-sr-only:focus {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip-path: none;
white-space: normal;
}
.focus\:ring-2:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-key:focus {
--tw-ring-color: rgb(var(--color-key) / 1);
}
@media (width >= 640px) {
.sm\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-base);
row-gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.sm\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-sm);
row-gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.sm\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-md);
row-gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.sm\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-lg);
row-gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.sm\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-xl);
row-gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.sm\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-2xl);
row-gap: var(--gap-stack-2xl);
}
}
.card .sm\:stack-row-wrap, .card-base .sm\:stack-row-wrap {
column-gap: var(--spacing-card-base);
@media (min-width:640px) {
column-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
column-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
column-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
column-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
column-gap: var(--spacing-card-2xl);
}
}
.sm\:stack-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
column-gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.sm\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.sm\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.sm\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.sm\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.sm\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-2xl);
}
}
.card .sm\:stack-row, .card-base .sm\:stack-row {
column-gap: var(--spacing-card-base);
@media (min-width:640px) {
column-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
column-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
column-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
column-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
column-gap: var(--spacing-card-2xl);
}
}
.sm\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.sm\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.sm\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.sm\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.sm\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.sm\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-2xl);
}
}
.card .sm\:stack-col, .card-base .sm\:stack-col {
row-gap: var(--spacing-card-base);
@media (min-width:640px) {
row-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
row-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
row-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
row-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
row-gap: var(--spacing-card-2xl);
}
}
.sm\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-base);
}
@media (min-width:640px) {
.sm\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-sm);
}
}
@media (min-width:768px) {
.sm\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-md);
}
}
@media (min-width:960px) {
.sm\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-lg);
}
}
@media (min-width:1440px) {
.sm\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-xl);
}
}
@media (min-width:1600px) {
.sm\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-2xl);
}
}
.sm\:flex {
display: flex;
}
.sm\:hidden {
display: none;
}
.sm\:inline {
display: inline;
}
.sm\:h-96 {
height: calc(var(--spacing) * 96);
}
.sm\:w-96 {
width: calc(var(--spacing) * 96);
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:justify-start {
justify-content: flex-start;
}
.sm\:justify-items-start {
justify-items: start;
}
.sm\:to-transparent {
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.sm\:to-65\% {
--tw-gradient-to-position: 65%;
}
.sm\:px-0 {
padding-inline: 0px;
}
.sm\:px-section-safeview {
padding-inline-start: max(var(--spacing-shoulder-base), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-base), env(safe-area-inset-right));
}
@media (min-width:640px) {
.sm\:px-section-safeview {
padding-inline-start: max(var(--spacing-shoulder-sm), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-sm), env(safe-area-inset-right));
}
}
@media (min-width:768px) {
.sm\:px-section-safeview {
padding-inline-start: max(var(--spacing-shoulder-md), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-md), env(safe-area-inset-right));
}
}
@media (min-width:960px) {
.sm\:px-section-safeview {
padding-inline-start: max(var(--spacing-shoulder-lg), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-lg), env(safe-area-inset-right));
}
}
@media (min-width:1440px) {
.sm\:px-section-safeview {
padding-inline-start: max(var(--spacing-shoulder-xl), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-xl), env(safe-area-inset-right));
}
}
@media (min-width:1600px) {
.sm\:px-section-safeview {
padding-inline-start: max(var(--spacing-shoulder-2xl), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-2xl), env(safe-area-inset-right));
}
}
.sm\:pt-section {
padding-top: var(--pad-section-base);
}
@media (min-width:640px) {
.sm\:pt-section {
padding-top: var(--pad-section-sm);
}
}
@media (min-width:768px) {
.sm\:pt-section {
padding-top: var(--pad-section-md);
}
}
@media (min-width:960px) {
.sm\:pt-section {
padding-top: var(--pad-section-lg);
}
}
@media (min-width:1440px) {
.sm\:pt-section {
padding-top: var(--pad-section-xl);
}
}
@media (min-width:1600px) {
.sm\:pt-section {
padding-top: var(--pad-section-2xl);
}
}
.sm\:pr-20 {
padding-right: calc(var(--spacing) * 20);
}
.sm\:pb-section-safeview {
padding-bottom: max(var(--pad-section-base), env(safe-area-inset-bottom));
}
@media (min-width:640px) {
.sm\:pb-section-safeview {
padding-bottom: max(var(--pad-section-sm), env(safe-area-inset-bottom));
}
}
@media (min-width:768px) {
.sm\:pb-section-safeview {
padding-bottom: max(var(--pad-section-md), env(safe-area-inset-bottom));
}
}
@media (min-width:960px) {
.sm\:pb-section-safeview {
padding-bottom: max(var(--pad-section-lg), env(safe-area-inset-bottom));
}
}
@media (min-width:1440px) {
.sm\:pb-section-safeview {
padding-bottom: max(var(--pad-section-xl), env(safe-area-inset-bottom));
}
}
@media (min-width:1600px) {
.sm\:pb-section-safeview {
padding-bottom: max(var(--pad-section-2xl), env(safe-area-inset-bottom));
}
}
.sm\:pb-0 {
padding-bottom: 0px;
}
.sm\:text-left {
text-align: left;
}
}
@media (width >= 768px) {
.md\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-base);
row-gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.md\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-sm);
row-gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.md\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-md);
row-gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.md\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-lg);
row-gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.md\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-xl);
row-gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.md\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-2xl);
row-gap: var(--gap-stack-2xl);
}
}
.card .md\:stack-row-wrap, .card-base .md\:stack-row-wrap {
column-gap: var(--spacing-card-base);
@media (min-width:640px) {
column-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
column-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
column-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
column-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
column-gap: var(--spacing-card-2xl);
}
}
.md\:stack-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
column-gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.md\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.md\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.md\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.md\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.md\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-2xl);
}
}
.card .md\:stack-row, .card-base .md\:stack-row {
column-gap: var(--spacing-card-base);
@media (min-width:640px) {
column-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
column-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
column-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
column-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
column-gap: var(--spacing-card-2xl);
}
}
.md\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.md\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.md\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.md\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.md\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.md\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-2xl);
}
}
.card .md\:stack-col, .card-base .md\:stack-col {
row-gap: var(--spacing-card-base);
@media (min-width:640px) {
row-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
row-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
row-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
row-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
row-gap: var(--spacing-card-2xl);
}
}
.md\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-base);
}
@media (min-width:640px) {
.md\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-sm);
}
}
@media (min-width:768px) {
.md\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-md);
}
}
@media (min-width:960px) {
.md\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-lg);
}
}
@media (min-width:1440px) {
.md\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-xl);
}
}
@media (min-width:1600px) {
.md\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-2xl);
}
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:text-p2 {
font-size: var(--text-p2-size);
line-height: var(--tw-leading, var(--text-p2-lh));
}
}
@media (width >= 960px) {
.lg\:order-none {
order: 0;
}
.lg\:col-lg-md {
grid-column: span var(--layout-cols-lg-third) / span var(--layout-cols-lg-third);
}
.lg\:col-lg-xl {
grid-column: span var(--layout-cols-lg-twothird) / span var(--layout-cols-lg-twothird);
}
.lg\:col-span-1 {
grid-column: span 1 / span 1;
}
.lg\:col-span-4 {
grid-column: span 4 / span 4;
}
.lg\:col-span-5 {
grid-column: span 5 / span 5;
}
.lg\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-base);
row-gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.lg\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-sm);
row-gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.lg\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-md);
row-gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.lg\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-lg);
row-gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.lg\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-xl);
row-gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.lg\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-2xl);
row-gap: var(--gap-stack-2xl);
}
}
.card .lg\:stack-row-wrap, .card-base .lg\:stack-row-wrap {
column-gap: var(--spacing-card-base);
@media (min-width:640px) {
column-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
column-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
column-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
column-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
column-gap: var(--spacing-card-2xl);
}
}
.lg\:stack-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
column-gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.lg\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.lg\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.lg\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.lg\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.lg\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-2xl);
}
}
.card .lg\:stack-row, .card-base .lg\:stack-row {
column-gap: var(--spacing-card-base);
@media (min-width:640px) {
column-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
column-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
column-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
column-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
column-gap: var(--spacing-card-2xl);
}
}
.lg\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.lg\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.lg\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.lg\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.lg\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.lg\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-2xl);
}
}
.card .lg\:stack-col, .card-base .lg\:stack-col {
row-gap: var(--spacing-card-base);
@media (min-width:640px) {
row-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
row-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
row-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
row-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
row-gap: var(--spacing-card-2xl);
}
}
.lg\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-base);
}
@media (min-width:640px) {
.lg\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-sm);
}
}
@media (min-width:768px) {
.lg\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-md);
}
}
@media (min-width:960px) {
.lg\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-lg);
}
}
@media (min-width:1440px) {
.lg\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-xl);
}
}
@media (min-width:1600px) {
.lg\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-2xl);
}
}
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:grid {
display: grid;
}
.lg\:hidden {
display: none;
}
.lg\:h-element-nav-max {
height: var(--element-nav-max-height);
}
.lg\:max-h-none {
max-height: none;
}
.lg\:w-1\/4 {
width: calc(1 / 4 * 100%);
}
.lg\:basis-2\/7 {
flex-basis: 28.5714286%;
}
.lg\:basis-lg-smx {
flex-basis: calc(25% - var(--spacing-gutter-lg));
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-\[1fr_1fr\] {
grid-template-columns: 1fr 1fr;
}
.lg\:grid-cols-\[180px_1fr\] {
grid-template-columns: 180px 1fr;
}
.lg\:grid-cols-lg {
grid-template-columns: repeat(var(--layout-cols-lg), minmax(0, 1fr));
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:flex-nowrap {
flex-wrap: nowrap;
}
.lg\:items-end {
align-items: flex-end;
}
.lg\:items-start {
align-items: flex-start;
}
.lg\:justify-start {
justify-content: flex-start;
}
.lg\:gap-gutter {
gap: var(--spacing-gutter-base);
}
@media (min-width:640px) {
.lg\:gap-gutter {
gap: var(--spacing-gutter-sm);
}
}
@media (min-width:768px) {
.lg\:gap-gutter {
gap: var(--spacing-gutter-md);
}
}
@media (min-width:960px) {
.lg\:gap-gutter {
gap: var(--spacing-gutter-lg);
}
}
@media (min-width:1440px) {
.lg\:gap-gutter {
gap: var(--spacing-gutter-xl);
}
}
@media (min-width:1600px) {
.lg\:gap-gutter {
gap: var(--spacing-gutter-2xl);
}
}
.lg\:p-section-xl {
padding: var(--pad-section-xl);
}
.lg\:px-shoulder-lg {
padding-inline: var(--spacing-shoulder-lg);
}
.lg\:\!pt-section-base {
padding-top: var(--pad-section-base) !important;
}
.lg\:text-left {
text-align: left;
}
.lg\:text-d1 {
font-size: var(--text-d1a-size);
line-height: var(--text-d1a-lh);
}
@media (min-width:960px) {
.lg\:text-d1 {
font-size: var(--text-d1-size);
line-height: var(--text-d1-lh);
}
}
@media (hover: hover) {
.lg\:hover\:text-key:hover {
color: rgb(var(--color-key) / 1);
}
}
}
@media (width >= 1440px) {
.xl\:col-span-2 {
grid-column: span 2 / span 2;
}
.xl\:col-span-4 {
grid-column: span 4 / span 4;
}
.xl\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-base);
row-gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.xl\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-sm);
row-gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.xl\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-md);
row-gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.xl\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-lg);
row-gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.xl\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-xl);
row-gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.xl\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-2xl);
row-gap: var(--gap-stack-2xl);
}
}
.card .xl\:stack-row-wrap, .card-base .xl\:stack-row-wrap {
column-gap: var(--spacing-card-base);
@media (min-width:640px) {
column-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
column-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
column-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
column-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
column-gap: var(--spacing-card-2xl);
}
}
.xl\:stack-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
column-gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.xl\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.xl\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.xl\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.xl\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.xl\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-2xl);
}
}
.card .xl\:stack-row, .card-base .xl\:stack-row {
column-gap: var(--spacing-card-base);
@media (min-width:640px) {
column-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
column-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
column-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
column-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
column-gap: var(--spacing-card-2xl);
}
}
.xl\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.xl\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.xl\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.xl\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.xl\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.xl\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-2xl);
}
}
.card .xl\:stack-col, .card-base .xl\:stack-col {
row-gap: var(--spacing-card-base);
@media (min-width:640px) {
row-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
row-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
row-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
row-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
row-gap: var(--spacing-card-2xl);
}
}
.xl\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-base);
}
@media (min-width:640px) {
.xl\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-sm);
}
}
@media (min-width:768px) {
.xl\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-md);
}
}
@media (min-width:960px) {
.xl\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-lg);
}
}
@media (min-width:1440px) {
.xl\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-xl);
}
}
@media (min-width:1600px) {
.xl\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-2xl);
}
}
.xl\:flex {
display: flex;
}
.xl\:aspect-video {
aspect-ratio: var(--aspect-video);
}
.xl\:w-1\/5 {
width: calc(1 / 5 * 100%);
}
.xl\:justify-start {
justify-content: flex-start;
}
.xl\:p-gutter-xl {
padding: var(--spacing-gutter-xl);
}
.xl\:text-i1 {
font-size: var(--text-i1a-size);
line-height: var(--text-i1a-lh);
}
@media (min-width:960px) {
.xl\:text-i1 {
font-size: var(--text-i1-size);
line-height: var(--text-i1-lh);
}
}
.xl\:text-p1 {
font-size: var(--text-p1-size);
line-height: var(--tw-leading, var(--text-p1-lh));
}
}
@media (width >= 1600px) {
.\32 xl\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-base);
row-gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.\32 xl\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-sm);
row-gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.\32 xl\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-md);
row-gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.\32 xl\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-lg);
row-gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.\32 xl\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-xl);
row-gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.\32 xl\:stack-row-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: var(--gap-stack-2xl);
row-gap: var(--gap-stack-2xl);
}
}
.card :is(.\32 xl\:stack-row-wrap), .card-base :is(.\32 xl\:stack-row-wrap) {
column-gap: var(--spacing-card-base);
@media (min-width:640px) {
column-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
column-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
column-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
column-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
column-gap: var(--spacing-card-2xl);
}
}
.\32 xl\:stack-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
column-gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.\32 xl\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.\32 xl\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.\32 xl\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.\32 xl\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.\32 xl\:stack-row {
display: flex;
flex-direction: row;
column-gap: var(--gap-stack-2xl);
}
}
.card :is(.\32 xl\:stack-row), .card-base :is(.\32 xl\:stack-row) {
column-gap: var(--spacing-card-base);
@media (min-width:640px) {
column-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
column-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
column-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
column-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
column-gap: var(--spacing-card-2xl);
}
}
.\32 xl\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-base);
}
@media (min-width:640px) {
.\32 xl\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-sm);
}
}
@media (min-width:768px) {
.\32 xl\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-md);
}
}
@media (min-width:960px) {
.\32 xl\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-lg);
}
}
@media (min-width:1440px) {
.\32 xl\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-xl);
}
}
@media (min-width:1600px) {
.\32 xl\:stack-col {
display: flex;
flex-direction: column;
gap: var(--gap-stack-2xl);
}
}
.card :is(.\32 xl\:stack-col), .card-base :is(.\32 xl\:stack-col) {
row-gap: var(--spacing-card-base);
@media (min-width:640px) {
row-gap: var(--spacing-card-sm);
}
@media (min-width:768px) {
row-gap: var(--spacing-card-md);
}
@media (min-width:960px) {
row-gap: var(--spacing-card-lg);
}
@media (min-width:1440px) {
row-gap: var(--spacing-card-xl);
}
@media (min-width:1600px) {
row-gap: var(--spacing-card-2xl);
}
}
.\32 xl\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-base);
}
@media (min-width:640px) {
.\32 xl\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-sm);
}
}
@media (min-width:768px) {
.\32 xl\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-md);
}
}
@media (min-width:960px) {
.\32 xl\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-lg);
}
}
@media (min-width:1440px) {
.\32 xl\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-xl);
}
}
@media (min-width:1600px) {
.\32 xl\:stack-form-col {
display: flex;
flex-direction: column;
gap: var(--gap-form-2xl);
}
}
}
}
@layer base {
@font-face {
font-family: 'displayFontFamily';
src: url('../src/fonts/Satoshi-Variable.woff2') format('woff2-variations');
font-weight: 300 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'displayFontFamily';
src: url('../src/fonts/Satoshi-VariableItalic.woff2') format('woff2-variations');
font-weight: 300 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'headingFontFamily';
src: url('../src/fonts/Satoshi-Variable.woff2') format('woff2-variations');
font-weight: 300 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'headingFontFamily';
src: url('../src/fonts/Satoshi-VariableItalic.woff2') format('woff2-variations');
font-weight: 300 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'bodyFontFamily';
src: url('../src/fonts/GeneralSans-Variable.woff2') format('woff2-variations');
font-weight: 200 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'bodyFontFamily';
src: url('../src/fonts/GeneralSans-Variable.woff2') format('woff2-variations');
font-weight: 600 900;
font-style: normal;
font-variation-settings: 'wght' 600;
font-display: swap;
}
@font-face {
font-family: 'bodyFontFamily';
src: url('../src/fonts/GeneralSans-VariableItalic.woff2') format('woff2-variations');
font-weight: 200 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'bodyFontFamily';
src: url('../src/fonts/GeneralSans-VariableItalic.woff2') format('woff2-variations');
font-weight: 600 900;
font-style: italic;
font-variation-settings: 'wght' 600;
font-display: swap;
}
@font-face {
font-family: 'monoFontFamily';
src: url('../src/fonts/CommitMono-Variable.woff2') format('woff2-variations');
font-weight: 200 700;
font-style: normal;
font-variation-settings: 'ital' 0;
font-display: swap;
}
@font-face {
font-family: 'monoFontFamily';
src: url('../src/fonts/CommitMono-Variable.woff2') format('woff2-variations');
font-weight: 200 700;
font-style: italic;
font-variation-settings: 'ital' 1;
font-display: swap;
}
}
@layer theme {
:root {
--font-display: displayFontFamily;
--font-display-alt1: sans-serif;
--font-display-alt2: system-ui;
--font-heading: headingFontFamily;
--font-heading-alt1: sans-serif;
--font-heading-alt2: system-ui;
--font-body: bodyFontFamily;
--font-body-alt1: sans-serif;
--font-body-alt2: system-ui;
--font-mono: monoFontFamily;
--font-mono-alt1: ui-monospace;
--font-mono-alt2: monospace;
--font-icon: iconFontFamily, inherit;
--qs-color-key: 82 82 82;
--qs-color-key-rgb: 82, 82, 82;
--qs-color-key-end: 12 12 12;
--qs-color-key-end-rgb: 12, 12, 12;
--qs-color-primary: 12 12 12;
--qs-color-secondary: 117 117 117;
--qs-color-tertiary: 204 204 204;
--qs-color-invert: 255 255 255;
--qs-color-secondary-invert: 204 204 204;
--qs-color-tertiary-invert: 117 117 117;
--qs-color-disabled: 204 204 204;
--qs-color-background: 255 255 255;
--qs-color-background-start: 255 255 255;
--qs-color-background-start-rgb: 255, 255, 255;
--qs-color-background-end: 255 255 255;
--qs-color-background-end-rgb: 255, 255, 255;
--qs-color-background-direction: right top;
--qs-color-background-invert: 12 12 12;
--qs-color-background-start-invert: 12 12 12;
--qs-color-background-start-invert-rgb: 12, 12, 12;
--qs-color-background-end-invert: 12 12 12;
--qs-color-background-end-invert-rgb: 12, 12, 12;
--qs-color-primary-invert: 240 240 240;
--qs-color-key-invert: 255 255 255;
--qs-color-key-invert-end: 255 255 255;
--qs-color-key-alt: 12 12 12;
--qs-color-key-alt-rgb: 12, 12, 12;
--qs-color-key-end-alt: 46 46 46;
--qs-color-key-end-alt-rgb: 46, 46, 46;
--qs-color-primary-alt: 12 12 12;
--qs-color-secondary-alt: 117 117 117;
--qs-color-tertiary-alt: 204 204 204;
--qs-color-secondary-alt-invert: 204 204 204;
--qs-color-tertiary-alt-invert: 117 117 117;
--qs-color-invert-alt: 255 255 255;
--qs-color-disabled-alt: 204 204 204;
--qs-color-background-alt: 255 255 255;
--qs-color-background-start-alt: 255 255 255;
--qs-color-background-start-alt-rgb: 255, 255, 255;
--qs-color-background-end-alt: 237 237 237;
--qs-color-background-end-alt-rgb: 237, 237, 237;
--qs-color-background-alt-direction: right top;
--qs-color-background-alt-invert: 12 12 12;
--qs-color-background-start-alt-invert: 12 12 12;
--qs-color-background-start-alt-invert-rgb: 12, 12, 12;
--qs-color-background-end-alt-invert: 30 30 30;
--qs-color-background-end-alt-invert-rgb: 30, 30, 30;
--qs-color-primary-alt-invert: 240 240 240;
--qs-color-key-alt-invert: 255 255 255;
--qs-color-key-end-alt-invert: 255 255 255;
--qs-color-header-background: 255 255 255;
--qs-color-header-primary: 12 12 12;
--qs-color-header-nav-link: 117 117 117;
--qs-font-header-nav-weight: 700;
--qs-color-header-background-invert: 12 12 12;
--qs-color-header-primary-invert: 240 240 240;
--qs-color-header-nav-link-invert: 204 204 204;
--qs-color-footer-background: 255 255 255;
--qs-color-footer-primary: 12 12 12;
--qs-color-footer-nav-link: 117 117 117;
--qs-font-footer-nav-weight: 700;
--qs-color-footer-background-invert: 12 12 12;
--qs-color-footer-primary-invert: 240 240 240;
--qs-color-footer-nav-link-invert: 204 204 204;
--qs-rounded-base: 0px;
--qs-rounded-min: 4px;
--qs-rounded-corner: 4px;
--qs-rounded-field: 4px;
--qs-duration-fast: 150ms;
--qs-duration-base: 300ms;
--qs-duration-slow: 500ms;
--qs-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
--qs-ease-enter: cubic-bezier(0, 0, 0.2, 1);
--qs-ease-exit: cubic-bezier(0.4, 0, 1, 1);
--qs-ease-spring: linear(0, 0.008 1.1%, 0.031 2.2%, 0.122 4.6%, 0.27 7.4%, 0.471 10.7%, 0.73 14.9%, 0.964 19.1%, 1.085 22.7%, 1.15 26.3%, 1.157 30.3%, 1.121 34.6%, 1.069 40%, 1.016 46.1%, 0.99 52.1%, 0.986 57.4%, 1.001 69.3%, 1.002 81.6%, 1);
--qs-glass-blur: 24px;
--qs-glass-saturation: 180%;
--qs-glass-alpha-from: 0.65;
--qs-glass-alpha-to: 0.45;
--theme-bg-image: none;
--theme-bg-image-position: bottom;
--theme-bg-video-position: center;
--theme-alt-bg-image: none;
--theme-alt-bg-image-position: center;
--theme-alt-bg-video-position: center;
--screen-sm: 640px;
--screen-md: 768px;
--screen-lg: 960px;
--screen-xl: 1440px;
--screen-2xl: 1600px;
--layout-unit: 4px;
--layout-cols-base: 6;
--layout-cols-sm: 6;
--layout-cols-md: 6;
--layout-cols-lg: 12;
--layout-cols-xl: 12;
--layout-cols-2xl: 12;
--layout-cols-base-min: 2;
--layout-cols-sm-min: 1;
--layout-cols-md-min: 1;
--layout-cols-lg-min: 1;
--layout-cols-xl-min: 1;
--layout-cols-2xl-min: 1;
--layout-cols-base-third: 2;
--layout-cols-base-half: 3;
--layout-cols-base-twothird: 4;
--layout-cols-sm-third: 2;
--layout-cols-sm-half: 3;
--layout-cols-sm-twothird: 4;
--layout-cols-md-third: 2;
--layout-cols-md-half: 3;
--layout-cols-md-twothird: 4;
--layout-cols-lg-sixth: 2;
--layout-cols-lg-quarter: 3;
--layout-cols-lg-third: 4;
--layout-cols-lg-fivetwelfth: 5;
--layout-cols-lg-half: 6;
--layout-cols-lg-seventwelfth: 7;
--layout-cols-lg-twothird: 8;
--layout-cols-lg-threefourth: 9;
--layout-cols-lg-fivesixth: 10;
--layout-cols-lg-eleventwelfth: 11;
--layout-cols-xl-sixth: 2;
--layout-cols-xl-quarter: 3;
--layout-cols-xl-third: 4;
--layout-cols-xl-fivetwelfth: 5;
--layout-cols-xl-half: 6;
--layout-cols-xl-seventwelfth: 7;
--layout-cols-xl-twothird: 8;
--layout-cols-xl-threefourth: 9;
--layout-cols-xl-fivesixth: 10;
--layout-cols-xl-eleventwelfth: 11;
--layout-cols-2xl-sixth: 2;
--layout-cols-2xl-quarter: 3;
--layout-cols-2xl-third: 4;
--layout-cols-2xl-fivetwelfth: 5;
--layout-cols-2xl-half: 6;
--layout-cols-2xl-seventwelfth: 7;
--layout-cols-2xl-twothird: 8;
--layout-cols-2xl-threefourth: 9;
--layout-cols-2xl-fivesixth: 10;
--layout-cols-2xl-eleventwelfth: 11;
--layout-basis-min: 33.333333%;
--spacing-gutter-base: 24px;
--spacing-gutter-sm: 24px;
--spacing-gutter-md: 24px;
--spacing-gutter-lg: 24px;
--spacing-gutter-xl: 32px;
--spacing-gutter-2xl: 32px;
--layout-col-width-base: 32px;
--layout-col-width-sm: 76px;
--layout-col-width-md: 96px;
--layout-col-width-lg: 52px;
--layout-col-width-xl: 84px;
--layout-col-width-2xl: 96px;
--layout-row-height-base: 48px;
--layout-row-height-sm: 72px;
--layout-row-height-md: 48px;
--layout-row-height-lg: 72px;
--layout-row-height-xl: 72px;
--layout-row-height-2xl: 72px;
--offset-layout-unit: 4px;
--offset-element-min: 6px;
--offset-element-base: 12px;
--offset-element-sm: 16px;
--offset-element-md: 24px;
--offset-element-lg: 60px;
--offset-element-xl: 96px;
--offset-element-2xl: 128px;
--offset-element-3xl: 168px;
--offset-element-4xl: 200px;
--offset-li-base: 24px;
--spacing-shoulder-base: 24px;
--spacing-shoulder-sm: 32px;
--spacing-shoulder-md: 36px;
--spacing-shoulder-lg: 36px;
--spacing-shoulder-xl: 40px;
--spacing-shoulder-2xl: 48px;
--offset-header-base: 48px;
--offset-header-sm: 64px;
--offset-header-md: 64px;
--offset-header-lg: 64px;
--offset-header-xl: 64px;
--offset-header-2xl: 72px;
--offset-footer-base: 56px;
--offset-footer-sm: 56px;
--offset-footer-md: 72px;
--offset-footer-lg: 72px;
--offset-footer-xl: 72px;
--offset-footer-2xl: 72px;
--offset-section-nav: 104px;
--pad-header-base: 12px;
--pad-header-sm: 12px;
--pad-header-md: 12px;
--pad-header-lg: 12px;
--pad-header-xl: 16px;
--pad-header-2xl: 16px;
--pad-section-base: 48px;
--pad-section-sm: 48px;
--pad-section-md: 48px;
--pad-section-lg: 48px;
--pad-section-xl: 64px;
--pad-section-2xl: 64px;
--pad-article-base: 16px;
--pad-article-sm: 16px;
--pad-article-md: 16px;
--pad-article-lg: 16px;
--pad-article-xl: 24px;
--pad-article-2xl: 24px;
--pad-element-base: 16px;
--pad-element-sm: 16px;
--pad-element-md: 16px;
--pad-element-lg: 16px;
--pad-element-xl: 24px;
--pad-element-2xl: 24px;
--pad-base-base: var(--layout-unit);
--pad-base-sm: var(--layout-unit);
--pad-base-md: var(--layout-unit);
--pad-base-lg: var(--layout-unit);
--pad-base-xl: var(--layout-unit);
--pad-base-2xl: var(--layout-unit);
--pad-x-chip: calc(2 * var(--layout-unit));
--gap-section-base: var(--spacing-gutter-base);
--gap-section-sm: var(--spacing-gutter-sm);
--gap-section-md: var(--spacing-gutter-md);
--gap-section-lg: var(--spacing-gutter-lg);
--gap-section-xl: var(--spacing-gutter-xl);
--gap-section-2xl: var(--spacing-gutter-2xl);
--spacing-block-base: var(--spacing-gutter-base);
--spacing-block-sm: var(--spacing-gutter-sm);
--spacing-block-md: var(--spacing-gutter-md);
--spacing-block-lg: var(--spacing-gutter-lg);
--spacing-block-xl: var(--spacing-gutter-xl);
--spacing-block-2xl: var(--spacing-gutter-2xl);
--spacing-card-base: var(--pad-article-base);
--spacing-card-sm: var(--pad-article-sm);
--spacing-card-md: var(--pad-article-md);
--spacing-card-lg: var(--pad-article-lg);
--spacing-card-xl: var(--pad-article-xl);
--spacing-card-2xl: var(--pad-article-2xl);
--gap-article-base: var(--pad-article-base);
--gap-article-sm: var(--pad-article-sm);
--gap-article-md: var(--pad-article-md);
--gap-article-lg: var(--pad-article-lg);
--gap-article-xl: var(--pad-article-xl);
--gap-article-2xl: var(--pad-article-2xl);
--gap-stack-base: var(--pad-element-base);
--gap-stack-sm: var(--pad-element-sm);
--gap-stack-md: var(--pad-element-md);
--gap-stack-lg: var(--pad-element-lg);
--gap-stack-xl: var(--pad-element-xl);
--gap-stack-2xl: var(--pad-element-2xl);
--gap-form-base: 12px;
--gap-form-sm: 12px;
--gap-form-md: 12px;
--gap-form-lg: 12px;
--gap-form-xl: 16px;
--gap-form-2xl: 16px;
--gap-hgroup-display: 16px;
--gap-hgroup-heading: 8px;
--gap-hgroup-title: 4px;
--gap-element-base: 12px;
--gap-element-sm: 12px;
--gap-element-md: 12px;
--gap-element-lg: 12px;
--gap-element-xl: 16px;
--gap-element-2xl: 16px;
--spacing-sub-base: 8px;
--spacing-sub-sm: 8px;
--spacing-sub-md: 8px;
--spacing-sub-lg: 8px;
--spacing-sub-xl: 12px;
--spacing-sub-2xl: 12px;
--element-base-unit: 40px;
--element-hairline-size: 1px;
--element-min-size: 24px;
--element-sub-size: 16px;
--element-compact-size: 32px;
--element-base-size: 40px;
--element-c-sm: 52px;
--element-c-md: 84px;
--element-c-lg: 200px;
--element-c-xl: 316px;
--element-c-2xl: 432px;
--element-c-3xl: 548px;
--element-c-4xl: 664px;
--element-r-sm: 48px;
--element-r-md: 72px;
--element-r-lg: 176px;
--element-r-xl: 280px;
--element-r-2xl: 384px;
--element-r-3xl: 488px;
--element-r-4xl: 592px;
--element-max-h-base: 408px;
--element-max-h-sm: 360px;
--element-max-h-md: 552px;
--element-max-h-lg: 552px;
--element-max-h-xl: 592px;
--element-max-h-2xl: 592px;
--element-nav-min-height: 24px;
--element-nav-max-height: var(--text-nav-lh);
--rounded-min: var(--qs-rounded-min);
--rounded-corner: var(--qs-rounded-corner);
--rounded-article-base: var(--pad-article-base);
--rounded-article-sm: var(--pad-article-sm);
--rounded-article-md: var(--pad-article-md);
--rounded-article-lg: var(--pad-article-lg);
--rounded-article-xl: var(--pad-article-xl);
--rounded-article-2xl: var(--pad-article-2xl);
--rounded-field: var(--qs-rounded-field);
--rounded-full: 9999px;
--rounded-chip: var(--qs-rounded-min);
--rounded-base: var(--qs-rounded-base);
--border-base: 1px;
--border-button: 1px;
--border-form: 1px;
--text-base-size: 16px;
--text-base-lh: 24px;
--text-d1-size: 96px;
--text-d1-lh: 128px;
--text-d2-size: 72px;
--text-d2-lh: 96px;
--text-d3-size: 60px;
--text-d3-lh: 80px;
--text-h1-size: 48px;
--text-h1-lh: 64px;
--text-h2-size: 32px;
--text-h2-lh: 40px;
--text-h3-size: 24px;
--text-h3-lh: 32px;
--text-h4-size: 20px;
--text-h4-lh: 28px;
--text-h5-size: 18px;
--text-h5-lh: 28px;
--text-h6-size: 16px;
--text-h6-lh: 24px;
--text-heb-size: 14px;
--text-heb-lh: 20px;
--text-p1-size: 20px;
--text-p1-lh: 28px;
--text-p2-size: 18px;
--text-p2-lh: 28px;
--text-p3-size: 16px;
--text-p3-lh: 24px;
--text-p4-size: 14px;
--text-p4-lh: 20px;
--text-p5-size: 12px;
--text-p5-lh: 16px;
--text-i1-size: 72px;
--text-i1-lh: 1;
--text-i2-size: 48px;
--text-i2-lh: 1;
--text-i3-size: 32px;
--text-i3-lh: 1;
--text-i4-size: 24px;
--text-i4-lh: 1;
--text-i5-size: 16px;
--text-i5-lh: 1;
--text-i6-size: 12px;
--text-i6-lh: 1;
--text-nav-size: 20px;
--text-nav-lh: 40px;
--text-button-size: 18px;
--text-button-lh: var(--text-nav-lh);
--text-chip-size: 12px;
--text-chip-lh: 24px;
--text-prose-cpl: 72;
--text-d1a-size: var(--text-d2-size);
--text-d1a-lh: var(--text-d2-lh);
--text-d2a-size: var(--text-d3-size);
--text-d2a-lh: var(--text-d3-lh);
--text-d3a-size: var(--text-h1-size);
--text-d3a-lh: var(--text-h1-lh);
--text-h1a-size: var(--text-h2-lh);
--text-h1a-lh: 1;
--text-i1a-size: var(--text-d3-size);
--text-i1a-lh: var(--text-d3-lh);
--text-nava-size: var(--text-p2-size);
--text-nava-lh: var(--text-nav-lh);
--shadow-light: 0px 0px 4px 0px rgba(0, 0, 0, var(--shadow-alpha-light));
--shadow-base: 0px 2px 4px 0px rgba(0, 0, 0, var(--shadow-alpha-base));
--shadow-heavy: 0px 4px 8px 2px rgba(0, 0, 0, var(--shadow-alpha-heavy));
--drop-shadow-light: 0px 0px 4px rgba(0, 0, 0, var(--shadow-alpha-light));
--drop-shadow-base: 0px 2px 4px rgba(0, 0, 0, var(--shadow-alpha-base));
--drop-shadow-heavy: 0px 4px 8px rgba(0, 0, 0, var(--shadow-alpha-heavy));
--shadow-alpha-light: 0.125;
--shadow-alpha-base: 0.25;
--shadow-alpha-heavy: 0.25;
--blur-light: 24px;
--blur-base: 48px;
--blur-heavy: 64px;
--blur-max: 128px;
--color-bg-overlay: rgba(255, 255, 255, 0.82);
--color-blur-amount: 8px;
--df-overlay-pane-docked-min-width: 280px;
--df-overlay-pane-docked-max-width: 60vw;
--df-overlay-pane-side-width: 320px;
--df-overlay-pane-tb-height: 280px;
--df-overlay-pane-top-offset: 12px;
--df-overlay-pane-bottom-offset: 12px;
--df-overlay-pane-left-offset: 12px;
--df-overlay-pane-right-offset: 12px;
--shader-light: 0.15;
--shader-base: 0.60;
--shader-heavy: 0.85;
--transition-property-base: all;
--transition-timing-base: var(--qs-ease-standard);
--transition-duration-base: var(--qs-duration-base);
--color-key: var(--qs-color-key);
--color-key-rgb: var(--qs-color-key-rgb);
--color-key-end: var(--qs-color-key-end);
--color-key-end-rgb: var(--qs-color-key-end-rgb);
--color-primary: var(--qs-color-primary);
--color-secondary: var(--qs-color-secondary);
--color-tertiary: var(--qs-color-tertiary);
--color-background: var(--qs-color-background);
--color-background-start: var(--qs-color-background-start);
--color-background-start-rgb: var(--qs-color-background-start-rgb);
--color-background-end: var(--qs-color-background-end);
--color-background-end-rgb: var(--qs-color-background-end-rgb);
--color-background-direction: var(--qs-color-background-direction);
--color-disabled: var(--qs-color-disabled);
--color-invert: var(--qs-color-invert);
--color-key-invert: var(--qs-color-key-invert);
--color-key-invert-end: var(--qs-color-key-invert-end);
--color-key-gradient-invert: 255 255 255;
--color-key-gradient-invert-opacity: 0.9;
--color-key-gradient-active-opacity: 0.75;
--color-key-alt: var(--qs-color-key-alt);
--color-key-alt-rgb: var(--qs-color-key-alt-rgb);
--color-key-end-alt: var(--qs-color-key-end-alt);
--color-key-end-alt-rgb: var(--qs-color-key-end-alt-rgb);
--color-primary-alt: var(--qs-color-primary-alt);
--color-secondary-alt: var(--qs-color-secondary-alt);
--color-tertiary-alt: var(--qs-color-tertiary-alt);
--color-background-alt: var(--qs-color-background-alt);
--color-background-start-alt: var(--qs-color-background-start-alt);
--color-background-start-alt-rgb: var(--qs-color-background-start-alt-rgb);
--color-background-end-alt: var(--qs-color-background-end-alt);
--color-background-end-alt-rgb: var(--qs-color-background-end-alt-rgb);
--color-background-alt-direction: var(--qs-color-background-alt-direction);
--color-disabled-alt: var(--qs-color-disabled-alt);
--color-invert-alt: var(--qs-color-invert-alt);
--color-key-alt-invert: var(--qs-color-key-alt-invert);
--color-key-end-alt-invert: var(--qs-color-key-end-alt-invert);
--color-key-alt-gradient-invert: 255 255 255;
--color-key-alt-gradient-invert-opacity: 0.9;
--color-key-alt-gradient-active-opacity: 0.75;
--color-alert-notify: 96 165 250;
--color-alert-notify-heading: 29 79 216;
--color-alert-notify-text: 29 79 216;
--color-alert-notify-background: 219 234 254;
--color-alert-warning: 250 204 21;
--color-alert-warning-heading: 161 98 7;
--color-alert-warning-text: 133 77 14;
--color-alert-warning-background: 254 249 195;
--color-alert-error: 248 113 113;
--color-alert-error-heading: 185 28 28;
--color-alert-error-text: 185 28 28;
--color-alert-error-background: 254 226 226;
--color-alert-success: 74 222 128;
--color-alert-success-heading: 21 128 61;
--color-alert-success-text: 21 110 53;
--color-alert-success-background: 220 252 231;
--color-header-background: var(--qs-color-header-background);
--color-header-primary: var(--qs-color-header-primary);
--color-header-nav-link: var(--qs-color-header-nav-link);
--font-header-nav-weight: var(--qs-font-header-nav-weight);
--color-header-background-alt: var(--qs-color-header-background);
--color-header-primary-alt: var(--qs-color-header-primary);
--color-header-nav-link-alt: var(--qs-color-header-nav-link);
--font-header-nav-weight-alt: var(--qs-font-header-nav-weight);
--color-footer-background: var(--qs-color-footer-background);
--color-footer-primary: var(--qs-color-footer-primary);
--color-footer-nav-link: var(--qs-color-footer-nav-link);
--font-footer-nav-weight: var(--qs-font-footer-nav-weight);
--color-footer-background-alt: var(--qs-color-footer-background);
--color-footer-primary-alt: var(--qs-color-footer-primary);
--color-footer-nav-link-alt: var(--qs-color-footer-nav-link);
--font-footer-nav-weight-alt: var(--qs-font-footer-nav-weight);
}
}
@layer base {
[type='text'], [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select {
appearance: none;
background-color: #fff;
}
}
@layer consumer, df-motion, df-state;
@layer theme {
:root {
--element-max-h: var(--element-max-h-base);
--gap-article: var(--gap-article-base);
--gap-element: var(--gap-element-base);
--gap-form: var(--gap-form-base);
--gap-section: var(--gap-section-base);
--gap-stack: var(--gap-stack-base);
--layout-col-width: var(--layout-col-width-base);
--layout-cols: var(--layout-cols-base);
--layout-row-height: var(--layout-row-height-base);
--offset-element: var(--offset-element-base);
--offset-footer: var(--offset-footer-base);
--offset-header: var(--offset-header-base);
--pad-article: var(--pad-article-base);
--pad-base: var(--pad-base-base);
--pad-element: var(--pad-element-base);
--pad-header: var(--pad-header-base);
--pad-section: var(--pad-section-base);
--rounded-article: var(--rounded-article-base);
--spacing-block: var(--spacing-block-base);
--spacing-card: var(--spacing-card-base);
--spacing-gutter: var(--spacing-gutter-base);
--spacing-shoulder: var(--spacing-shoulder-base);
--spacing-sub: var(--spacing-sub-base);
}
@media (min-width: 640px) {
:root {
--element-max-h: var(--element-max-h-sm);
--gap-article: var(--gap-article-sm);
--gap-element: var(--gap-element-sm);
--gap-form: var(--gap-form-sm);
--gap-section: var(--gap-section-sm);
--gap-stack: var(--gap-stack-sm);
--layout-col-width: var(--layout-col-width-sm);
--layout-cols: var(--layout-cols-sm);
--layout-row-height: var(--layout-row-height-sm);
--offset-element: var(--offset-element-sm);
--offset-footer: var(--offset-footer-sm);
--offset-header: var(--offset-header-sm);
--pad-article: var(--pad-article-sm);
--pad-base: var(--pad-base-sm);
--pad-element: var(--pad-element-sm);
--pad-header: var(--pad-header-sm);
--pad-section: var(--pad-section-sm);
--rounded-article: var(--rounded-article-sm);
--spacing-block: var(--spacing-block-sm);
--spacing-card: var(--spacing-card-sm);
--spacing-gutter: var(--spacing-gutter-sm);
--spacing-shoulder: var(--spacing-shoulder-sm);
--spacing-sub: var(--spacing-sub-sm);
}
}
@media (min-width: 768px) {
:root {
--element-max-h: var(--element-max-h-md);
--gap-article: var(--gap-article-md);
--gap-element: var(--gap-element-md);
--gap-form: var(--gap-form-md);
--gap-section: var(--gap-section-md);
--gap-stack: var(--gap-stack-md);
--layout-col-width: var(--layout-col-width-md);
--layout-cols: var(--layout-cols-md);
--layout-row-height: var(--layout-row-height-md);
--offset-element: var(--offset-element-md);
--offset-footer: var(--offset-footer-md);
--offset-header: var(--offset-header-md);
--pad-article: var(--pad-article-md);
--pad-base: var(--pad-base-md);
--pad-element: var(--pad-element-md);
--pad-header: var(--pad-header-md);
--pad-section: var(--pad-section-md);
--rounded-article: var(--rounded-article-md);
--spacing-block: var(--spacing-block-md);
--spacing-card: var(--spacing-card-md);
--spacing-gutter: var(--spacing-gutter-md);
--spacing-shoulder: var(--spacing-shoulder-md);
--spacing-sub: var(--spacing-sub-md);
}
}
@media (min-width: 960px) {
:root {
--element-max-h: var(--element-max-h-lg);
--gap-article: var(--gap-article-lg);
--gap-element: var(--gap-element-lg);
--gap-form: var(--gap-form-lg);
--gap-section: var(--gap-section-lg);
--gap-stack: var(--gap-stack-lg);
--layout-col-width: var(--layout-col-width-lg);
--layout-cols: var(--layout-cols-lg);
--layout-row-height: var(--layout-row-height-lg);
--offset-element: var(--offset-element-lg);
--offset-footer: var(--offset-footer-lg);
--offset-header: var(--offset-header-lg);
--pad-article: var(--pad-article-lg);
--pad-base: var(--pad-base-lg);
--pad-element: var(--pad-element-lg);
--pad-header: var(--pad-header-lg);
--pad-section: var(--pad-section-lg);
--rounded-article: var(--rounded-article-lg);
--spacing-block: var(--spacing-block-lg);
--spacing-card: var(--spacing-card-lg);
--spacing-gutter: var(--spacing-gutter-lg);
--spacing-shoulder: var(--spacing-shoulder-lg);
--spacing-sub: var(--spacing-sub-lg);
}
}
@media (min-width: 1440px) {
:root {
--element-max-h: var(--element-max-h-xl);
--gap-article: var(--gap-article-xl);
--gap-element: var(--gap-element-xl);
--gap-form: var(--gap-form-xl);
--gap-section: var(--gap-section-xl);
--gap-stack: var(--gap-stack-xl);
--layout-col-width: var(--layout-col-width-xl);
--layout-cols: var(--layout-cols-xl);
--layout-row-height: var(--layout-row-height-xl);
--offset-element: var(--offset-element-xl);
--offset-footer: var(--offset-footer-xl);
--offset-header: var(--offset-header-xl);
--pad-article: var(--pad-article-xl);
--pad-base: var(--pad-base-xl);
--pad-element: var(--pad-element-xl);
--pad-header: var(--pad-header-xl);
--pad-section: var(--pad-section-xl);
--rounded-article: var(--rounded-article-xl);
--spacing-block: var(--spacing-block-xl);
--spacing-card: var(--spacing-card-xl);
--spacing-gutter: var(--spacing-gutter-xl);
--spacing-shoulder: var(--spacing-shoulder-xl);
--spacing-sub: var(--spacing-sub-xl);
}
}
@media (min-width: 1600px) {
:root {
--element-max-h: var(--element-max-h-2xl);
--gap-article: var(--gap-article-2xl);
--gap-element: var(--gap-element-2xl);
--gap-form: var(--gap-form-2xl);
--gap-section: var(--gap-section-2xl);
--gap-stack: var(--gap-stack-2xl);
--layout-col-width: var(--layout-col-width-2xl);
--layout-cols: var(--layout-cols-2xl);
--layout-row-height: var(--layout-row-height-2xl);
--offset-element: var(--offset-element-2xl);
--offset-footer: var(--offset-footer-2xl);
--offset-header: var(--offset-header-2xl);
--pad-article: var(--pad-article-2xl);
--pad-base: var(--pad-base-2xl);
--pad-element: var(--pad-element-2xl);
--pad-header: var(--pad-header-2xl);
--pad-section: var(--pad-section-2xl);
--rounded-article: var(--rounded-article-2xl);
--spacing-block: var(--spacing-block-2xl);
--spacing-card: var(--spacing-card-2xl);
--spacing-gutter: var(--spacing-gutter-2xl);
--spacing-shoulder: var(--spacing-shoulder-2xl);
--spacing-sub: var(--spacing-sub-2xl);
}
}
}
@layer base {
body, header, main, footer {
background-color: rgb(var(--color-background) / 1);
}
body {
font-family: var(--font-body), var(--font-body-alt1), var(--font-body-alt2);
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
color: rgb(var(--color-primary) / 1);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-synthesis: none;
}
.card, .card-base {
color: rgb(var(--color-primary) / 1);
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-heading), var(--font-heading-alt1), var(--font-heading-alt2);
color: rgb(var(--color-key) / 1);
}
h1 {
font-size: var(--text-h1-size);
line-height: var(--tw-leading, var(--text-h1-lh));
}
h2 {
font-size: var(--text-h2-size);
line-height: var(--tw-leading, var(--text-h2-lh));
}
h3 {
font-size: var(--text-h3-size);
line-height: var(--tw-leading, var(--text-h3-lh));
}
h4 {
font-size: var(--text-h4-size);
line-height: var(--tw-leading, var(--text-h4-lh));
}
h5 {
font-size: var(--text-h5-size);
line-height: var(--tw-leading, var(--text-h5-lh));
}
h6 {
font-size: var(--text-h6-size);
line-height: var(--tw-leading, var(--text-h6-lh));
}
.header-flex nav a, .header-base nav a, .topbar nav a {
font-size: var(--text-nav-size);
line-height: var(--tw-leading, var(--text-nav-lh));
}
a i {
color: rgb(var(--color-key) / 1);
}
button i {
font-size: var(--text-nav-size);
line-height: var(--tw-leading, var(--element-base-size));
}
input label {
font-size: var(--text-p2-size);
line-height: var(--tw-leading, var(--text-p2-lh));
color: rgb(var(--color-key) / 1);
}
::placeholder {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
color: rgb(var(--color-secondary) / 1);
}
ul {
list-style-position: outside;
list-style-type: disc;
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--layout-unit) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--layout-unit) * calc(1 - var(--tw-space-y-reverse)));
}
padding-inline-start: var(--offset-li-base);
}
ol {
list-style-position: outside;
list-style-type: decimal;
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--layout-unit) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--layout-unit) * calc(1 - var(--tw-space-y-reverse)));
}
padding-inline-start: var(--offset-li-base);
}
p.title {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
i {
line-height: inherit;
}
.text-help {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
font-style: italic;
}
nav a, nav a:link, nav a:visited, nav a:focus {
color: rgb(var(--color-secondary) / 1);
}
nav a:hover {
color: rgb(var(--color-key) / 1);
}
nav a:active {
color: rgb(var(--color-secondary) / 1);
}
nav a.active, nav a.active p {
color: rgb(var(--color-key) / 1);
}
#header-nav-menu {
background-color: rgb(var(--color-background) / 1);
}
#header-nav-menu nav a {
width: 100%;
background-color: rgb(var(--color-key) / 1);
padding-inline: 0px;
text-align: center;
}
#header-nav-menu nav a.nav-gradient {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
#header-nav-menu nav a p {
width: 100%;
background-color: rgb(var(--color-background) / 1);
padding-inline: var(--pad-element-base);
font-size: var(--text-nav-size);
line-height: var(--tw-leading, var(--text-nav-lh));
color: rgb(var(--color-secondary) / 1);
}
#header-nav-menu nav a:hover p {
color: rgb(var(--color-invert) / 1);
background-color: rgb(var(--color-background) / 0);
}
button {
cursor: pointer;
color: rgb(var(--color-key) / 1);
}
a {
cursor: pointer;
color: rgb(var(--color-key) / 1);
}
a:hover {
color: rgb(var(--color-key-end) / 1);
}
:focus-visible {
outline-color: rgb(var(--color-key));
}
hr {
grid-column: 1 / -1;
margin-block: var(--pad-article-base);
height: 1px;
width: 100%;
border-style: var(--tw-border-style);
border-width: 0px;
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
[type='checkbox'], [type='radio'] {
appearance: none;
width: var(--element-sub-size);
height: var(--element-sub-size);
flex-shrink: 0;
display: inline-block;
vertical-align: middle;
padding: 0;
border-width: 1px;
border-style: solid;
border-color: rgb(var(--color-tertiary));
background-color: rgb(var(--color-background));
background-origin: border-box;
user-select: none;
print-color-adjust: exact;
}
[type='checkbox'] {
border-radius: var(--rounded-min);
}
[type='radio'] {
border-radius: var(--rounded-full);
}
[type='checkbox']:checked, [type='radio']:checked, [type='checkbox']:indeterminate {
background-color: currentColor;
border-color: transparent;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type='checkbox']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
[type='radio']:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
[type='checkbox']:indeterminate {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
[type='checkbox'], [type='radio'] {
appearance: auto;
}
}
}
@layer components {
@layer df-core, df-theme, df-effects, df-pro, df-dark;
@layer df-core {
.header-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-flex > nav {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
.header-grid {
display: grid;
}
.header-grid > nav {
grid-column: 1 / -1;
}
.footer-base {
padding-inline: 0px;
padding-block: 0px;
}
.footer-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-flex > nav {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
.footer-grid {
display: grid;
}
.footer-grid > nav {
grid-column: 1 / -1;
}
.section-flex, .flex-base {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.section-grid, .grid-base {
display: grid;
align-items: flex-start;
}
.grid-auto {
display: grid;
align-items: flex-start;
grid-template-columns: repeat(auto-fit, minmax(var(--element-c-lg), 1fr));
}
.orderable {
display: flex;
flex-direction: column;
}
.centerframe-flex {
margin-inline: auto;
display: flex;
max-width: 640px;
max-width: var(--screen-sm);
flex-wrap: wrap;
align-items: flex-start;
@media (width >= 768px) {
max-width: 768px;
}
@media (width >= 768px) {
max-width: var(--screen-md);
}
@media (width >= 960px) {
max-width: 960px;
}
@media (width >= 960px) {
max-width: var(--screen-lg);
}
@media (width >= 1440px) {
max-width: 1440px;
}
@media (width >= 1440px) {
max-width: var(--screen-xl);
}
@media (width >= 1600px) {
max-width: 1600px;
}
@media (width >= 1600px) {
max-width: var(--screen-2xl);
}
}
.centerframe-grid {
margin-inline: auto;
display: grid;
max-width: 640px;
max-width: var(--screen-sm);
align-items: flex-start;
@media (width >= 768px) {
max-width: 768px;
}
@media (width >= 768px) {
max-width: var(--screen-md);
}
@media (width >= 960px) {
max-width: 960px;
}
@media (width >= 960px) {
max-width: var(--screen-lg);
}
@media (width >= 1440px) {
max-width: 1440px;
}
@media (width >= 1440px) {
max-width: var(--screen-xl);
}
@media (width >= 1600px) {
max-width: 1600px;
}
@media (width >= 1600px) {
max-width: var(--screen-2xl);
}
}
.centerframe-grid.centered, .centerframe-flex.centered {
min-height: 100%;
place-content: center;
}
.main-flex {
display: flex;
}
.main-grid {
display: grid;
}
body.layout-split {
display: flex;
height: 100dvh;
flex-direction: column;
overflow: hidden;
}
body.layout-split > header, body.layout-split header.layout-split-header {
flex-shrink: 0;
}
body.layout-split > main, body.layout-split main.layout-split-main {
min-height: 0px;
flex: 1;
gap: 0px;
}
body.layout-split > main > aside, body.layout-split main.layout-split-main aside.layout-split-aside {
overflow-y: auto;
}
body.layout-split > main > aside ~ *, body.layout-split main.layout-split-main aside.layout-split-aside ~ * {
flex: 1;
overflow-y: auto;
}
body.layout-split > main > aside.sidebar, body.layout-split main.layout-split-main aside.layout-split-aside.sidebar {
flex-shrink: 0;
flex-grow: 0;
}
body.layout-split > footer, body.layout-split footer.layout-split-footer {
flex-shrink: 0;
}
.scroll-bottom {
display: flex;
min-height: 0px;
flex-direction: column-reverse;
overflow-y: auto;
}
.stack-col-base {
display: flex;
flex-direction: column;
}
.stack-col-min {
display: flex;
flex-direction: column;
gap: var(--spacing-sub-base);
}
.stack-col-sm {
display: flex;
flex-direction: column;
gap: var(--gap-stack-sm);
}
.stack-row-base {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.stack-row-base-wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.stack-row-min {
display: flex;
flex-direction: row;
column-gap: var(--spacing-sub-base);
}
.datarow, .formrow {
display: flex;
width: 100%;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.controlrow {
display: flex;
width: fit-content;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.toggle-set {
display: flex;
align-items: center;
column-gap: var(--layout-unit);
border-radius: calc(infinity * 1px);
background-color: rgb(var(--color-key) / 1);
padding: calc(var(--layout-unit) / 2);
}
.toggle-set > * {
flex: 1;
}
.toggle-set .button, .toggle-set .button:hover {
background-color: transparent;
background-clip: border-box;
--tw-ring-color: transparent;
}
.toggle-set .button p, .toggle-set .button i {
color: rgb(var(--color-invert) / 1);
}
.toggle-set .button:hover p, .toggle-set .button:hover i {
color: rgb(var(--color-invert) / 1);
opacity: 75%;
}
.toggle-set .button.active {
background-color: rgb(var(--color-background) / 1);
background-image: none;
background-clip: border-box;
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.toggle-set .button.active p, .toggle-set .button.active i, .toggle-set .button.active:hover p, .toggle-set .button.active:hover i {
color: rgb(var(--color-key) / 1);
opacity: 100%;
}
.toggle-set.air {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-background-start) / 1);
--tw-gradient-to: rgb(var(--color-background-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background: linear-gradient(to var(--color-background-direction), rgba(var(--color-background-start-rgb), 1), rgba(var(--color-background-end-rgb), 1));
}
.toggle-set.air .button p, .toggle-set.air .button i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.toggle-set.air .button:hover p, .toggle-set.air .button:hover i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: 75%;
}
.toggle-set.air .button.active p, .toggle-set.air .button.active i, .toggle-set.air .button.active:hover p, .toggle-set.air .button.active:hover i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: 100%;
}
.toggle-set.cols-2, .toggle-set.cols-3, .toggle-set.cols-4 {
display: grid;
gap: var(--layout-unit);
border-radius: var(--radius-corner);
}
.toggle-set.cols-2 {
grid-template-columns: repeat(2, 1fr);
}
.toggle-set.cols-3 {
grid-template-columns: repeat(3, 1fr);
}
.toggle-set.cols-4 {
grid-template-columns: repeat(4, 1fr);
}
.toggle-set.cols-2 .button, .toggle-set.cols-3 .button, .toggle-set.cols-4 .button {
border-radius: var(--radius-corner);
}
.toggle-set.cols-2 .button.active, .toggle-set.cols-3 .button.active, .toggle-set.cols-4 .button.active {
border-radius: var(--radius-corner);
}
.toggle-set.segmented {
background: rgb(var(--color-primary) / var(--shader-light));
}
.toggle-set.segmented .button.active {
box-shadow: var(--shadow-light);
}
.toggle-set.segmented .button:not(.active) i, .toggle-set.segmented .button:not(.active) p {
background-image: linear-gradient(to right, rgb(var(--color-tertiary, var(--qs-color-tertiary))), rgb(var(--color-tertiary, var(--qs-color-tertiary))));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.toggle-set.segmented .button:not(.active):hover i, .toggle-set.segmented .button:not(.active):hover p {
background-image: linear-gradient(to right, rgb(var(--color-key, var(--qs-color-key))), rgb(var(--color-key-end, var(--qs-color-key-end))));
}
.datarow > *, .formrow > * {
width: 100%;
}
.datarow.title, .formrow.title {
align-items: baseline;
}
.datarow.align-start {
justify-content: flex-start;
gap: var(--spacing-sub-base);
}
.data-item {
display: flex;
width: 100%;
align-items: center;
}
.data-item.row {
flex-direction: row;
}
.data-item.col {
flex-direction: column;
}
.datarow.search-result {
flex-wrap: wrap;
@media (width >= 960px) {
flex-wrap: nowrap;
}
}
.datarow.search-result > .data-item:first-child {
width: 100%;
justify-content: flex-start;
@media (width >= 960px) {
width: calc(1 / 3 * 100%);
}
}
.datarow.search-result > .data-item:last-child {
width: 100%;
justify-content: flex-start;
}
.datarow.search-result > .data-item:last-child .button {
width: 100%;
}
.datarow.search-result .igroup {
align-items: center;
gap: var(--spacing-sub-base);
}
.datarow.search-result .igroup i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.datarow.stats > hgroup {
flex-basis: calc(50% - var(--spacing-gutter-base));
}
.datarow.stats hgroup h4, .datarow.stats hgroup p {
text-align: center;
}
.datarow.stats hgroup p {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
}
.datarow.stats, .datarow.attribute {
flex-wrap: wrap;
row-gap: var(--layout-unit);
@media (width >= 640px) {
flex-wrap: nowrap;
}
}
.datarow.attribute h5 {
color: rgb(var(--color-primary) / 1);
}
.datarow.attribute .data-item:first-child {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(50% - var(--spacing-gutter-base));
}
.datarow.attribute .data-item:last-child {
width: 100%;
}
.spacer-element-min {
height: var(--element-min-size);
width: var(--element-min-size);
}
.spacer-element-min-row {
height: var(--element-min-size);
width: 100%;
}
.spacer-element {
height: var(--element-base-size);
width: var(--element-base-size);
}
.spacer-element-row {
height: var(--element-base-size);
width: 100%;
}
.spacer-element-col {
height: 100%;
width: var(--element-base-size);
}
.stack-title-row {
display: flex;
flex-direction: row;
gap: var(--gap-element-base);
}
.stack-title-row > p:first-child {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
font-family: var(--font-body), var(--font-body-alt1), var(--font-body-alt2);
}
.stack-title-row > p:last-child {
font-style: italic;
}
.stack-row.split, .stack-row-wrap.split, .stack-row-base.split {
justify-content: space-between;
}
.stack-button-info {
display: flex;
flex-direction: column;
row-gap: var(--gap-element-base);
}
.stack-button-info .stack-title-row {
justify-content: center;
}
.stack-row.split > div:first-child, .stack-row-wrap.split > div:first-child {
text-align: start;
}
.stack-row.split > div:last-child, .stack-row-wrap.split > div:last-child {
text-align: end;
}
.stack-avatar.min {
isolation: isolate;
display: flex;
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--offset-element-min) * -1) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--offset-element-min) * -1) * calc(1 - var(--tw-space-x-reverse)));
}
}
.stack-avatar {
isolation: isolate;
display: flex;
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--offset-element-base) * -1) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--offset-element-base) * -1) * calc(1 - var(--tw-space-x-reverse)));
}
}
.stack-avatar.sm {
isolation: isolate;
display: flex;
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--offset-element-sm) * -1) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--offset-element-sm) * -1) * calc(1 - var(--tw-space-x-reverse)));
}
}
.stack-avatar.md {
isolation: isolate;
display: flex;
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--offset-element-md) * -1) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--offset-element-md) * -1) * calc(1 - var(--tw-space-x-reverse)));
}
}
.stack-avatar.lg {
isolation: isolate;
display: flex;
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--offset-element-lg) * -1) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--offset-element-lg) * -1) * calc(1 - var(--tw-space-x-reverse)));
}
}
.stack-avatar.xl {
isolation: isolate;
display: flex;
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--offset-element-xl) * -1) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--offset-element-xl) * -1) * calc(1 - var(--tw-space-x-reverse)));
}
}
.stack-buttons {
display: flex;
width: 100%;
row-gap: var(--gap-element-base);
}
.stack-buttons .button {
width: 100%;
}
.stack-buttons.col {
flex-direction: column;
}
.stack-buttons.row {
flex-direction: row;
}
.stack-buttons.wrap {
flex-wrap: wrap;
}
.block-element {
height: var(--element-base-size);
width: var(--element-base-size);
text-align: center;
--tw-leading: var(--element-base-size);
line-height: var(--element-base-size);
}
.z-to-t :nth-child(1) {
z-index: 10;
}
.z-to-t :nth-child(2) {
z-index: 20;
}
.z-to-t :nth-child(3) {
z-index: 30;
}
.z-to-t :nth-child(4) {
z-index: 40;
}
.z-to-t :nth-child(5) {
z-index: 50;
}
.z-to-t :nth-child(6) {
z-index: 60;
}
.z-to-t :nth-child(7) {
z-index: 70;
}
.z-to-t :nth-child(8) {
z-index: 80;
}
.z-to-t :nth-child(9) {
z-index: 90;
}
.z-to-t :nth-child(10) {
z-index: 100;
}
.z-to-t :nth-child(11) {
z-index: 110;
}
.z-to-t :nth-child(12) {
z-index: 120;
}
.z-to-t :nth-child(13) {
z-index: 130;
}
.z-to-t :nth-child(14) {
z-index: 140;
}
.z-to-t :nth-child(15) {
z-index: 150;
}
.z-to-t :nth-child(16) {
z-index: 160;
}
.z-to-t :nth-child(17) {
z-index: 170;
}
.z-to-t :nth-child(18) {
z-index: 180;
}
.z-to-t :nth-child(19) {
z-index: 190;
}
.z-to-t :nth-child(20) {
z-index: 200;
}
.z-to-t :nth-child(21) {
z-index: 210;
}
.z-to-t :nth-child(22) {
z-index: 220;
}
.z-to-t :nth-child(23) {
z-index: 230;
}
.z-to-t :nth-child(24) {
z-index: 240;
}
.z-to-b :nth-child(1) {
z-index: 240;
}
.z-to-b :nth-child(2) {
z-index: 230;
}
.z-to-b :nth-child(3) {
z-index: 220;
}
.z-to-b :nth-child(4) {
z-index: 210;
}
.z-to-b :nth-child(5) {
z-index: 200;
}
.z-to-b :nth-child(6) {
z-index: 190;
}
.z-to-b :nth-child(7) {
z-index: 180;
}
.z-to-b :nth-child(8) {
z-index: 170;
}
.z-to-b :nth-child(9) {
z-index: 160;
}
.z-to-b :nth-child(10) {
z-index: 150;
}
.z-to-b :nth-child(11) {
z-index: 140;
}
.z-to-b :nth-child(12) {
z-index: 130;
}
.z-to-b :nth-child(13) {
z-index: 120;
}
.z-to-b :nth-child(14) {
z-index: 110;
}
.z-to-b :nth-child(15) {
z-index: 100;
}
.z-to-b :nth-child(16) {
z-index: 90;
}
.z-to-b :nth-child(17) {
z-index: 80;
}
.z-to-b :nth-child(18) {
z-index: 70;
}
.z-to-b :nth-child(19) {
z-index: 60;
}
.z-to-b :nth-child(20) {
z-index: 50;
}
.z-to-b :nth-child(21) {
z-index: 40;
}
.z-to-b :nth-child(22) {
z-index: 30;
}
.z-to-b :nth-child(23) {
z-index: 20;
}
.z-to-b :nth-child(24) {
z-index: 10;
}
.card, .card-base {
background-color: rgb(var(--color-background) / 1);
}
.invert-color {
color: rgb(var(--color-primary) / 1);
}
.transparent {
background-color: transparent;
}
}
}
@layer df-state {
.disabled {
cursor: default;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-grayscale: grayscale(0%);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
a.disabled {
border-color: rgb(var(--color-disabled) / 1);
color: rgb(var(--color-disabled) / 1);
opacity: 100%;
--tw-ring-color: rgb(var(--color-disabled) / 1);
}
a.disabled:hover {
background-color: transparent;
}
.disabled p, .disabled h2, .disabled h3, .disabled h4, .disabled h5, .disabled h6, .disabled i {
background-image: none;
color: rgb(var(--color-disabled) / 1);
}
.disabled .button, .disabled .button::before, .disabled .button:hover::before {
cursor: default;
background-color: rgb(var(--color-disabled) / 1);
background-image: none;
}
.button.disabled, .button:disabled {
cursor: default;
background-color: rgb(var(--color-disabled) / 1);
background-image: none;
color: rgb(var(--color-invert) / 1);
}
.button.disabled::before, .button:disabled::before {
background-color: rgb(var(--color-disabled) / 1);
background-image: none;
}
.button.disabled p, .button.disabled i, .button:disabled p, .button:disabled i {
background-image: none;
color: rgb(var(--color-invert) / 1);
}
.button.secondary.disabled, .button.secondary.disabled:hover, .button.secondary:disabled, .button.secondary:disabled:hover {
background-color: rgb(var(--color-disabled) / 1);
color: rgb(var(--color-invert) / 1);
}
.button.secondary.disabled::before, .button.secondary:disabled::before {
background-color: rgb(var(--color-disabled) / 1);
background-image: none;
}
.button.secondary.disabled:hover span, .button.secondary:disabled:hover span {
background-color: rgb(var(--color-invert) / 1);
}
.button.secondary.disabled p, .button.secondary.disabled i, .button.secondary:disabled p, .button.secondary:disabled i {
background-image: none;
color: rgb(var(--color-secondary) / 1);
}
}
@layer components {
@layer df-core {
.ghost {
background-color: rgb(var(--color-disabled) / 1);
background-image: none;
opacity: 50%;
--tw-blur: blur(calc(var(--layout-unit) / 2));
--tw-grayscale: grayscale(0%);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
i.fa-circle-xmark {
border-radius: calc(infinity * 1px);
background-color: rgb(var(--color-background) / 1);
}
.shader-linear-primary-up {
--tw-gradient-position: to top in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.shader-linear-primary-up-33 {
--tw-gradient-position: to top in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 33%;
}
.shader-linear-primary-up-66 {
--tw-gradient-position: to top in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 66%;
}
.shader-linear-primary-down {
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.shader-linear-primary-down-33 {
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 33%;
}
.shader-linear-primary-down-66 {
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 66%;
}
.shader-linear-primary-right {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.shader-linear-primary-right-33 {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 33%;
}
.shader-linear-primary-right-66 {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 66%;
}
.shader-linear-primary-left {
--tw-gradient-position: to left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.shader-linear-primary-left-33 {
--tw-gradient-position: to left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 33%;
}
.shader-linear-primary-left-66 {
--tw-gradient-position: to left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 66%;
}
.shader-linear-primary-upleft {
--tw-gradient-position: to top left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.shader-linear-primary-upleft-33 {
--tw-gradient-position: to top left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 33%;
}
.shader-linear-primary-upleft-66 {
--tw-gradient-position: to top left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 66%;
}
.shader-linear-primary-downleft {
--tw-gradient-position: to bottom left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.shader-linear-primary-downleft-33 {
--tw-gradient-position: to bottom left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 33%;
}
.shader-linear-primary-downleft-66 {
--tw-gradient-position: to bottom left in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 66%;
}
.shader-linear-primary-upright {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.shader-linear-primary-upright-33 {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 33%;
}
.shader-linear-primary-upright-66 {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 66%;
}
.shader-linear-primary-downright {
--tw-gradient-position: to bottom right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.shader-linear-primary-downright-33 {
--tw-gradient-position: to bottom right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 33%;
}
.shader-linear-primary-downright-66 {
--tw-gradient-position: to bottom right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary) / var(--shader-base));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to-position: 66%;
}
.bg-cover-center {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.bg-cover-top {
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
}
.bg-cover-bottom {
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
}
.bg-cover-left {
background-size: cover;
background-position: left;
background-repeat: no-repeat;
}
.bg-cover-right {
background-size: cover;
background-position: right;
background-repeat: no-repeat;
}
.bg-cover-left-top {
background-size: cover;
background-position: left top;
background-repeat: no-repeat;
}
.bg-cover-left-bottom {
background-size: cover;
background-position: left bottom;
background-repeat: no-repeat;
}
.bg-cover-right-top {
background-size: cover;
background-position: right top;
background-repeat: no-repeat;
}
.bg-cover-right-bottom {
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
}
.gradient-glow-key {
cursor: pointer;
position: relative;
display: inline-block;
z-index: 0;
overflow: visible;
}
.gradient-glow-key::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgb(var(--color-key)), rgb(var(--color-key-end)));
filter: blur(16px);
z-index: 0;
opacity: 0;
}
.gradient-glow-key > * {
position: relative;
z-index: 2;
}
.gradient-glow-key:hover::before {
animation: glow 5s cubic-bezier(0.1, 0.1, 0.6, 1) infinite;
}
.gradient-glow-key-cycle-pair {
cursor: pointer;
position: relative;
display: inline-block;
z-index: 0;
overflow: visible;
}
.gradient-glow-key-cycle-pair::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgb(var(--color-key)), rgb(var(--color-key-end)), rgb(var(--color-key)));
filter: blur(16px);
z-index: 0;
opacity: 0;
}
.gradient-glow-key-cycle-pair > * {
position: relative;
z-index: 2;
}
.gradient-glow-key-cycle-pair:hover::before {
animation: glow-cycle 8s cubic-bezier(0.1, 0.1, 0.6, 1) infinite;
}
.gradient-glow-key-cycle-pair-reverse {
cursor: pointer;
position: relative;
display: inline-block;
z-index: 0;
overflow: visible;
}
.gradient-glow-key-cycle-pair-reverse::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgb(var(--color-key-end)), rgb(var(--color-key)), rgb(var(--color-key-end)));
filter: blur(16px);
z-index: 0;
opacity: 0;
}
.gradient-glow-key-cycle-pair-reverse > * {
position: relative;
z-index: 2;
}
.gradient-glow-key-cycle-pair-reverse:hover::after {
animation: glow-cycle-reverse 8s cubic-bezier(0.1, 0.1, 0.6, 1) infinite;
}
.avatar:has(i) {
position: relative;
}
.avatar i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
display: block;
position: absolute;
bottom: calc(var(--border-button) * -1);
inset-inline-end: calc(var(--layout-unit) * -1);
font-size: var(--text-i5-size);
line-height: var(--text-i5-lh);
height: var(--text-i5-size);
width: var(--text-i5-size);
}
.avatar.min i {
inset-inline-end: calc(var(--layout-unit) / -2);
font-size: var(--text-i6-size);
line-height: var(--text-i6-lh);
height: var(--text-i6-size);
width: var(--text-i6-size);
}
.avatar.sm i {
font-size: var(--text-i4-size);
line-height: var(--text-i4-lh);
height: var(--text-i4-size);
width: var(--text-i4-size);
}
.avatar.md i {
font-size: var(--text-i3-size);
line-height: var(--text-i3-lh);
height: var(--text-i3-size);
width: var(--text-i3-size);
}
.avatar.lg i {
inset-inline-end: 0;
font-size: var(--text-i2-size);
line-height: var(--text-i2-lh);
height: var(--text-i2-size);
width: var(--text-i2-size);
}
.avatar.xl i {
inset-inline-end: 0;
font-size: var(--text-i1-size);
line-height: var(--text-i1-lh);
height: var(--text-i1-size);
width: var(--text-i1-size);
}
.hr-inline {
display: flex;
align-items: flex-start;
text-align: start;
}
.hr-inline::after {
content: '';
flex-grow: 1;
height: var(--element-hairline-size);
background: rgb(var(--color-key));
min-width: var(--spacing-gutter-base);
margin: auto;
margin-inline-start: var(--gap-element-xl);
}
.hr-inline.gradient::after {
content: '';
background: linear-gradient(to right, rgba(var(--color-key-rgb), 1), rgba(var(--color-key-end-rgb), 1));
}
div.screen-modal, section.screen-modal {
position: fixed;
inset: 0px;
z-index: 888;
height: 100dvh;
width: 100vw;
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
overflow-y: scroll;
border-radius: 0;
opacity: 100%;
--tw-blur: ;
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
--tw-backdrop-blur: blur(var(--blur-heavy));
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
@media (prefers-reduced-motion: reduce) {
transition-property: none;
}
}
div.screen-modal.hide, section.screen-modal.hide {
visibility: hidden;
--tw-scale-x: 0%;
--tw-scale-y: 0%;
--tw-scale-z: 0%;
scale: var(--tw-scale-x) var(--tw-scale-y);
border-radius: var(--screen-xl);
opacity: 0%;
--tw-blur: blur(var(--blur-max));
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
--tw-backdrop-blur: ;
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
--tw-duration: calc(2 * var(--transition-duration-base));
transition-duration: calc(2 * var(--transition-duration-base));
@media (prefers-reduced-motion: reduce) {
transition-property: none;
}
@media (width >= 960px) {
border-radius: var(--screen-2xl);
}
}
div.screen-modal .modal-block, section.screen-modal .modal-block {
max-height: 100%;
flex-grow: 0;
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
overflow: scroll;
opacity: 100%;
--tw-duration: calc(3 * var(--transition-duration-base));
transition-duration: calc(3 * var(--transition-duration-base));
@media (prefers-reduced-motion: reduce) {
transition-property: none;
}
}
div.screen-modal.hide .modal-block, section.screen-modal.hide .modal-block {
visibility: hidden;
--tw-scale-x: 50%;
--tw-scale-y: 50%;
--tw-scale-z: 50%;
scale: var(--tw-scale-x) var(--tw-scale-y);
opacity: 0%;
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
@media (prefers-reduced-motion: reduce) {
transition-property: none;
}
}
.frame-modal {
height: 100%;
align-content: center;
justify-content: center;
}
.lock-body {
position: fixed;
height: 100svh;
width: 100%;
overflow-y: hidden;
}
div.screen-modal.theme-transparent, section.screen-modal.theme-transparent {
background: linear-gradient( to top right, rgba(var(--color-key-rgb), var(--shader-light)), rgba(var(--color-key-end-rgb), var(--shader-light)) );
}
dialog.screen-modal {
position: fixed;
inset: 0px;
z-index: 888;
margin: 0px;
height: 100dvh;
width: 100vw;
max-width: none;
overflow-y: scroll;
border-radius: 0;
border-style: var(--tw-border-style);
border-width: 0px;
background-color: transparent;
padding: 0px;
--tw-backdrop-blur: blur(var(--blur-heavy));
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
@media (prefers-reduced-motion: reduce) {
transition-property: none;
}
max-height: none;
}
dialog.screen-modal::backdrop {
background: rgb(var(--color-primary) / 0.5);
backdrop-filter: blur(8px);
}
dialog.drawer {
position: fixed;
z-index: 888;
margin: 0px;
overflow-y: auto;
border-style: var(--tw-border-style);
border-width: 0px;
background-color: rgb(var(--color-background) / 1);
padding: 0px;
color: rgb(var(--color-primary) / 1);
--tw-shadow: var(--shadow-heavy);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
max-width: none;
max-height: none;
block-size: 100dvh;
inline-size: min(90vw, var(--element-c-4xl));
inset-block: 0;
inset-inline-start: 0;
transition: translate var(--qs-duration-base) var(--qs-ease-standard);
}
dialog.drawer.right {
inset-inline-start: auto;
inset-inline-end: 0;
}
dialog.drawer.bottom {
inline-size: 100vw;
block-size: auto;
max-block-size: 85dvh;
inset-block: auto 0;
inset-inline: 0;
}
dialog.drawer::backdrop {
background: rgb(var(--color-primary) / 0.5);
backdrop-filter: blur(8px);
}
dialog.drawer {
translate: -100% 0;
}
dialog.drawer.right {
translate: 100% 0;
}
dialog.drawer.bottom {
translate: 0 100%;
}
dialog.drawer[open] {
translate: 0 0;
}
@starting-style {
dialog.drawer[open] {
translate: -100% 0;
}
dialog.drawer.right[open] {
translate: 100% 0;
}
dialog.drawer.bottom[open] {
translate: 0 100%;
}
}
#header-nav-menu-open.hide, #header-nav-menu-close.hide, #header-nav-menu.hide, #mobile-footer-menu-open.hide, #mobile-footer-menu-close.hide, #mobile-footer-menu.hide {
display: none;
}
.button.icon, .button.icon.round {
height: var(--element-base-size);
width: var(--element-base-size);
text-align: center;
font-size: var(--text-nav-size);
line-height: var(--tw-leading, var(--element-base-size));
}
.button.icon:hover, .button.icon.round:hover {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--border-button) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-inset: inset;
}
.button.icon.gradient p, .button.icon.round.gradient p {
font-size: var(--text-nav-size);
--tw-leading: calc(var(--text-button-lh) - var(--border-base) - var(--border-base));
line-height: calc(var(--text-button-lh) - var(--border-base) - var(--border-base));
}
.button.icon.gradient span, .button.icon.round.gradient span {
width: 100%;
}
.button.icon.dropdown {
display: flex;
height: var(--element-base-size);
width: 100%;
min-width: min-content;
align-items: center;
justify-content: space-between;
padding-inline: var(--pad-element-base);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--border-button) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-inset: inset;
}
.button.icon.dropdown p {
margin-inline: auto;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
flex-grow: 1;
text-align: center;
font-size: var(--text-button-size);
@media (width >= 960px) {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
}
}
.button.icon.dropdown i {
min-width: var(--element-sub-size);
}
.button.icon.dropdown.gradient {
display: inline-flex;
padding: var(--border-button);
}
.button.icon.dropdown.gradient span {
display: flex;
height: 100%;
width: 100%;
flex-grow: 1;
flex-direction: row;
align-items: center;
justify-content: center;
padding-inline: var(--pad-element-base);
}
.button.icon.dropdown.gradient p {
margin-inline: auto;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size: var(--text-button-size);
}
.button.icon.dropdown.gradient i {
--tw-leading: calc(var(--text-button-lh) - var(--border-base) - var(--border-base));
line-height: calc(var(--text-button-lh) - var(--border-base) - var(--border-base));
}
.dropdown-menu {
z-index: 10;
margin-top: var(--spacing-sub-base);
:where(& > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(1px * var(--tw-divide-y-reverse));
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(& > :not(:last-child)) {
border-color: color-mix(in srgb, rgb(rgb(var(--color-secondary) / 1) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, rgb(var(--color-secondary) / 1) 20%, transparent);
}
}
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: color-mix(in srgb, #000 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
}
&:focus {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
}
.dropdown-menu div.title-block {
padding-inline: var(--pad-element-base);
padding-block: var(--spacing-sub-base);
}
.dropdown-menu div {
padding-block: var(--pad-base-base);
}
.dropdown-menu p.title {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
}
.dropdown-menu button, .dropdown-menu a {
display: block;
width: 100%;
padding-inline: var(--pad-element-base);
padding-block: var(--spacing-sub-base);
text-align: start;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
}
.dropdown-menu.gradient button, .dropdown-menu.gradient a {
cursor: pointer;
}
.dropdown-menu.gradient li {
display: block;
width: 100%;
cursor: pointer;
padding-inline: var(--pad-element-base);
padding-block: var(--spacing-sub-base);
text-align: start;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
}
ul.dropdown-menu.gradient {
position: absolute;
margin-inline: var(--pad-element-base);
margin-top: 0px;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 0px;
width: calc(100% - 32px);
}
ul.dropdown-menu.gradient li:last-child {
border-bottom-right-radius: var(--radius-corner);
border-bottom-left-radius: var(--radius-corner);
}
ul.dropdown-menu.gradient li {
position: relative;
list-style-type: none;
border-top-style: var(--tw-border-style);
border-top-width: 0px;
text-align: center;
}
ul.dropdown-menu.gradient.hide {
display: none;
}
.dropdown-menu[popover] {
overflow: hidden;
border-radius: var(--radius-corner);
background-color: rgb(var(--color-background) / 1);
padding: 0px;
--tw-shadow: var(--shadow-heavy);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-shadow: 0 0 0 1px rgb(var(--color-secondary) / 0.15);
box-shadow: var(--tw-inset-shadow, 0 0 #0000), var(--tw-inset-ring-shadow, 0 0 #0000), var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000);
min-width: anchor-size(width, auto);
width: max-content;
}
.dropdown-menu[popover] button, .dropdown-menu[popover] a {
cursor: pointer;
}
.dropdown-menu-set {
position: relative;
width: 100%;
}
.form-input-dropdown {
display: flex;
flex-direction: row;
align-items: center;
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 0px;
padding: 0px;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--border-form) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-inset: inset;
}
.form-input-dropdown span {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.form-input-dropdown.gradient span p, .form-input-dropdown.gradient span i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.form-input-dropdown.air {
display: flex;
flex-direction: column;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-input-dropdown.air span {
display: flex;
flex-direction: row;
align-items: center;
}
.form-input-dropdown p {
white-space: nowrap;
}
.form-input, .form-input-file {
display: flex;
flex-direction: row;
align-items: center;
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 0px;
padding: 0px;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--border-form) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-inset: inset;
}
.form-input > span, .form-input-file > span {
width: 100%;
}
.form-input-combo {
display: flex;
flex-direction: row;
align-items: center;
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 0px;
padding: 0px;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--border-form) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-inset: inset;
}
.form-input-combo button p, .form-input-combo a p {
white-space: nowrap;
}
.form-input.gradient > span, .form-input-file.gradient > span {
display: flex;
flex-direction: row;
align-items: center;
position: relative;
z-index: 1;
}
.form-input label, .form-input-file label {
width: calc(2 / 5 * 100%);
padding-inline-start: var(--pad-element-base);
font-size: var(--text-p2-size);
line-height: var(--tw-leading, var(--text-p2-lh));
}
.form-input label.icon-label {
width: fit-content;
padding-inline-start: var(--pad-element-base);
font-size: var(--text-p2-size);
line-height: var(--tw-leading, var(--text-p2-lh));
}
.form-input:has(:user-invalid), .form-input-file:has(:user-invalid), .form-input-combo:has(:user-invalid), .form-select:has(:user-invalid), .form-textarea:has(:user-invalid), .form-textarea.featured:has(:user-invalid), .form-input:has([aria-invalid="true"]), .form-input-file:has([aria-invalid="true"]), .form-input-combo:has([aria-invalid="true"]), .form-select:has([aria-invalid="true"]), .form-textarea:has([aria-invalid="true"]), .form-textarea.featured:has([aria-invalid="true"]), .form-input.gradient:has(:user-invalid), .form-input-file.gradient:has(:user-invalid), .form-select.gradient:has(:user-invalid), .form-input.gradient:has([aria-invalid="true"]), .form-input-file.gradient:has([aria-invalid="true"]), .form-select.gradient:has([aria-invalid="true"]), .form-input-dropdown:has([aria-invalid="true"]), .form-input-dropdown[aria-invalid="true"] {
--tw-ring-color: rgb(var(--color-alert-error));
--tw-ring-shadow: inset 0 0 0 2px rgb(var(--color-alert-error));
box-shadow: var(--tw-inset-shadow, 0 0 #0000), var(--tw-inset-ring-shadow, 0 0 #0000), var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000);
}
.form-input:has(:user-valid), .form-input-file:has(:user-valid), .form-input-combo:has(:user-valid), .form-select:has(:user-valid), .form-textarea:has(:user-valid), .form-textarea.featured:has(:user-valid), .form-input.gradient:has(:user-valid), .form-input-file.gradient:has(:user-valid), .form-select.gradient:has(:user-valid) {
--tw-ring-color: rgb(var(--color-alert-success) / 0.6);
--tw-ring-shadow: inset 0 0 0 1px rgb(var(--color-alert-success) / 0.6);
box-shadow: var(--tw-inset-shadow, 0 0 #0000), var(--tw-inset-ring-shadow, 0 0 #0000), var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000);
}
.form-input.air:has(:user-invalid), .form-input.air:has([aria-invalid="true"]), .form-select.air:has(:user-invalid), .form-select.air:has([aria-invalid="true"]), .form-input-file.air:has(:user-invalid), .form-input-file.air:has([aria-invalid="true"]), .form-textarea.air:has(:user-invalid), .form-textarea.air:has([aria-invalid="true"]) {
--df-form-underline-color: rgb(var(--color-alert-error));
}
.form-error {
display: none;
padding-inline-start: var(--pad-element-base);
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
color: rgb(var(--color-alert-error-text));
}
.form-field:has(:user-invalid) .form-error, .form-field:has([aria-invalid="true"]) .form-error {
display: block;
}
.form-input.gradient.expandable::before {
border-radius: var(--radius-field);
}
.form-input.gradient.expandable > span {
border-radius: var(--radius-field-inset);
}
.form-input.gradient.expandable textarea {
align-items: flex-start;
border-style: var(--tw-border-style);
border-width: 0px;
border-color: transparent;
margin-inline-end: var(--rounded-field);
}
.form-input.gradient.expandable textarea:focus {
--tw-ring-color: transparent;
}
.form-input.expandable textarea {
width: 100%;
min-height: var(--element-compact-size);
height: auto;
field-sizing: content;
resize: vertical;
overflow-y: hidden;
}
.form-input.unlabeled label, .form-input-file.unlabeled label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
.form-input-combo label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
.form-textarea {
display: flex;
border-radius: var(--radius-field);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--border-form) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-inset: inset;
}
.form-textarea textarea {
width: 100%;
padding-inline: var(--spacing-sub-xl);
padding-block: var(--spacing-sub-base);
}
.form-textarea.air {
flex-direction: column;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-textarea.air > label {
width: 100%;
padding-inline-start: 0px;
padding-bottom: var(--layout-unit);
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
}
.form-textarea.air textarea {
border-inline-style: var(--tw-border-style);
border-inline-width: 0px;
border-top-style: var(--tw-border-style);
border-top-width: 0px;
border-color: transparent;
}
.form-select {
display: flex;
flex-direction: row;
align-items: center;
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 0px;
padding: 0px;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--border-form) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-inset: inset;
}
.form-select > span {
width: 100%;
}
.form-select label {
width: calc(2 / 5 * 100%);
padding-inline-start: var(--pad-element-base);
font-size: var(--text-p2-size);
line-height: var(--tw-leading, var(--text-p2-lh));
}
.form-select select {
margin: var(--layout-unit);
height: calc(var(--element-min-size) + var(--layout-unit) + var(--layout-unit));
width: 100%;
min-width: var(--element-base-size);
flex: auto;
border-style: var(--tw-border-style);
border-width: 0px;
padding-inline: var(--spacing-sub-xl);
padding-block: 0px;
font-size: var(--text-p2-size);
line-height: var(--tw-leading, var(--text-p2-lh));
}
.form-select.unlabeled label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
.form-select.air {
display: flex;
flex-direction: column;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-select.air > label {
width: 100%;
padding-inline-start: 0px;
padding-bottom: var(--layout-unit);
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
@media (width >= 640px) {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
}
}
.form-select.air > select {
margin: 0px;
width: 100%;
}
.form-select select:focus {
--tw-ring-color: transparent;
}
.form-select.gradient > span {
display: flex;
flex-direction: row;
align-items: center;
position: relative;
z-index: 1;
}
.form-input input, .form-input-file input, .form-input-combo input, .form-input-dropdown span {
margin: var(--layout-unit);
height: calc(var(--element-min-size) + var(--layout-unit) + var(--layout-unit));
width: 100%;
min-width: var(--element-base-size);
flex: auto;
border-style: var(--tw-border-style);
border-width: 0px;
padding-inline: var(--spacing-sub-xl);
padding-block: 0px;
font-size: var(--text-p2-size);
line-height: var(--tw-leading, var(--text-p2-lh));
}
.form-input-file input[type=file]::file-selector-button {
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 0px;
background-color: transparent;
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
padding-block: 0px;
padding-inline-start: 0px;
padding-inline-end: var(--spacing-sub-base);
font-size: var(--text-p2-size);
line-height: var(--tw-leading, var(--text-p2-lh));
}
.form-input.air, .form-input-file.air {
display: flex;
flex-direction: column;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-input.air > label, .form-input-file.air > label {
width: 100%;
padding-inline-start: 0px;
padding-bottom: var(--layout-unit);
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
@media (width >= 640px) {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
}
}
.form-input.air > input, .form-input-file.air > input {
margin: 0px;
width: 100%;
}
.form-input-media {
position: relative;
border-radius: var(--radius-base);
background-size: cover;
background-position: center;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--border-button) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: rgb(var(--color-key) / 1);
}
.form-input-media > video {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
object-position: center;
}
.form-input-media a {
display: block;
min-height: var(--element-base-size);
min-width: var(--element-base-size);
align-content: center;
border-radius: var(--radius-base);
text-align: center;
}
.form-input-media a:hover {
background-color: rgb(var(--color-invert) / var(--shader-base));
}
.form-input-media a i {
font-size: var(--text-i5-size);
line-height: var(--tw-leading, var(--text-i5-lh));
color: rgb(var(--color-key) / 1);
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
}
.form-input-media.sm, .form-input-media.sm a {
height: var(--element-c-sm);
}
.form-input-media.md, .form-input-media.md a {
height: var(--element-c-md);
}
.form-input-media.lg, .form-input-media.lg a {
height: var(--element-c-lg);
}
.form-input-media.air {
border-radius: var(--radius-base);
background-color: rgb(var(--color-invert) / var(--shader-base));
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: transparent;
}
.form-input-media.air > video {
border-radius: var(--radius-base);
}
.form-input-media.air a:hover {
background-color: color-mix(in srgb, rgb(rgb(var(--color-invert) / 1) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, rgb(var(--color-invert) / 1) 50%, transparent);
}
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--border-button) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: rgb(var(--color-key) / 1);
}
.form-input-media.air.corner-i a:hover {
--tw-ring-color: transparent;
}
.form-input-media.square, .form-input-media.square a {
aspect-ratio: 1 / 1;
}
.form-input-media.video, .form-input-media.video a {
aspect-ratio: var(--aspect-video);
}
.form-input-media.circle, .form-input-media.circle a {
aspect-ratio: 1 / 1;
border-radius: calc(infinity * 1px);
}
.form-input-media.circle > video {
border-radius: calc(infinity * 1px);
}
.form-input-media.corner-i, .form-input-media.corner-i a {
position: relative;
}
.form-input-media.corner-i a i, .form-input-media.sm.corner-i a i {
display: block;
position: absolute;
top: calc( (var(--text-i5-size) / 4) * -1);
inset-inline-end: calc( (var(--text-i5-size) / 4) * -1);
font-size: var(--text-i5-size);
line-height: var(--text-i5-lh);
height: var(--text-i5-size);
width: var(--text-i5-size);
transition: none;
}
.form-input-media.md.corner-i a i {
display: block;
position: absolute;
top: calc( var(--layout-unit) * -1);
inset-inline-end: calc( var(--layout-unit) * -1);
font-size: var(--text-i4-size);
line-height: var(--text-i4-lh);
height: var(--text-i4-size);
width: var(--text-i4-size);
transition: none;
}
.form-input-media.lg.corner-i a i {
display: block;
position: absolute;
top: calc( var(--layout-unit) * -1);
inset-inline-end: calc( var(--layout-unit) * -1);
font-size: var(--text-i3-size);
line-height: var(--text-i3-lh);
height: var(--text-i3-size);
width: var(--text-i3-size);
transition: none;
}
.form-input-media.corner-i a:hover i {
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-input-media.nohover a:hover {
cursor: default;
background-color: color-mix(in srgb, rgb(rgb(var(--color-invert) / 1) / 1) 0%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, rgb(var(--color-invert) / 1) 0%, transparent);
}
--tw-ring-color: transparent;
}
.form-input-checkbox {
display: flex;
align-items: center;
}
.form-input-checkbox.row {
width: 100%;
flex-direction: row;
column-gap: var(--layout-unit);
}
.form-input-checkbox .checkbox {
display: flex;
aspect-ratio: 1 / 1;
min-height: var(--element-sub-size);
min-width: var(--element-sub-size);
align-items: center;
}
.form-input-checkbox .checkbox input {
aspect-ratio: 1 / 1;
height: 100%;
width: 100%;
border-color: rgb(var(--color-key) / 1);
color: rgb(var(--color-key) / 1);
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
&:focus {
--tw-ring-color: rgb(var(--color-key) / 1);
}
&:focus {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
}
.form-input-checkbox.sm {
column-gap: var(--layout-unit);
}
.form-input-checkbox.md {
column-gap: var(--spacing-sub-base);
}
.form-input-checkbox.lg {
column-gap: var(--gap-element-base);
}
.form-input-checkbox.sm .checkbox {
height: var(--element-sub-size);
width: var(--element-sub-size);
min-width: var(--element-sub-size);
}
.form-input-checkbox.md .checkbox {
height: calc(var(--element-sub-size) + var(--layout-unit));
width: calc(var(--element-sub-size) + var(--layout-unit));
min-width: calc(var(--element-sub-size) + var(--layout-unit));
}
.form-input-checkbox.lg .checkbox {
height: var(--element-min-size);
width: var(--element-min-size);
min-width: var(--element-min-size);
}
.form-input-checkbox.rounded .checkbox {
border-radius: var(--radius-min);
}
.form-input-checkbox.rounded .checkbox input {
border-radius: var(--radius-min-inset);
}
.form-input-checkbox.circle .checkbox {
border-radius: calc(infinity * 1px);
}
.form-input-checkbox.circle .checkbox input {
border-radius: calc(infinity * 1px);
}
.form-input-checkbox.gradient .checkbox {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
padding: var(--border-button);
}
.form-input-checkbox.gradient .checkbox input {
border-style: var(--tw-border-style);
border-width: 0px;
}
.form-input-checkbox.gradient .checkbox input:checked {
background-color: transparent;
}
.form-input-checkbox.sm div p {
font-size: var(--text-p4-size);
--tw-leading: var(--text-p3-lh);
line-height: var(--text-p3-lh);
}
.form-input-checkbox.md div p {
font-size: var(--text-p3-size);
--tw-leading: var(--text-p3-lh);
line-height: var(--text-p3-lh);
}
.form-input-checkbox.lg div p {
font-size: var(--text-p2-size);
--tw-leading: var(--text-p3-lh);
line-height: var(--text-p3-lh);
}
.input-checkbox-toggle {
display: none;
}
.input-checkbox-toggle-label:hover {
cursor: pointer;
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.form-radio-set label {
margin-inline-start: var(--spacing-sub-base);
}
.form-radio-option {
display: flex;
cursor: pointer;
align-items: center;
}
.form-radio-set.simple legend {
margin-bottom: var(--gap-hgroup-title);
color: rgb(var(--color-primary) / 1);
}
.form-radio-set.simple > p {
color: rgb(var(--color-secondary) / 1);
}
.form-radio-set.simple .form-stack-radio-options {
margin-top: var(--pad-element-base);
display: flex;
flex-direction: column;
row-gap: var(--gap-form-sm);
}
.form-radio-set.card-stack .form-stack-radio-options label {
margin: 0px;
border-radius: var(--radius-corner);
background-color: rgb(var(--color-key) / 1);
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-radio-set.card-stack.gradient.secondary .form-stack-radio-options label {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
padding: var(--border-button);
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-radio-set.card-stack.gradient.secondary .form-stack-radio-options label > div {
display: flex;
height: 100%;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: var(--radius-corner-inset);
padding: var(--pad-element-base);
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
background-color: rgb(var(--color-invert) / var(--color-key-gradient-invert-opacity));
}
.form-radio-set.card-stack.gradient.secondary .form-stack-radio-options label:hover > div, .form-radio-set.card-stack.gradient.secondary .form-stack-radio-options label:has(input[type="radio"]:checked) > div {
background-color: transparent;
}
.form-radio-set.card-stack.gradient.secondary .form-stack-radio-options label:hover > div p, .form-radio-set.card-stack.gradient.secondary .form-stack-radio-options label:has(input[type="radio"]:checked) > div p, .form-radio-set.card-stack.gradient.secondary .form-stack-radio-options label:hover > div i, .form-radio-set.card-stack.gradient.secondary .form-stack-radio-options label:has(input[type="radio"]:checked) > div i {
color: rgb(var(--color-invert) / 1);
}
.form-radio-set.card-block {
border-radius: var(--radius-corner);
background-color: rgb(var(--color-key) / 1);
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-radio-set.card-block.gradient {
border-radius: var(--radius-corner);
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-radio-set.card-block.gradient.secondary {
padding: var(--border-button);
}
.form-radio-set.card-block.gradient.secondary .form-stack-radio-options {
display: flex;
flex-direction: column;
row-gap: 1px;
}
.form-radio-set.card-block.gradient.secondary.row .form-stack-radio-options {
display: flex;
flex-direction: row;
column-gap: 1px;
}
.form-radio-set.card-block.gradient.secondary .form-stack-radio-options label span:first-child p {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.form-radio-set.card-block.gradient.secondary .form-stack-radio-options label:hover span:first-child p {
color: rgb(var(--color-invert) / 1);
}
.form-radio-set.card-block .form-stack-radio-options {
position: relative;
}
.form-radio-set.card-block .form-stack-radio-options > .form-radio-option:first-child {
border-top-left-radius: var(--radius-corner-inset);
border-top-right-radius: var(--radius-corner-inset);
}
.form-radio-set.card-block.row .form-stack-radio-options > .form-radio-option:first-child {
border-start-start-radius: var(--radius-corner-inset);
border-end-start-radius: var(--radius-corner-inset);
border-top-right-radius: 0;
}
.form-radio-set.card-block .form-stack-radio-options > .form-radio-option:last-child {
border-bottom-right-radius: var(--radius-corner-inset);
border-bottom-left-radius: var(--radius-corner-inset);
}
.form-radio-set.card-block.row .form-stack-radio-options > .form-radio-option:last-child {
border-start-end-radius: var(--radius-corner-inset);
border-end-end-radius: var(--radius-corner-inset);
border-bottom-left-radius: 0;
}
.form-radio-set.card-block .form-radio-option {
background-color: rgb(var(--color-invert) / 1);
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
}
.form-radio-set.card-block .form-radio-option:hover {
background-color: transparent;
}
.form-radio-set.card-block .form-radio-option:hover label, .form-radio-set.card-block .form-radio-option:hover p {
color: rgb(var(--color-invert) / 1);
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
}
.form-radio-set.card-block .form-radio-option {
position: relative;
display: flex;
width: 100%;
cursor: pointer;
flex-direction: row;
column-gap: var(--gap-form-sm);
padding: var(--pad-element-base);
&:focus {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
}
.form-radio-set.card-block .form-radio-option span {
display: flex;
align-items: center;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
}
.form-radio-set.card-block label {
margin-inline-start: 0px;
}
.form-radio-set.card-block input {
margin-inline-end: var(--spacing-sub-base);
}
.form-radio-set.card-block label:has(input[type="radio"]:checked) {
background-color: transparent;
}
.form-radio-set.card-block label:has(input[type="radio"]:checked) p {
color: rgb(var(--color-invert) / 1);
}
.form-radio-set.card-block.secondary label:has(input[type="radio"]:checked) :first-child p {
color: rgb(var(--color-invert) / 1);
}
.set-input-hidden input {
display: none;
}
.alert {
display: flex;
flex-direction: row;
column-gap: var(--gap-article-base);
padding-block: var(--spacing-sub-base);
}
.alert a {
font-size: var(--text-p4-size);
--tw-leading: var(--text-h6-lh);
line-height: var(--text-h6-lh);
}
.alert .button {
height: var(--element-min-size);
padding-inline: var(--spacing-sub-2xl);
padding-block: 0px;
font-size: var(--text-heb-size);
--tw-leading: var(--text-h6-lh);
line-height: var(--text-h6-lh);
white-space: nowrap;
}
.alert .content > hgroup, .alert .content > div {
gap: var(--gap-hgroup-heading);
}
.alert .content p {
font-size: var(--text-p4-size);
--tw-leading: var(--text-h6-lh);
line-height: var(--text-h6-lh);
}
.form-input .alert {
align-self: flex-start;
}
.alert.banner {
width: 100%;
box-shadow: 0 4px 4px -4px rgba(0, 0, 0, var(--shadow-alpha-light)), 0 -4px 4px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
}
.alert.banner .content {
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
column-gap: var(--gap-article-base);
row-gap: calc(var(--layout-unit) / 2);
}
.alert.banner .content > hgroup, .alert.banner .content > div {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.alert.banner .action a i {
width: var(--element-min-size);
text-align: center;
}
.alert.banner .action {
max-width: fit-content;
min-width: var(--element-min-size);
align-items: center;
font-size: var(--text-p3-size);
--tw-leading: var(--text-h6-lh);
line-height: var(--text-h6-lh);
}
.alert.callout {
margin-block: var(--pad-element-base);
justify-content: center;
border-radius: var(--radius-field);
padding-inline: var(--pad-element-base);
}
.card .alert.callout .content h6, .card .alert.callout .content p {
--tw-leading: var(--text-p5-lh);
line-height: var(--text-p5-lh);
}
.alert.callout .content > hgroup, .alert.callout .content > div {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.alert.callout .action a i {
padding-inline-start: calc(var(--layout-unit) / 2);
}
.alert.callout .content h6 i, .alert.callout .content p i {
padding-inline-end: calc(var(--layout-unit) / 2);
}
.alert.box {
margin-block: var(--pad-element-base);
width: 100%;
border-radius: var(--radius-corner);
padding: var(--pad-element-base);
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.alert.box .action a i {
padding-inline-start: calc(var(--layout-unit) / 2);
}
.alert.box .content {
display: flex;
width: 100%;
flex-direction: column;
row-gap: var(--gap-article-base);
}
.alert.box .content ul li {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
}
.df-docs-callout-accent {
border-left-width: 4px;
border-left-style: solid;
}
.df-docs-callout-accent.notify {
border-left-color: rgb(var(--color-alert-notify));
}
.df-docs-callout-accent.success {
border-left-color: rgb(var(--color-alert-success));
}
.df-docs-callout-accent.warning {
border-left-color: rgb(var(--color-alert-warning));
}
.df-docs-callout-accent.error {
border-left-color: rgb(var(--color-alert-error));
}
.eyebrow {
font-family: var(--font-mono), var(--font-mono-alt1), var(--font-mono-alt2);
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 0 0 8px 0;
}
.eyebrow.secondary {
color: rgb(var(--color-secondary));
}
.alert div .button {
background-color: rgb(var(--color-invert) / 1);
color: rgb(var(--color-key) / 1);
--tw-ring-color: rgb(var(--color-key) / 1);
&:hover {
@media (hover: hover) {
background-color: rgb(var(--color-key) / 1);
}
}
&:hover {
@media (hover: hover) {
color: rgb(var(--color-invert) / 1);
}
}
}
.alert .action a i {
color: rgb(var(--color-secondary) / 1);
}
.alert .action a:hover i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.alert {
background-color: rgb(var(--color-background) / 1);
}
.alert.key {
background-color: rgb(var(--color-key) / 1);
color: rgb(var(--color-invert) / 1);
}
.alert.key h6 {
color: rgb(var(--color-invert) / 1);
}
.alert.key a {
color: rgb(var(--color-invert) / 1);
&:hover {
@media (hover: hover) {
color: rgb(var(--color-key-end) / 1);
}
}
}
.alert.key .button {
background-color: rgb(var(--color-key) / 1);
color: rgb(var(--color-invert) / 1);
--tw-ring-color: rgb(var(--color-invert) / 1);
&:hover {
@media (hover: hover) {
background-color: rgb(var(--color-invert) / 1);
}
}
&:hover {
@media (hover: hover) {
color: rgb(var(--color-key) / 1);
}
}
}
.alert.key .action a i {
color: rgb(var(--color-invert) / 1);
opacity: var(--color-key-gradient-active-opacity);
}
.alert.key .action a:hover i {
opacity: 100%;
}
.alert.key-gradient {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert) / 1);
}
.alert.key-gradient h6 {
color: rgb(var(--color-invert) / 1);
}
.alert.key-gradient a {
color: rgb(var(--color-invert) / 1);
&:hover {
@media (hover: hover) {
color: rgb(var(--color-key-end) / 1);
}
}
}
.alert.key-gradient .button {
background-color: transparent;
color: rgb(var(--color-invert) / 1);
--tw-ring-color: rgb(var(--color-invert) / 1);
&:hover {
@media (hover: hover) {
color: rgb(var(--color-key) / 1);
}
}
&:hover {
@media (hover: hover) {
--tw-ring-color: rgb(var(--color-key) / 1);
}
}
}
.alert.key-gradient .button:hover {
background-color: rgb(var(--color-invert) / var(--color-key-gradient-active-opacity));
}
.alert.key-gradient .action a i {
color: rgb(var(--color-invert) / 1);
opacity: var(--color-key-gradient-active-opacity);
}
.alert.key-gradient .action a:hover i {
opacity: 100%;
}
.alert.notify {
background-color: rgb(var(--color-alert-notify-background) / 1);
color: rgb(var(--color-alert-notify-text) / 1);
}
.alert.notify h6 {
color: rgb(var(--color-alert-notify-heading) / 1);
}
.alert.notify a {
color: rgb(var(--color-alert-notify) / 1);
&:hover {
@media (hover: hover) {
color: rgb(var(--color-alert-notify-heading) / 1);
}
}
}
.alert.notify .button {
background-color: transparent;
color: rgb(var(--color-alert-notify-heading) / 1);
--tw-ring-color: rgb(var(--color-alert-notify-heading) / 1);
&:hover {
@media (hover: hover) {
background-color: rgb(var(--color-alert-notify) / 1);
}
}
&:hover {
@media (hover: hover) {
color: rgb(var(--color-alert-notify-background) / 1);
}
}
&:hover {
@media (hover: hover) {
--tw-ring-color: rgb(var(--color-alert-notify) / 1);
}
}
}
.alert.notify .action a i {
color: rgb(var(--color-alert-notify) / 1);
}
.alert.notify .action a:hover i {
color: rgb(var(--color-alert-notify-heading) / 1);
}
.alert.warning {
background-color: rgb(var(--color-alert-warning-background) / 1);
color: rgb(var(--color-alert-warning-text) / 1);
}
.alert.warning h6 {
color: rgb(var(--color-alert-warning-heading) / 1);
}
.alert.warning a {
color: rgb(var(--color-alert-warning) / 1);
&:hover {
@media (hover: hover) {
color: rgb(var(--color-alert-warning-heading) / 1);
}
}
}
.alert.warning .button {
background-color: transparent;
color: rgb(var(--color-alert-warning-heading) / 1);
--tw-ring-color: rgb(var(--color-alert-warning-heading) / 1);
&:hover {
@media (hover: hover) {
background-color: rgb(var(--color-alert-warning) / 1);
}
}
&:hover {
@media (hover: hover) {
color: rgb(var(--color-alert-warning-background) / 1);
}
}
&:hover {
@media (hover: hover) {
--tw-ring-color: rgb(var(--color-alert-warning) / 1);
}
}
}
.alert.warning .action a i {
color: rgb(var(--color-alert-warning) / 1);
}
.alert.warning .action a:hover i {
color: rgb(var(--color-alert-warning-heading) / 1);
}
.alert.error {
background-color: rgb(var(--color-alert-error-background) / 1);
color: rgb(var(--color-alert-error-text) / 1);
}
.alert.error h6 {
color: rgb(var(--color-alert-error-heading) / 1);
}
.alert.error a {
color: rgb(var(--color-alert-error) / 1);
&:hover {
@media (hover: hover) {
color: rgb(var(--color-alert-error-heading) / 1);
}
}
}
.alert.error .button {
background-color: transparent;
color: rgb(var(--color-alert-error-heading) / 1);
--tw-ring-color: rgb(var(--color-alert-error-heading) / 1);
&:hover {
@media (hover: hover) {
background-color: rgb(var(--color-alert-error) / 1);
}
}
&:hover {
@media (hover: hover) {
color: rgb(var(--color-alert-error-background) / 1);
}
}
&:hover {
@media (hover: hover) {
--tw-ring-color: rgb(var(--color-alert-error) / 1);
}
}
}
.alert.error .action a i {
color: rgb(var(--color-alert-error) / 1);
}
.alert.error .action a:hover i {
color: rgb(var(--color-alert-error-heading) / 1);
}
.alert.success {
background-color: rgb(var(--color-alert-success-background) / 1);
color: rgb(var(--color-alert-success-text) / 1);
}
.alert.success h6 {
color: rgb(var(--color-alert-success-heading) / 1);
}
.alert.success a {
color: rgb(var(--color-alert-error) / 1);
&:hover {
@media (hover: hover) {
color: rgb(var(--color-alert-error-heading) / 1);
}
}
}
.alert.success .button {
background-color: transparent;
color: rgb(var(--color-alert-success-heading) / 1);
--tw-ring-color: rgb(var(--color-alert-success-heading) / 1);
&:hover {
@media (hover: hover) {
background-color: rgb(var(--color-alert-success) / 1);
}
}
&:hover {
@media (hover: hover) {
color: rgb(var(--color-alert-success-background) / 1);
}
}
&:hover {
@media (hover: hover) {
--tw-ring-color: rgb(var(--color-alert-success) / 1);
}
}
}
.alert.success .action a i {
color: rgb(var(--color-alert-success) / 1);
}
.alert.success .action a:hover i {
color: rgb(var(--color-alert-success-heading) / 1);
}
.df-overlay {
position: absolute;
position-anchor: var(--df-anchor);
position-try-fallbacks: flip-block, flip-inline;
margin: var(--spacing-sub-base);
}
[popover].df-overlay {
border: 0;
padding: 0;
margin: var(--spacing-sub-base);
overflow: visible;
}
.df-overlay.top {
position-area: top;
}
.df-overlay.bottom {
position-area: bottom;
}
.df-overlay.left {
position-area: inline-start;
}
.df-overlay.right {
position-area: inline-end;
}
.tooltip {
border-radius: var(--radius-corner);
background-color: rgb(var(--color-primary) / 1);
padding: var(--spacing-sub-base);
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
color: rgb(var(--color-invert) / 1);
--tw-shadow: var(--shadow-base);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
width: max-content;
max-width: var(--element-c-2xl, 16rem);
}
.tooltip-host {
position: relative;
display: inline-block;
}
.tooltip.hover-mode {
position: absolute;
bottom: calc(100% + var(--spacing-sub-base));
left: 50%;
translate: -50% 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 50;
transition: opacity var(--qs-duration-fast) var(--qs-ease-standard), visibility var(--qs-duration-fast) var(--qs-ease-standard);
}
.tooltip-host:hover .tooltip.hover-mode, .tooltip-host:focus-within .tooltip.hover-mode {
opacity: 1;
visibility: visible;
}
.popover {
border-radius: var(--radius-corner);
background-color: rgb(var(--color-background) / 1);
padding: var(--spacing-card-base);
color: rgb(var(--color-primary) / 1);
min-width: var(--element-c-xl);
max-width: var(--element-c-3xl);
--tw-ring-shadow: 0 0 0 1px rgb(var(--color-secondary) / 0.15);
--tw-shadow: var(--shadow-heavy);
box-shadow: var(--tw-inset-shadow, 0 0 #0000), var(--tw-inset-ring-shadow, 0 0 #0000), var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000);
}
details.accordion {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: color-mix(in srgb, rgb(rgb(var(--color-secondary) / 1) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, rgb(var(--color-secondary) / 1) 20%, transparent);
}
}
details.accordion > summary {
display: flex;
cursor: pointer;
list-style-type: none;
align-items: center;
justify-content: space-between;
gap: var(--spacing-sub-base);
padding-block: var(--spacing-card-base);
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
details.accordion > summary::-webkit-details-marker {
display: none;
}
details.accordion > summary::marker {
content: "";
}
details.accordion > summary::after {
content: "";
flex-shrink: 0;
width: 0.5rem;
height: 0.5rem;
border-inline-end: 2px solid rgb(var(--color-secondary));
border-bottom: 2px solid rgb(var(--color-secondary));
transform: rotate(45deg);
transition: transform var(--qs-duration-fast) var(--qs-ease-standard);
}
details.accordion[open] > summary::after {
transform: rotate(-135deg);
}
details.accordion > summary:focus-visible {
border-radius: var(--radius-corner);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: rgb(var(--color-key) / 1);
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
details.accordion > *:not(summary) {
padding-bottom: var(--spacing-card-base);
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
}
details.accordion.boxed {
margin-bottom: var(--spacing-sub-base);
border-radius: var(--radius-corner);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: color-mix(in srgb, rgb(rgb(var(--color-secondary) / 1) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, rgb(var(--color-secondary) / 1) 20%, transparent);
}
padding-inline: var(--spacing-card-base);
}
progress.progress {
appearance: none;
-webkit-appearance: none;
height: var(--spacing-sub-base);
width: 100%;
overflow: hidden;
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 0px;
background: rgb(var(--color-secondary) / var(--shader-light));
}
progress.progress.sm {
height: var(--layout-unit);
}
progress.progress.lg {
height: var(--element-base-size);
}
progress.progress::-webkit-progress-bar {
background: rgb(var(--color-secondary) / var(--shader-light));
border-radius: calc(infinity * 1px);
}
progress.progress::-webkit-progress-value {
border-radius: calc(infinity * 1px);
background: linear-gradient(to right, rgb(var(--color-key)), rgb(var(--color-key-end)));
}
progress.progress::-moz-progress-bar {
border-radius: calc(infinity * 1px);
background: linear-gradient(to right, rgb(var(--color-key)), rgb(var(--color-key-end)));
}
progress.progress:indeterminate {
background: linear-gradient(to right, rgb(var(--color-secondary) / var(--shader-light)) 30%, rgb(var(--color-key) / 0.6) 50%, rgb(var(--color-secondary) / var(--shader-light)) 70%);
background-size: 200% 100%;
animation: df-progress-indeterminate var(--qs-duration-slow) var(--qs-ease-standard) infinite;
}
@keyframes df-progress-indeterminate {
from {
background-position: 200% 0;
}
to {
background-position: -200% 0;
}
}
.block-callout {
width: 100%;
text-align: center;
}
.block-callout hgroup p {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
font-style: italic;
}
.toggle-menu, .toggle-menu-gradient {
font-size: var(--text-nav-size);
line-height: var(--tw-leading, var(--element-base-size));
}
nav.menu {
display: flex;
height: 100dvh;
width: 100%;
flex-direction: column;
align-items: center;
padding-block: var(--pad-header-base);
}
nav.menu a {
width: 100%;
text-align: center;
}
nav.menu a p {
width: 100%;
padding-inline: var(--pad-element-base);
font-size: var(--text-nav-size);
line-height: var(--tw-leading, var(--text-nav-lh));
}
}
@layer df-effects {
.header-base.glass {
position: sticky;
top: 0;
z-index: 10;
-webkit-backdrop-filter: blur(var(--qs-glass-blur)) saturate(var(--qs-glass-saturation));
backdrop-filter: blur(var(--qs-glass-blur)) saturate(var(--qs-glass-saturation));
transition: box-shadow var(--qs-duration-slow) var(--qs-ease-standard), --qs-glass-alpha-from var(--qs-duration-slow) var(--qs-ease-standard), --qs-glass-alpha-to var(--qs-duration-slow) var(--qs-ease-standard);
}
.header-base.glass.scrolled {
--qs-glass-alpha-from: 0.75;
--qs-glass-alpha-to: 0.55;
box-shadow: 0 4px 8px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
}
@media (prefers-reduced-transparency: reduce) {
.header-base.glass {
background-color: rgb(var(--color-background));
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
}
}
@layer df-core {
.header-base.bottom-mobile {
position: fixed;
top: auto;
bottom: 0;
left: 0;
right: 0;
z-index: 20;
display: flex;
flex-direction: column-reverse;
padding-bottom: max(var(--pad-header-base), env(safe-area-inset-bottom));
}
.header-base.bottom-mobile .df-mobile-menu {
height: auto;
padding-top: 0;
box-shadow: inset 0 -4px 4px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
}
}
@layer df-effects {
.header-base.bottom-mobile.glass.scrolled {
box-shadow: 0 -4px 8px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
}
}
@layer df-core {
body:has(.header-base.bottom-mobile) main {
padding-bottom: calc(var(--offset-header-base) + var(--pad-header-base) * 3 + env(safe-area-inset-bottom));
}
@media (min-width: 768px) {
.header-base.bottom-mobile {
position: sticky;
top: 0;
bottom: auto;
flex-direction: column;
padding-bottom: 0;
}
.header-base.bottom-mobile .df-mobile-menu {
box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
}
}
}
@layer df-effects {
@media (min-width: 768px) {
.header-base.bottom-mobile.glass.scrolled {
box-shadow: 0 4px 8px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
}
}
}
@layer df-core {
@media (min-width: 768px) {
body:has(.header-base.bottom-mobile) main {
padding-bottom: 0;
}
}
.sidebar {
display: flex;
flex-shrink: 0;
flex-direction: column;
padding-inline: var(--spacing-shoulder-base);
padding-block: var(--pad-section-base);
gap: var(--gap-article-base);
}
.sidebar.sticky {
position: sticky;
top: var(--sidebar-sticky-offset, 5rem);
align-self: start;
max-height: calc(100dvh - var(--sidebar-sticky-offset, 5rem));
overflow-y: auto;
}
@media (min-width: 960px) {
.sidebar.sticky + .section-grid {
position: relative;
z-index: 1;
transition: box-shadow var(--qs-duration-slow) var(--qs-ease-standard);
}
.header-base.glass.scrolled ~ main .sidebar.sticky + .section-grid {
box-shadow: -4px 0 8px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
}
}
.sidebar nav a p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.chat-message {
display: flex;
align-items: flex-start;
gap: var(--spacing-sub-base);
}
.chat-bubble {
border-radius: var(--radius-field);
background-color: rgb(var(--color-background) / 1);
padding: var(--spacing-card-base);
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.chat-message .avatar ~ .chat-bubble {
border-top-left-radius: 0;
}
.chat-message .chat-bubble:has(~ .avatar) {
border-top-right-radius: 0;
}
nav.breadcrumbs {
display: none;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
column-gap: var(--spacing-gutter-base);
@media (width >= 640px) {
display: flex;
}
}
nav.breadcrumbs p a {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: rgb(var(--color-primary) / 1);
font-style: normal;
}
nav.breadcrumbs p a:hover, nav.breadcrumbs p a.active {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
nav.breadcrumbs p i {
font-size: var(--text-nav-size);
line-height: var(--tw-leading, var(--text-nav-lh));
}
nav.breadcrumbs p::after {
content: "\f054";
font-family: "Font Awesome 7 Pro", "Font Awesome 6 Pro";
font-size: 20px;
font-weight: 400;
font-style: normal;
line-height: 40px;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-inline-start: var(--spacing-gutter-base);
}
nav.breadcrumbs p:last-child::after {
content: '';
display: none;
}
nav.sidebar-nav ul {
margin: 0px;
display: flex;
list-style-type: none;
flex-direction: column;
padding: 0px;
gap: 2px;
}
nav.sidebar-nav a {
display: flex;
align-items: center;
gap: var(--spacing-sub-base);
border-radius: var(--radius-corner);
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
text-decoration-line: none;
padding: 6px var(--spacing-sub-base);
}
nav.sidebar-nav a.active {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
nav.sidebar-nav a i {
flex-shrink: 0;
text-align: center;
font-size: var(--text-i5-size);
line-height: var(--tw-leading, var(--text-i5-lh));
width: 20px;
color: inherit;
}
nav.sidebar-nav .nav-count {
margin-inline-start: auto;
display: inline-flex;
height: var(--element-min-size);
min-width: var(--element-min-size);
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
background-color: rgb(var(--color-secondary) / var(--shader-light));
font-size: var(--text-chip-size);
line-height: var(--tw-leading, var(--text-chip-lh));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
padding: 0 6px;
}
nav.sidebar-nav a.active .nav-count {
background-color: rgb(var(--color-key) / 1);
color: rgb(var(--color-invert) / 1);
}
nav.sidebar-nav hr {
margin-block: var(--spacing-sub-base);
border-style: var(--tw-border-style);
border-width: 0px;
border-top: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
nav.sidebar-nav .nav-section-label {
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider);
color: rgb(var(--color-tertiary) / 1);
text-transform: uppercase;
padding: var(--spacing-sub-base) var(--spacing-sub-base) 4px;
}
nav.sidebar-nav .nav-profile {
margin-top: var(--spacing-sub-base);
display: flex;
align-items: center;
gap: var(--spacing-sub-base);
padding: var(--spacing-sub-base);
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
text-decoration-line: none;
border-top: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.topbar {
position: sticky;
top: 0px;
z-index: 10;
display: flex;
align-items: center;
justify-content: space-between;
background-color: rgb(var(--color-background) / 1);
padding-inline: var(--pad-article-base);
padding-block: var(--spacing-sub-base);
gap: var(--pad-element-base);
border-bottom: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.topbar-actions {
display: flex;
flex-shrink: 0;
align-items: center;
gap: var(--spacing-sub-base);
}
nav.tab-nav {
display: flex;
align-items: stretch;
border-bottom: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
nav.tab-nav a {
display: flex;
align-items: center;
gap: var(--spacing-sub-base);
padding-inline: var(--pad-element-base);
padding-block: var(--spacing-sub-base);
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
white-space: nowrap;
text-decoration-line: none;
border-bottom: 2px solid transparent;
margin-bottom: -1px;
}
nav.tab-nav a:hover {
border-bottom-color: rgb(var(--color-key));
}
nav.tab-nav a.active {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
border-bottom-color: rgb(var(--color-key));
}
nav.tab-nav .tab-count {
border-radius: calc(infinity * 1px);
background-color: rgb(var(--color-secondary) / var(--shader-light));
font-size: var(--text-chip-size);
line-height: var(--tw-leading, var(--text-chip-lh));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
padding: 1px var(--spacing-sub-base);
}
nav.tab-nav a.active .tab-count {
background-color: rgb(var(--color-key) / 1);
color: rgb(var(--color-invert) / 1);
}
nav.tab-nav.vertical {
flex-direction: column;
border-bottom: none;
border-inline-end: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
nav.tab-nav.vertical a {
border-bottom: none;
border-inline-end: 2px solid transparent;
margin-bottom: 0;
margin-inline-end: -1px;
}
nav.tab-nav.vertical a:hover {
border-right-color: rgb(var(--color-key));
border-bottom-color: transparent;
}
nav.tab-nav.vertical a.active {
border-right-color: rgb(var(--color-key));
border-bottom-color: transparent;
}
.tab-panels {
padding-top: var(--spacing-card-base);
}
.tab-panels > [role="tabpanel"][hidden] {
display: none;
}
.tab-panels.radio > input[type="radio"] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
.tab-panels.radio > label {
display: inline-block;
cursor: pointer;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
border-color: transparent;
padding-inline: var(--pad-article-base);
padding-block: var(--spacing-sub-base);
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
}
.tab-panels.radio > input[type="radio"]:checked + label {
border-bottom-color: rgb(var(--color-key));
color: rgb(var(--color-key));
}
.tab-panels.radio > .tab-panel {
display: none;
width: 100%;
padding-top: var(--spacing-card-base);
}
.tab-panels.radio:has(> input:nth-of-type(1):checked) > .tab-panel:nth-of-type(1), .tab-panels.radio:has(> input:nth-of-type(2):checked) > .tab-panel:nth-of-type(2), .tab-panels.radio:has(> input:nth-of-type(3):checked) > .tab-panel:nth-of-type(3), .tab-panels.radio:has(> input:nth-of-type(4):checked) > .tab-panel:nth-of-type(4), .tab-panels.radio:has(> input:nth-of-type(5):checked) > .tab-panel:nth-of-type(5), .tab-panels.radio:has(> input:nth-of-type(6):checked) > .tab-panel:nth-of-type(6) {
display: block;
}
.carousel {
display: flex;
gap: var(--spacing-gutter-base);
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.carousel::-webkit-scrollbar {
display: none;
}
.carousel > .carousel-item {
scroll-snap-align: start;
flex-shrink: 0;
width: var(--element-c-3xl);
max-width: 100%;
}
.carousel.peek > .carousel-item {
width: min(85%, var(--element-c-3xl));
}
.footer-brand {
grid-column: 1 / -1;
@media (width >= 960px) {
grid-column: span 5 / span 5;
}
@media (width >= 1440px) {
grid-column: span 4 / span 4;
}
}
.footer-brand-text {
text-align: center;
@media (width >= 960px) {
text-align: start;
}
}
.footer-brand .stack-link-icons a i {
color: rgb(var(--color-secondary) / 1);
}
.footer-brand .stack-link-icons a:hover i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.footer-localization {
justify-content: center;
@media (width >= 960px) {
flex-wrap: nowrap;
}
@media (width >= 960px) {
justify-content: flex-start;
}
}
.footer-localization button {
max-width: 400px;
white-space: nowrap;
}
.footer-spacer {
display: none;
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-block-base) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-block-base) * calc(1 - var(--tw-space-y-reverse)));
}
@media (width >= 960px) {
grid-column: span 1 / span 1;
}
@media (width >= 960px) {
display: grid;
}
@media (width >= 1440px) {
grid-column: span 2 / span 2;
}
}
.footer-nav-stack h3 {
text-align: center;
--tw-leading: var(--element-base-size);
line-height: var(--element-base-size);
@media (width >= 960px) {
text-align: start;
}
}
.footer-nav-stack-links {
display: flex;
flex-direction: column;
gap: var(--layout-unit);
text-align: center;
@media (width >= 960px) {
text-align: start;
}
}
.footer-copyright p {
text-align: center;
color: rgb(var(--color-secondary) / 1);
@media (width >= 960px) {
text-align: start;
}
}
.df-mobile-menu {
height: 100dvh;
width: 100%;
padding-block: var(--pad-header-base);
box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
}
.df-mobile-menu nav {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--spacing-sub-base);
padding-inline: var(--pad-article-base);
}
.df-mobile-menu a.nav-gradient p {
background-image: linear-gradient(to right, rgb(var(--qs-color-tertiary)), rgb(var(--qs-color-tertiary)));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.df-mobile-menu a.nav-gradient:hover p {
background-image: linear-gradient(to right, rgb(var(--color-key, var(--qs-color-key))), rgb(var(--color-key-end, var(--qs-color-key-end))));
}
.df-dash-spacer {
grid-column: span 12 / span 12;
display: none;
height: var(--element-base-size);
@media (width >= 960px) {
display: grid;
}
}
.df-dash:not(:has(.df-pagination)) .centerframe-grid {
margin-bottom: 0px;
@media (width >= 640px) {
margin-bottom: var(--element-base-unit);
}
}
.df-dash:not(:has(.df-pagination)) .df-dash-content {
margin-bottom: var(--spacing-gutter-base);
@media (width >= 1440px) {
margin-bottom: var(--spacing-gutter-xl);
}
}
.df-dash-content {
grid-column: 1 / -1;
display: grid;
@media (width >= 960px) {
grid-column: span 10 / span 10;
}
}
.df-sidebar-nav {
grid-column: 1 / -1;
display: none;
@media (width >= 640px) {
display: grid;
}
@media (width >= 960px) {
grid-column: span 2 / span 2;
}
}
.df-sidebar-nav nav {
position: sticky;
top: calc(2 * var(--spacing-gutter-base));
display: flex;
height: fit-content;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
@media (width >= 960px) {
flex-direction: column;
}
@media (width >= 960px) {
flex-wrap: nowrap;
}
@media (width >= 960px) {
justify-content: flex-start;
}
}
.df-sidebar-nav nav a {
display: flex;
width: fit-content;
flex-direction: row;
align-items: center;
justify-content: flex-start;
padding-inline: var(--spacing-sub-base);
@media (width >= 640px) {
@media (width < 1440px) {
font-size: var(--text-p3-size);
}
}
@media (width >= 960px) {
width: 100%;
}
}
.df-sidebar-nav nav a div {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
column-gap: var(--spacing-sub-base);
@media (width >= 1440px) {
column-gap: var(--gap-element-sm);
}
}
.df-sidebar-nav nav a div span {
display: flex;
width: var(--element-min-size);
align-items: center;
justify-content: center;
}
.df-sidebar-nav nav a, .df-sidebar-nav nav a i {
background-image: none;
color: rgb(var(--color-secondary) / 1);
transition-property: none;
}
.df-sidebar-nav nav a:hover, .df-sidebar-nav nav a:hover i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.stack-link-icons {
justify-content: center;
@media (width >= 960px) {
justify-content: flex-start;
}
}
.mobile-link-viewall {
grid-column: 1 / -1;
text-align: center;
font-size: var(--text-p1-size);
line-height: var(--tw-leading, var(--text-p1-lh));
@media (width >= 640px) {
display: none;
}
}
:where(.overlay-pane) {
background-color: var(--color-bg-overlay);
backdrop-filter: blur(var(--color-blur-amount));
-webkit-backdrop-filter: blur(var(--color-blur-amount));
border-radius: var(--rounded-corner);
box-shadow: var(--shadow-base);
display: flex;
flex-direction: column;
z-index: 50;
}
.overlay-pane {
position: fixed;
}
:where(.overlay-pane).left {
left: 12px;
top: 12px;
bottom: calc(12px + env(safe-area-inset-bottom, 0px) + var(--keyboard-offset, 0px));
width: var(--df-overlay-pane-side-width);
height: auto;
}
:where(.overlay-pane).right {
right: 12px;
top: 12px;
bottom: calc(12px + env(safe-area-inset-bottom, 0px) + var(--keyboard-offset, 0px));
left: auto;
width: var(--df-overlay-pane-side-width);
height: auto;
}
:where(.overlay-pane).top {
top: 12px;
left: 50%;
transform: translateX(-50%);
width: min(60vw, 480px);
height: var(--df-overlay-pane-tb-height);
bottom: auto;
right: auto;
}
:where(.overlay-pane).bottom {
bottom: calc(12px + env(safe-area-inset-bottom, 0px) + var(--keyboard-offset, 0px));
left: 50%;
transform: translateX(-50%);
width: min(60vw, 480px);
height: var(--df-overlay-pane-tb-height);
top: auto;
right: auto;
}
.overlay-pane-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--spacing-sub-base);
padding: var(--pad-card-base);
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
flex-shrink: 0;
}
.overlay-pane-title {
font-weight: 600;
font-size: var(--text-p3-size, 14px);
color: var(--color-primary);
line-height: 1.2;
}
.overlay-pane-body {
display: flex;
flex-direction: column;
flex: 1;
overflow-y: auto;
padding: var(--pad-card-base);
min-height: 0;
}
.card-head {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--spacing-sub-base);
}
.card-head-actions {
margin-inline-start: auto;
display: flex;
align-items: center;
gap: var(--spacing-sub-base);
}
.card.content {
display: flex;
cursor: pointer;
flex-direction: row;
gap: var(--pad-element-base);
transition: box-shadow var(--qs-duration-fast) var(--qs-ease-standard);
}
.card.content:hover {
--tw-shadow: var(--shadow-base);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.card.content .card-media {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: var(--radius-corner);
background-color: rgb(var(--color-secondary) / var(--shader-light));
width: 64px;
height: 64px;
}
.card.content .card-media img {
height: 100%;
width: 100%;
object-fit: cover;
}
.card.content .card-media i {
font-size: var(--text-i4-size);
line-height: var(--tw-leading, var(--text-i4-lh));
color: rgb(var(--color-key) / 1);
}
.card.content .card-body {
min-width: 0px;
flex: 1;
}
.card.content .card-body h5 {
margin-bottom: 2px;
}
.card.content .card-meta {
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
color: rgb(var(--color-tertiary) / 1);
margin-top: 4px;
}
.card.selectable {
position: relative;
cursor: pointer;
border: 2px solid transparent;
transition: all var(--qs-duration-fast) var(--qs-ease-standard);
}
.card.selectable:hover {
border-color: rgb(var(--color-secondary) / var(--shader-light));
--tw-shadow: var(--shadow-base);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.card.selectable:has(:checked) {
border-color: rgb(var(--color-key));
--tw-ring-shadow: 0 0 0 3px rgb(var(--color-key) / var(--shader-light));
--tw-shadow: var(--shadow-base);
box-shadow: var(--tw-inset-shadow, 0 0 #0000), var(--tw-inset-ring-shadow, 0 0 #0000), var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000);
}
.card.selectable .card-tag {
margin-bottom: var(--spacing-sub-base);
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: rgb(var(--color-key) / 1);
text-transform: uppercase;
letter-spacing: 0.03em;
}
.card.selectable .card-icon {
font-size: var(--text-i3-size);
line-height: var(--tw-leading, var(--text-i3-lh));
color: rgb(var(--color-key) / 1);
margin-bottom: var(--pad-element-base);
}
.card.selectable .card-details {
margin-top: var(--spacing-sub-base);
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
color: rgb(var(--color-tertiary) / 1);
}
.card.selectable .card-check {
visibility: hidden;
position: absolute;
color: rgb(var(--color-key) / 1);
top: var(--pad-element-base);
inset-inline-end: var(--pad-element-base);
}
.card.selectable:has(:checked) .card-check {
visibility: visible;
}
.card.summary {
cursor: pointer;
transition: box-shadow var(--qs-duration-fast) var(--qs-ease-standard);
}
.card.summary:hover {
--tw-shadow: var(--shadow-base);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.card.summary .card-footer {
display: flex;
align-items: center;
gap: var(--pad-element-base);
margin-top: var(--pad-element-base);
padding-top: var(--pad-element-base);
border-top: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.card.summary .card-footer-stat {
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
color: rgb(var(--color-tertiary) / 1);
}
.card.brief {
display: flex;
flex-direction: row;
gap: var(--pad-element-base);
border-inline-start: 4px solid rgb(var(--color-key));
}
.card.brief .brief-icon {
flex-shrink: 0;
font-size: var(--text-i4-size);
line-height: var(--tw-leading, var(--text-i4-lh));
color: rgb(var(--color-key) / 1);
padding-top: 2px;
}
.card.brief .brief-body h6 {
margin-bottom: 4px;
}
.excerpt {
display: flex;
flex-direction: column;
}
.excerpt a img {
border-radius: var(--radius-corner);
object-fit: cover;
object-position: center;
&:hover {
@media (hover: hover) {
opacity: 90%;
}
}
}
:where(.excerpt hgroup > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--gap-hgroup-title) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--gap-hgroup-title) * calc(1 - var(--tw-space-y-reverse)));
}
.excerpt hgroup p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
.swatch {
overflow: hidden;
border-radius: var(--radius-corner);
border: 1px solid rgb(var(--qs-color-tertiary) / 0.3);
}
.swatch-color {
height: 80px;
}
.swatch-meta {
padding: 12px;
font-size: var(--text-p5-size, 12px);
line-height: 16px;
}
.swatch-meta code {
display: block;
font-size: var(--text-p5-size, 12px);
opacity: 0.6;
}
.swatch-meta code:first-child {
font-weight: 700;
opacity: 1;
margin-bottom: 4px;
}
.swatch-meta small {
color: rgb(var(--qs-color-tertiary));
font-family: var(--font-mono, monospace);
}
.swatch.sm {
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.swatch.sm .swatch-color {
height: 60px;
}
.swatch.sm .swatch-meta {
padding: 8px;
}
.swatch.sm .swatch-meta code {
font-weight: 600;
opacity: 1;
margin-bottom: 4px;
}
.status-dot {
display: inline-block;
border-radius: calc(infinity * 1px);
width: var(--spacing-sub-base);
height: var(--spacing-sub-base);
background: rgb(var(--color-tertiary));
}
.status-dot.active {
background: rgb(var(--color-alert-success));
}
.status-dot.completed {
background: rgb(var(--color-key));
}
.status-dot.pending {
background: rgb(var(--color-alert-warning));
}
.status-dot.declined {
background: rgb(var(--color-alert-error));
}
.data-table {
width: 100%;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
border-collapse: collapse;
}
.data-table thead th {
background-color: rgb(var(--color-secondary) / var(--shader-light));
text-align: start;
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: rgb(var(--color-secondary) / 1);
text-transform: uppercase;
padding: 10px var(--pad-element-base);
letter-spacing: 0.03em;
border-bottom: 2px solid rgb(var(--color-secondary) / var(--shader-light));
}
.data-table tbody td {
vertical-align: middle;
padding: var(--spacing-sub-base) var(--pad-element-base);
border-bottom: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.data-table tbody tr {
transition: background var(--qs-duration-fast) var(--qs-ease-standard);
}
.data-table tbody tr:hover {
background-color: rgb(var(--color-secondary) / var(--shader-light));
}
.data-table tbody tr:last-child td {
border-bottom: none;
}
.table-scroll {
overflow-x: auto;
border-radius: var(--radius-corner);
-webkit-overflow-scrolling: touch;
border: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.data-table-set {
display: flex;
flex-direction: column;
gap: var(--spacing-sub-base);
}
.data-table-set > .empty-state {
display: none;
}
.data-table-set.empty > .table-scroll, .data-table-set.empty > .data-table {
display: none;
}
.data-table-set.empty > .empty-state {
display: flex;
}
.data-table.loading {
pointer-events: none;
opacity: 0.6;
}
.data-table.selectable th.col-select, .data-table.selectable td.col-select {
width: var(--element-base-size);
text-align: center;
}
.data-table tr.active {
background: rgb(var(--color-key) / var(--shader-light));
}
.data-table tr.active:hover {
background: rgb(var(--color-key) / var(--shader-base));
}
.data-table th.sortable {
cursor: pointer;
user-select: none;
}
.data-table th.sortable:hover {
background: rgb(var(--color-secondary) / var(--shader-base));
}
.data-table th.sortable.asc, .data-table th.sortable.desc {
color: rgb(var(--color-primary));
}
.data-table th.sortable.asc i, .data-table th.sortable.desc i {
color: rgb(var(--color-key));
}
.data-table.sticky thead {
position: sticky;
top: 0;
z-index: 1;
}
.data-table.compact tbody td {
padding: var(--spacing-half-unit) var(--pad-element-base);
}
.data-table.spacious tbody td {
padding: var(--pad-article-base) var(--pad-element-base);
}
.data-table th.col-actions, .data-table td.col-actions, .data-table td.actions {
width: 1%;
white-space: nowrap;
text-align: end;
}
.data-table td.actions {
display: flex;
justify-content: flex-end;
gap: var(--spacing-sub-base);
}
.data-table th.col-shrink, .data-table td.col-shrink {
width: 1%;
white-space: nowrap;
}
.data-table th.col-grow, .data-table td.col-grow {
width: 100%;
}
.data-table th.col-hide-md, .data-table td.col-hide-md {
display: none;
}
@media (min-width: 768px) {
.data-table th.col-hide-md, .data-table td.col-hide-md {
display: table-cell;
}
}
.data-table tfoot td {
border-top: 2px solid rgb(var(--color-secondary) / var(--shader-light));
font-weight: 600;
color: rgb(var(--color-primary));
padding-top: var(--pad-element-base);
}
.status-label {
display: inline-flex;
align-items: center;
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
gap: 6px;
}
.table-avatar-cell {
display: flex;
align-items: center;
gap: var(--spacing-sub-base);
}
.table-avatar-cell .avatar-info {
display: flex;
flex-direction: column;
gap: 1px;
}
.table-avatar-cell .avatar-info .name {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.table-avatar-cell .avatar-info .subtitle {
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
color: rgb(var(--color-tertiary) / 1);
}
.tag-list {
position: relative;
display: flex;
flex-wrap: wrap;
overflow: hidden;
gap: 6px;
}
.tag-list .tag-more {
align-self: center;
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
white-space: nowrap;
color: rgb(var(--color-secondary) / 1);
font-style: italic;
}
.pagination-summary {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
}
.empty-state {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: var(--pad-section-base) var(--pad-article-base);
}
.empty-state .empty-icon {
font-size: var(--text-i2-size);
line-height: var(--tw-leading, var(--text-i2-lh));
color: rgb(var(--color-tertiary) / 1);
margin-bottom: var(--pad-element-base);
opacity: 0.5;
}
.empty-state .empty-icon-svg {
color: rgb(var(--color-tertiary) / 1);
width: var(--text-i2-size);
height: var(--text-i2-size);
margin-bottom: var(--pad-element-base);
opacity: 0.5;
}
.empty-state h4 {
margin-bottom: var(--spacing-sub-base);
color: rgb(var(--color-secondary) / 1);
}
.empty-state p {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-tertiary) / 1);
max-width: 400px;
margin-bottom: var(--pad-article-base);
}
.empty-state-dashed {
border-radius: var(--radius-corner);
border: 2px dashed rgb(var(--color-secondary) / var(--shader-light));
}
.empty-state.contained {
border-radius: var(--radius-corner);
background-color: rgb(var(--color-secondary) / var(--shader-light));
}
@keyframes skeleton-pulse {
0% {
opacity: 1;
}
50% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
.skeleton {
border-radius: var(--radius-corner);
background-color: rgb(var(--color-secondary) / var(--shader-light));
animation: skeleton-pulse 1.5s ease-in-out infinite;
}
.skeleton.text {
height: var(--element-sub-size);
width: 100%;
border-radius: var(--radius-min);
}
.skeleton.text.short {
width: 60%;
}
.skeleton.text.medium {
width: 80%;
}
.skeleton.text.heading {
height: var(--element-min-size);
width: 40%;
}
.skeleton.circle {
flex-shrink: 0;
border-radius: calc(infinity * 1px);
width: var(--element-r-sm);
height: var(--element-r-sm);
}
.skeleton.rect {
height: 120px;
width: 100%;
}
.skeleton.rect.sm {
height: 64px;
}
.badge {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-corner);
background-color: rgb(var(--color-secondary) / var(--shader-light));
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
white-space: nowrap;
padding: 2px var(--spacing-sub-base);
line-height: var(--text-p5-lh);
color: rgb(var(--color-primary));
}
.badge.success {
background: rgb(var(--color-alert-success-background));
color: rgb(var(--color-alert-success-heading));
}
.badge.warning {
background: rgb(var(--color-alert-warning-background));
color: rgb(var(--color-alert-warning-heading));
}
.badge.error {
background: rgb(var(--color-alert-error-background));
color: rgb(var(--color-alert-error-heading));
}
.badge.notify {
background: rgb(var(--color-alert-notify-background));
color: rgb(var(--color-alert-notify-heading));
}
.badge.sm {
font-size: var(--text-chip-size);
line-height: var(--tw-leading, var(--text-chip-lh));
padding: 1px 6px;
}
.badge.pill {
border-radius: calc(infinity * 1px);
}
.badge.dot {
border-radius: calc(infinity * 1px);
width: var(--spacing-sub-base);
height: var(--spacing-sub-base);
padding: 0;
}
.badge.dot.success {
background: rgb(var(--color-alert-success));
}
.badge.dot.warning {
background: rgb(var(--color-alert-warning));
}
.badge.dot.error {
background: rgb(var(--color-alert-error));
}
.badge.dot.notify {
background: rgb(var(--color-alert-notify));
}
.badge.count {
position: absolute;
border-radius: calc(infinity * 1px);
font-size: var(--text-chip-size);
line-height: var(--tw-leading, var(--text-chip-lh));
top: -4px;
inset-inline-end: -4px;
min-width: 18px;
height: 18px;
padding: 0 5px;
background: rgb(var(--color-alert-error));
color: rgb(var(--color-invert));
}
.announcement-pill {
display: inline-flex;
align-items: center;
gap: var(--spacing-sub-base);
border-radius: calc(infinity * 1px);
background-color: rgb(var(--color-key) / var(--shader-light));
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: rgb(var(--color-key) / 1);
padding: 4px var(--pad-element-base);
}
a.announcement-pill {
text-decoration-line: none;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
a.announcement-pill:hover {
background-color: rgb(var(--color-key) / 1);
color: rgb(var(--color-invert) / 1);
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.spinner {
display: inline-block;
flex-shrink: 0;
border-radius: calc(infinity * 1px);
width: var(--element-min-size);
height: var(--element-min-size);
border: 3px solid rgb(var(--color-secondary) / var(--shader-light));
border-top-color: rgb(var(--color-key));
animation: spin var(--qs-duration-slow) linear infinite;
}
.spinner.sm {
width: var(--element-sub-size);
height: var(--element-sub-size);
border-width: 2px;
}
.spinner.lg {
width: var(--element-compact-size);
height: var(--element-compact-size);
border-width: 4px;
}
@keyframes df-spinner-pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.4;
}
}
.loader {
display: flex;
align-items: center;
justify-content: center;
color: rgb(var(--color-key) / 1);
}
.loader i {
animation: spin 1s linear infinite;
}
.loader.page {
background-color: rgb(var(--color-background) / var(--shader-heavy));
position: fixed;
inset: 0;
backdrop-filter: blur(4px);
z-index: 9999;
}
.loader.page i {
font-size: var(--text-i2-size);
}
.loader.inline {
padding: var(--pad-article-base);
}
.loader.inline i {
font-size: var(--text-i4-size);
}
.toast-stack {
position: fixed;
z-index: 888;
display: flex;
flex-direction: column;
gap: var(--spacing-sub-base);
border-style: var(--tw-border-style);
border-width: 0px;
background-color: transparent;
padding: var(--spacing-card-base);
max-width: var(--element-c-3xl);
width: max-content;
}
.toast-stack:popover-open {
display: flex;
}
.toast-stack, .toast-stack.top-right {
top: 0;
right: 0;
inset-inline-start: auto;
bottom: auto;
}
.toast-stack.top-center {
top: 0;
left: 50%;
right: auto;
bottom: auto;
translate: -50% 0;
}
.toast-stack.bottom-right {
bottom: 0;
right: 0;
top: auto;
left: auto;
}
.toast-stack > .alert {
width: 100%;
}
.rating {
display: inline-flex;
align-items: center;
color: rgb(var(--color-key) / 1);
gap: 4px;
}
.rating i {
font-size: var(--text-i5-size);
}
.rating.sm i {
font-size: var(--text-i6-size);
}
.rating.lg i {
font-size: var(--text-i4-size);
}
.rating.interactive i {
cursor: pointer;
transition: transform var(--qs-duration-fast) var(--qs-ease-standard);
}
.rating.interactive i:hover {
transform: scale(1.2);
}
.rating i.empty {
color: rgb(var(--color-tertiary));
}
.toggle-switch {
position: relative;
display: inline-flex;
flex-shrink: 0;
cursor: pointer;
align-items: center;
}
.toggle-switch input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.toggle-track {
position: relative;
flex-shrink: 0;
border-radius: calc(infinity * 1px);
background-color: rgb(var(--color-secondary) / var(--shader-light));
width: 44px;
height: 24px;
transition: background var(--qs-duration-fast) var(--qs-ease-standard);
}
.toggle-thumb {
position: absolute;
border-radius: calc(infinity * 1px);
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
top: 2px;
left: 2px;
width: 20px;
height: 20px;
background: rgb(var(--color-background));
transition: transform var(--qs-duration-fast) var(--qs-ease-standard);
}
.toggle-switch:has(:checked) .toggle-track {
background: rgb(var(--color-key));
}
.toggle-switch:has(:checked) .toggle-thumb {
transform: translateX(20px);
}
.toggle-switch:has(:focus-visible) .toggle-track {
outline: 2px solid rgb(var(--color-key));
outline-offset: 2px;
}
.form-textarea.featured {
--tw-ring-shadow: inset 0 0 0 2px rgb(var(--color-key));
box-shadow: var(--tw-inset-shadow, 0 0 #0000), var(--tw-inset-ring-shadow, 0 0 #0000), var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000);
}
.form-textarea.featured textarea {
padding: var(--pad-article-base);
font-size: var(--text-p2-size);
line-height: var(--tw-leading, var(--text-p2-lh));
min-height: 120px;
border: 0;
resize: vertical;
}
nav a, nav a:link, nav a:visited, main p a, main p a:link, main p a:visited, footer p a, footer p a:link, footer p a:visited {
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
}
.toggle-menu, .toggle-menu-gradient {
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
}
#header-nav-menu nav a, #header-nav-menu nav a p {
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
}
.avatar {
display: flex;
aspect-ratio: 1 / 1;
width: var(--element-base-size);
height: var(--element-base-size);
flex-shrink: 0;
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 0px;
background-color: rgb(var(--color-key) / 1);
padding: var(--border-button);
text-align: center;
--tw-leading: 1;
line-height: 1;
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
&:hover {
@media (hover: hover) {
--tw-brightness: brightness(110%);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
}
}
.avatar img {
aspect-ratio: 1 / 1;
height: 100%;
width: 100%;
border-radius: calc(infinity * 1px);
object-fit: cover;
object-position: center;
}
.avatar.preview, .avatar.preview img {
aspect-ratio: var(--aspect-preview);
width: auto;
border-radius: var(--radius-base);
}
.avatar.preview.sm, .avatar.preview.sm img, .avatar.preview-rounded.sm, .avatar.preview-rounded.sm img {
height: var(--element-c-sm);
width: auto;
}
.avatar.preview-rounded, .avatar.preview-rounded img {
aspect-ratio: var(--aspect-preview);
width: auto;
border-radius: var(--radius-corner);
}
.avatar.gradient {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.avatar.min {
width: var(--element-min-size);
height: var(--element-min-size);
}
.avatar.sm {
width: var(--element-c-sm);
height: var(--element-c-sm);
}
.avatar.md {
width: var(--element-c-md);
height: var(--element-c-md);
}
.avatar.lg {
width: var(--element-c-lg);
height: var(--element-c-lg);
}
.avatar.xl {
width: var(--element-c-xl);
height: var(--element-c-xl);
}
.avatar.squared, .avatar.squared img, .avatar.square, .avatar.square img {
border-radius: var(--radius-base);
}
.avatar.cornered {
border-radius: var(--radius-corner);
}
.avatar.cornered img {
border-radius: var(--radius-corner-inset);
}
.avatar.circle, .avatar.circle img {
border-radius: calc(infinity * 1px);
}
.avatar.hexagon, .avatar.hexagon img {
border-radius: 0;
clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}
.avatar.hexagon-rounded, .avatar.hexagon-rounded img {
border-radius: 0;
clip-path: polygon( 1.336% 54.545%,1.336% 54.545%,0.942% 53.683%,0.636% 52.79%,0.417% 51.873%,0.286% 50.94%,0.242% 50%,0.286% 49.06%,0.417% 48.127%,0.636% 47.21%,0.942% 46.317%,1.336% 45.455%,22.133% 5.339%,22.133% 5.339%,22.607% 4.529%,23.148% 3.787%,23.752% 3.117%,24.412% 2.524%,25.121% 2.012%,25.874% 1.584%,26.665% 1.244%,27.488% 0.997%,28.336% 0.845%,29.203% 0.794%,70.797% 0.794%,70.797% 0.794%,71.664% 0.845%,72.512% 0.997%,73.335% 1.244%,74.126% 1.584%,74.879% 2.012%,75.588% 2.524%,76.248% 3.117%,76.852% 3.787%,77.393% 4.529%,77.867% 5.339%,98.664% 45.455%,98.664% 45.455%,99.058% 46.317%,99.364% 47.21%,99.583% 48.127%,99.714% 49.06%,99.758% 50%,99.714% 50.94%,99.583% 51.873%,99.364% 52.79%,99.058% 53.683%,98.664% 54.545%,77.867% 94.661%,77.867% 94.661%,77.393% 95.471%,76.852% 96.213%,76.248% 96.883%,75.588% 97.476%,74.879% 97.988%,74.126% 98.416%,73.335% 98.756%,72.512% 99.003%,71.664% 99.155%,70.797% 99.206%,29.203% 99.206%,29.203% 99.206%,28.336% 99.155%,27.488% 99.003%,26.665% 98.756%,25.874% 98.416%,25.121% 97.988%,24.412% 97.476%,23.752% 96.883%,23.148% 96.213%,22.607% 95.471%,22.133% 94.661%,1.336% 54.545%);
}
.avatar.bordered {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: rgb(var(--color-key) / 1);
background-color: transparent;
padding: 0px;
}
.avatar.basic {
border-style: var(--tw-border-style);
border-width: 0px;
background-color: transparent;
padding: 0px;
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.avatar.hexagon-compact, .avatar.hexagon-compact img {
border-radius: 0;
clip-path: polygon( 25% 10%, 26% 8%, 28% 6%, 30% 5%, 70% 5%, 72% 6%, 74% 8%, 75% 10%, 98% 46%, 99% 49%, 99% 51%, 98% 54%, 75% 90%, 74% 92%, 72% 94%, 70% 95%, 30% 95%, 28% 94%, 26% 92%, 25% 90%, 2% 54%, 1% 51%, 1% 49%, 2% 46%);
}
a.avatar:hover img {
--tw-brightness: brightness(110%);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
i {
font-family: var(--font-icon, inherit);
line-height: 1;
}
p i.fa-regular {
line-height: inherit;
}
p i.ph, p i.ph-light, p i.ph-bold, p i.ph-fill {
line-height: inherit;
}
.button.icon.square.gradient {
border-radius: var(--radius-base);
}
.form-input, .form-input-combo {
border-radius: calc(infinity * 1px);
}
.button.icon.square.gradient span {
border-radius: var(--radius-base);
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
&:focus {
--tw-ring-color: rgb(var(--color-key) / 1);
}
&:focus {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
}
.dropdown-menu {
border-radius: var(--radius-corner);
--tw-shadow: var(--shadow-base);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
nav.pagination {
isolation: isolate;
display: inline-flex;
justify-content: center;
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}
justify-self: center;
border-radius: var(--radius-md);
text-align: center;
}
nav.pagination a, nav.pagination span.pagination-ellipsis {
position: relative;
display: inline-flex;
min-height: var(--element-base-size);
min-width: calc(var(--element-base-size) + var(--layout-unit) + var(--layout-unit));
align-items: center;
justify-content: center;
padding: var(--layout-unit);
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: rgb(var(--color-secondary) / 1);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: color-mix(in srgb, rgb(rgb(var(--color-secondary) / 1) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, rgb(var(--color-secondary) / 1) 20%, transparent);
}
--tw-ring-inset: inset;
&:hover {
@media (hover: hover) {
z-index: 40;
}
}
&:hover {
@media (hover: hover) {
background-color: rgb(var(--color-key) / 1);
}
}
&:hover {
@media (hover: hover) {
color: rgb(var(--color-invert) / 1);
}
}
&:hover {
@media (hover: hover) {
--tw-ring-color: rgb(var(--color-key) / 1);
}
}
&:focus {
z-index: 20;
}
&:focus {
outline-offset: 0px;
}
}
nav.pagination a:active {
z-index: 50;
background-color: rgb(var(--color-key) / 1);
color: rgb(var(--color-invert) / 1);
}
nav.pagination a.active, nav.pagination a[aria-current="page"] {
z-index: 10;
background-color: rgb(var(--color-key) / 1);
color: rgb(var(--color-invert) / 1);
--tw-ring-color: rgb(var(--color-key) / 1);
}
nav.pagination a.pagination-extra {
display: none;
@media (width >= 960px) {
display: inline-flex;
}
}
nav.pagination a.pagination-next {
border-start-end-radius: var(--radius-corner);
border-end-end-radius: var(--radius-corner);
}
nav.pagination a.pagination-previous {
border-start-start-radius: var(--radius-corner);
border-end-start-radius: var(--radius-corner);
}
nav.pagination.air {
column-gap: var(--spacing-sub-base);
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}
border-radius: var(--radius-corner);
}
nav.pagination.air a, nav.pagination.air span.pagination-ellipsis {
min-width: var(--element-base-size);
border-radius: var(--radius-corner);
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
&:focus {
--tw-ring-color: rgb(var(--color-key) / 1);
}
&:focus {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
--tw-ring-color: transparent;
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
@media (width >= 640px) {
min-width: calc(var(--element-base-size) + var(--layout-unit) + var(--layout-unit));
}
}
nav.pagination.air a.pagination-previous, nav.pagination.air a.pagination-next {
background-image: none;
background-clip: border-box;
color: rgb(var(--color-key) / 1);
}
nav.pagination.air a.pagination-previous i, nav.pagination.air a.pagination-next i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
nav.pagination.air a::before, nav.pagination.air span.pagination-ellipsis::before {
position: absolute;
inset-inline-start: calc(var(--spacing) * 0);
top: 0px;
height: 100%;
width: 100%;
border-radius: var(--radius-corner);
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
content: '';
z-index: 0;
opacity: 0;
}
nav.pagination.air a:hover, nav.pagination.air span.pagination-ellipsis:hover {
z-index: 50;
background-color: transparent;
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: transparent;
}
nav.pagination.air a.pagination-previous:hover, nav.pagination.air a.pagination-next:hover {
background-image: none;
background-clip: border-box;
color: rgb(var(--color-key) / 1);
}
nav.pagination.air a:hover::before, nav.pagination.air span.pagination-ellipsis:hover::before {
z-index: 30;
opacity: calc(1 - var(--color-key-gradient-invert-opacity));
}
nav.pagination.air a:active {
z-index: 40;
background-color: rgb(var(--color-key) / 1);
background-clip: border-box;
color: rgb(var(--color-invert) / 1);
}
nav.pagination.air a.active, nav.pagination.air a[aria-current="page"] {
z-index: 50;
background-color: transparent;
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: transparent;
}
nav.pagination.air a.active::before, nav.pagination.air a[aria-current="page"]::before {
z-index: 30;
opacity: calc(1 - var(--color-key-gradient-invert-opacity));
}
.button.icon.square.gradient.air {
position: relative;
display: inline-flex;
height: var(--element-base-size);
width: var(--element-base-size);
align-items: center;
justify-content: center;
border-radius: var(--radius-corner);
padding: var(--layout-unit);
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
--tw-shadow: 0 0 #0000;
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
&:focus {
--tw-ring-color: rgb(var(--color-key) / 1);
}
&:focus {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: transparent;
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
--tw-ring-inset: inset;
}
.button.icon.square.gradient.air i, .button.icon.square.gradient.air p {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.button.icon.square.gradient.air::before {
position: absolute;
inset-inline-start: calc(var(--spacing) * 0);
top: 0px;
height: 100%;
width: 100%;
border-radius: var(--radius-corner);
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
content: '';
z-index: 0;
opacity: 0;
}
.button.icon.square.gradient.air:hover {
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.button.icon.square.gradient.air:active {
background-color: rgb(var(--color-key) / 1);
background-clip: border-box;
color: rgb(var(--color-invert) / 1);
}
.button.icon.square.gradient.air:hover::before {
opacity: calc(1 - var(--color-key-gradient-invert-opacity));
}
.button.air {
background-color: transparent;
color: rgb(var(--color-key) / 1);
--tw-shadow: 0 0 #0000;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: transparent;
--tw-ring-inset: inset;
}
.button.air p, .button.air i {
color: rgb(var(--color-key) / 1);
}
.button.air::before {
position: absolute;
inset-inline-start: calc(var(--spacing) * 0);
top: 0px;
height: 100%;
width: 100%;
border-radius: calc(infinity * 1px);
background-color: rgb(var(--color-key) / 1);
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
content: '';
z-index: 0;
opacity: 0;
}
.button.air > span {
position: relative;
background-color: transparent;
z-index: 1;
}
.button.air:hover > span, .button.air.active > span {
background-color: transparent;
}
.button.air:hover, .button.air.active {
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.button.air:hover p, .button.air:hover i, .button.air.active p, .button.air.active i {
color: rgb(var(--color-key) / 1);
}
.button.air:hover::before, .button.air.active::before {
opacity: calc(1 - var(--color-key-gradient-invert-opacity));
}
.button.gradient.air {
background-color: transparent;
--tw-shadow: 0 0 #0000;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: transparent;
--tw-ring-inset: inset;
}
.button.gradient.air p, .button.gradient.air i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.button.gradient.air::before {
position: absolute;
inset-inline-start: calc(var(--spacing) * 0);
top: 0px;
height: 100%;
width: 100%;
border-radius: calc(infinity * 1px);
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
content: '';
z-index: 0;
opacity: 0;
}
.button.gradient.air > span {
position: relative;
background-color: transparent;
z-index: 1;
}
.button.gradient.air:hover > span, .button.gradient.air.active > span {
background-color: transparent;
}
.button.gradient.air:hover, .button.gradient.air.active {
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.button.gradient.air:hover p, .button.gradient.air:hover i, .button.gradient.air.active p, .button.gradient.air.active i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.button.gradient.air:hover::before, .button.gradient.air.active::before {
opacity: calc(1 - var(--color-key-gradient-invert-opacity));
}
@media (hover: hover) {
.button.icon.gradient:hover {
opacity: 90%;
}
}
.form-input input, .form-input-file input, .form-input-dropdown span, .form-select select {
border-start-start-radius: 0;
border-end-start-radius: 0;
border-start-end-radius: calc(infinity * 1px);
border-end-end-radius: calc(infinity * 1px);
}
.form-input-file input {
border-radius: calc(infinity * 1px);
}
.form-input.unlabeled input, .form-select.unlabeled select {
border-start-start-radius: calc(infinity * 1px);
border-end-start-radius: calc(infinity * 1px);
}
.form-input-dropdown.air span, .form-input.air input, .form-select.air select {
border-start-start-radius: 0;
border-end-start-radius: 0;
border-start-end-radius: 0;
border-end-end-radius: 0;
}
.form-input-combo input {
border-start-start-radius: calc(infinity * 1px);
border-end-start-radius: calc(infinity * 1px);
border-start-end-radius: 0;
border-end-end-radius: 0;
}
.form-input input:focus, .form-input-file input:focus, .form-input-combo input:focus, .form-textarea textarea:focus, .form-select select:focus {
--tw-ring-color: transparent;
&:focus {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
}
.icon-link i {
margin-inline-end: calc(var(--layout-unit) / 2);
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.chip {
border-radius: var(--radius-chip);
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
&:focus {
--tw-ring-color: rgb(var(--color-key) / 1);
}
&:focus {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
}
.button {
position: relative;
display: inline-flex;
height: var(--element-base-size);
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
padding: var(--border-button);
text-align: center;
font-size: var(--text-button-size);
line-height: var(--tw-leading, var(--text-button-lh));
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
&:focus {
--tw-ring-color: rgb(var(--color-key) / 1);
}
&:focus {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--border-button) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
--tw-ring-inset: inset;
z-index: 1;
}
.button:not(:has(> span)) {
padding-inline: var(--pad-element-base);
}
.button > span {
display: flex;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
column-gap: var(--spacing-sub-base);
border-radius: calc(infinity * 1px);
padding-inline: var(--pad-element-base);
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
}
.button i {
font-size: var(--text-button-size);
line-height: var(--tw-leading, var(--text-button-lh));
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
line-height: var(--text-button-lh);
}
button.button.secondary:has(> span) {
padding-inline: var(--border-button);
}
.form-input.gradient, .form-input-file.gradient, .form-select.gradient {
position: relative;
padding: var(--border-button);
}
.form-input.gradient > span, .form-input-file.gradient > span, .form-select.gradient > span {
border-radius: calc(infinity * 1px);
}
.form-input.gradient::before, .form-input-file.gradient::before, .form-select.gradient::before, .button.gradient::before {
position: absolute;
inset-inline-start: calc(var(--spacing) * 0);
top: 0px;
height: 100%;
width: 100%;
border-radius: calc(infinity * 1px);
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
content: '';
z-index: 0;
}
.form-input.gradient, .form-input-file.gradient, .form-select.gradient, .button.gradient {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-input.gradient > span, .form-input-file.gradient > span, .form-select.gradient > span, .button.gradient > span {
position: relative;
z-index: 1;
}
.button.gradient > span > p {
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
}
.button, .button.secondary:hover, .button.secondary.active {
background-color: rgb(var(--color-key) / 1);
color: rgb(var(--color-invert) / 1);
--tw-ring-color: rgb(var(--color-key) / 1);
}
.button p, .button i {
white-space: nowrap;
color: rgb(var(--color-invert) / 1);
}
.button:hover, .button.active, .button.secondary {
background-color: transparent;
color: rgb(var(--color-key) / 1);
}
.button:hover p, .button:hover i, .button.secondary p, .button.secondary i {
color: rgb(var(--color-key) / 1);
}
.button.secondary:hover p, .button.secondary:hover i, .button.secondary.active p, .button.secondary.active i {
color: rgb(var(--color-invert) / 1);
}
.form-input.gradient::before, .form-input-file.gradient::before, .form-select.gradient::before, .button.gradient::before {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.form-input.gradient, .form-input-file.gradient, .form-select.gradient, .button.gradient {
background-color: transparent;
}
.button.gradient > span, .button.gradient.secondary:hover > span, .button.gradient.secondary.active > span {
background-color: rgb(var(--color-key-gradient-invert) / 0);
}
.form-input.gradient > span, .form-input-file.gradient > span, .form-select.gradient > span, .button.gradient:hover > span, .button.gradient.active > span, .button.gradient.secondary > span {
background-color: rgb(var(--color-key-gradient-invert) / var(--color-key-gradient-invert-opacity));
}
.button.gradient > span p, .button.gradient > span i, .button.gradient.secondary:hover > span p, .button.gradient.secondary:hover > span i, .button.gradient.secondary.active > span p, .button.gradient.secondary.active > span i {
color: rgb(var(--color-invert) / 1);
}
.button.gradient:hover > span p, .button.gradient:hover > span i, .button.gradient.secondary > span p, .button.gradient.secondary > span i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.button.sm {
height: var(--element-min-size);
text-align: center;
font-size: var(--text-p4-size);
--tw-leading: var(--text-p3-lh);
line-height: var(--text-p3-lh);
}
.button.md {
height: calc(var(--element-min-size) + var(--layout-unit) + var(--layout-unit));
text-align: center;
font-size: var(--text-p3-size);
--tw-leading: var(--text-h3-lh);
line-height: var(--text-h3-lh);
}
.button.icon.sm i {
font-size: var(--text-i6-size);
line-height: var(--tw-leading, var(--text-i6-lh));
line-height: var(--text-i6-lh);
}
.button.full {
display: flex;
width: 100%;
}
.button.cornered, .button.cornered::before, .button.air.cornered::before, .button.gradient.air.cornered::before, .button.cornered span {
border-radius: var(--radius-corner-inset);
}
.button.squared, .button.squared::before, .button.square, .button.square::before, .button.air.squared::before, .button.air.square::before, .button.gradient.air.squared::before, .button.gradient.air.square::before {
border-radius: var(--radius-base);
}
.button.squared span, .button.square span {
border-radius: var(--radius-base-inset);
}
.button.pill, .button.pill::before {
border-radius: calc(infinity * 1px);
}
.button.pill span {
border-radius: calc(infinity * 1px);
}
.button.dropdown > span, .button.distribute > span {
justify-content: space-between;
}
.button.dropdown > span > i:first-child {
width: var(--element-base-size);
padding-inline-end: 0px;
text-align: start;
}
.button.dropdown > span > i:last-child {
width: var(--element-base-size);
padding-inline-start: 0px;
text-align: end;
}
.button.centered.dropdown > span > p {
width: 100%;
padding-inline-start: var(--element-base-unit);
}
.button.icon.dropdown.gradient {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.button.icon.gradient > span {
background-color: rgb(var(--color-key-gradient-invert) / 0);
}
.button.icon.gradient:hover span {
background-color: rgb(var(--color-key-gradient-invert) / var(--color-key-gradient-invert-opacity));
}
.button.icon.dropdown.gradient {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.button.icon.dropdown.gradient p, .button.icon.dropdown.gradient i {
color: rgb(var(--color-invert) / 1);
}
.button.icon.dropdown:hover p, .button.icon.dropdown:hover i {
color: rgb(var(--color-key) / 1);
}
.button.icon.gradient p, .button.icon.gradient p i {
color: rgb(var(--color-invert) / 1);
}
.button.icon.gradient:hover p, .button.icon.gradient:hover p i, .button.icon.dropdown.gradient:hover p, .button.icon.dropdown.gradient:hover i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.button.icon.dropdown.gradient:hover span {
background-color: rgb(var(--color-key-gradient-invert) / var(--color-key-gradient-invert-opacity));
}
.button.button.icon.dropdown.secondary:hover, .button.button.icon.dropdown.secondary.active {
background-color: rgb(var(--color-key) / 1);
}
.button.button.icon.dropdown.secondary:hover p, .button.button.icon.dropdown.secondary:hover i, .button.button.icon.dropdown.secondary.active p, .button.button.icon.dropdown.secondary.active i {
color: rgb(var(--color-invert) / 1);
}
.button.icon.dropdown.gradient.air, .button.icon.dropdown.gradient.secondary.air {
background-color: transparent;
background-image: none;
}
.button.icon.dropdown.gradient.air > span, .button.icon.dropdown.gradient.secondary.air > span {
background-color: transparent;
background-image: none;
}
.button.icon.dropdown.gradient.air p, .button.icon.dropdown.gradient.air i, .button.icon.dropdown.gradient.secondary.air p, .button.icon.dropdown.gradient.secondary.air i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
}
@layer df-effects {
.button.glass, .button.icon.glass {
--qs-glass-blur: 12px;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: transparent;
--tw-ring-inset: inset;
-webkit-backdrop-filter: blur(var(--qs-glass-blur)) saturate(var(--qs-glass-saturation));
backdrop-filter: blur(var(--qs-glass-blur)) saturate(var(--qs-glass-saturation));
}
.button.glass:hover, .button.glass.active, .button.icon.glass:hover, .button.icon.glass.active {
--qs-glass-alpha-from: 0.85;
--qs-glass-alpha-to: 0.70;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: rgb(var(--color-key) / 1);
--tw-ring-inset: inset;
}
.button.glass p, .button.glass i, .button.icon.glass p, .button.icon.glass i {
background-image: none;
color: rgb(var(--color-key) / 1);
}
.button.glass:hover p, .button.glass:hover i, .button.glass.active p, .button.glass.active i, .button.icon.glass:hover p, .button.icon.glass:hover i, .button.icon.glass.active p, .button.icon.glass.active i {
background-image: none;
color: rgb(var(--color-key) / 1);
}
@media (prefers-reduced-transparency: reduce) {
.button.glass, .button.icon.glass {
background-color: rgb(var(--color-background));
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
}
}
@layer df-core;
@layer df-effects {
.button.glass.gradient::before, .button.icon.glass.gradient::before {
background-image: linear-gradient(to right, rgba(var(--color-key-rgb), var(--shader-base)), rgba(var(--color-key-end-rgb), var(--shader-base)));
opacity: 1;
}
.button.glass.gradient:hover::before, .button.glass.gradient.active::before, .button.icon.glass.gradient:hover::before, .button.icon.glass.gradient.active::before {
background-image: linear-gradient(to right, rgba(var(--color-key-rgb), var(--shader-heavy)), rgba(var(--color-key-end-rgb), var(--shader-heavy)));
}
.button.glass.gradient > span p, .button.glass.gradient > span i, .button.icon.glass.gradient p, .button.icon.glass.gradient i {
color: rgb(var(--color-primary) / 1);
}
.button.glass.gradient:hover > span p, .button.glass.gradient:hover > span i, .button.glass.gradient.active > span p, .button.glass.gradient.active > span i, .button.icon.glass.gradient:hover p, .button.icon.glass.gradient:hover i, .button.icon.glass.gradient.active p, .button.icon.glass.gradient.active i {
color: rgb(var(--color-key) / 1);
}
@media (prefers-reduced-transparency: reduce) {
.button.glass.gradient::before, .button.icon.glass.gradient::before {
background-image: linear-gradient(to right, rgb(var(--color-key-rgb)), rgb(var(--color-key-end-rgb)));
}
}
}
@layer df-core;
@layer df-effects {
.button.icon.glass.gradient::before {
background-image: linear-gradient(to right, rgba(var(--color-key-rgb), var(--shader-heavy)), rgba(var(--color-key-end-rgb), var(--shader-heavy)));
opacity: 0;
}
.button.icon.glass.gradient:hover::before, .button.icon.glass.gradient.active::before {
background-image: linear-gradient(to right, rgba(var(--color-key-rgb), var(--shader-heavy)), rgba(var(--color-key-end-rgb), var(--shader-heavy)));
opacity: 1;
}
}
@layer df-core;
@layer df-effects {
.button.icon.glass p, .button.icon.glass i, .button.icon.glass:hover p, .button.icon.glass:hover i, .button.icon.glass.active p, .button.icon.glass.active i {
background-image: none;
color: rgb(var(--color-key) / 1);
}
.button.icon.glass.gradient p, .button.icon.glass.gradient i, .button.icon.glass.gradient:hover p, .button.icon.glass.gradient:hover i, .button.icon.glass.gradient.active p, .button.icon.glass.gradient.active i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
}
@layer df-core;
@layer df-effects {
.button.glass.gradient::before {
background-image: linear-gradient(to right, rgba(var(--color-key-rgb), var(--shader-heavy)), rgba(var(--color-key-end-rgb), var(--shader-heavy)));
opacity: 0;
}
.button.glass.gradient:hover::before, .button.glass.gradient.active::before {
background-image: linear-gradient(to right, rgba(var(--color-key-rgb), var(--shader-heavy)), rgba(var(--color-key-end-rgb), var(--shader-heavy)));
opacity: 1;
}
.button.glass.gradient > span p, .button.glass.gradient > span i, .button.glass.gradient:hover > span p, .button.glass.gradient:hover > span i, .button.glass.gradient.active > span p, .button.glass.gradient.active > span i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
}
@layer df-core {
.button.icon {
background-color: rgb(var(--color-key) / 1);
--tw-ring-color: rgb(var(--color-key) / 1);
}
.button.icon p, .button.icon i {
color: rgb(var(--color-invert) / 1);
}
.button.icon:hover, .button.icon.active {
background-color: transparent;
--tw-ring-color: rgb(var(--color-key) / 1);
}
.button.icon:hover p, .button.icon:hover i, .button.icon.active p, .button.icon.active i {
color: rgb(var(--color-key) / 1);
}
.button.icon.secondary {
background-color: transparent;
--tw-ring-color: rgb(var(--color-key) / 1);
}
.button.icon.secondary p, .button.icon.secondary i {
color: rgb(var(--color-key) / 1);
}
.button.icon.secondary:hover, .button.icon.secondary.active {
background-color: rgb(var(--color-key) / 1);
--tw-ring-color: rgb(var(--color-key) / 1);
}
.button.icon.secondary:hover p, .button.icon.secondary:hover i, .button.icon.secondary.active p, .button.icon.secondary.active i {
color: rgb(var(--color-invert) / 1);
}
.button.icon.air {
background-color: transparent;
--tw-ring-color: transparent;
}
.button.icon.air p, .button.icon.air i {
color: rgb(var(--color-key) / 1);
}
.button.icon.air:hover, .button.icon.air.active {
background-color: transparent;
--tw-ring-color: transparent;
}
.button.icon.air:hover i, .button.icon.air:hover p, .button.icon.air.active i, .button.icon.air.active p {
color: rgb(var(--color-key) / 1);
}
.button.icon.gradient.air {
background-color: transparent;
background-image: none;
}
.button.icon.gradient.air i, .button.icon.gradient.air p {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.button.icon.gradient.air:hover, .button.icon.gradient.air.active {
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.button.icon.gradient {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.button.icon.gradient:hover, .button.icon.gradient.active {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: color-mix(in srgb, rgb(rgb(var(--color-key) / 1) / 1) 0%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, rgb(var(--color-key) / 1) 0%, transparent);
}
--tw-gradient-to: color-mix(in srgb, rgb(rgb(var(--color-key-end) / 1) / 1) 0%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-to: color-mix(in oklab, rgb(var(--color-key-end) / 1) 0%, transparent);
}
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.button.icon.gradient.secondary > span p, .button.icon.gradient.secondary > span i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.button.icon.gradient.secondary:hover > span p, .button.icon.gradient.secondary:hover > span i, .button.icon.gradient.secondary.active > span p, .button.icon.gradient.secondary.active > span i {
color: rgb(var(--color-invert) / 1);
}
.button.icon.gradient.secondary > span {
background-color: rgb(var(--color-key-gradient-invert) / var(--color-key-gradient-invert-opacity));
}
.button.icon.gradient.secondary:hover > span, .button.icon.gradient.secondary.active > span {
background-color: rgb(var(--color-key-gradient-invert) / 0);
}
.button.icon.dropdown {
color: rgb(var(--color-key) / 1);
--tw-ring-color: rgb(var(--color-key) / 1);
}
.button.icon.dropdown:hover {
background-color: transparent;
--tw-ring-color: rgb(var(--color-key) / 1);
}
.dropdown-menu {
background-color: rgb(var(--color-background) / 1);
--tw-ring-color: rgb(var(--color-secondary) / 1);
}
.dropdown-menu p.title {
color: rgb(var(--color-secondary) / 1);
}
.dropdown-menu button, .dropdown-menu a {
color: rgb(var(--color-primary) / 1);
}
.dropdown-menu.gradient li {
color: rgb(var(--color-primary) / 1);
}
.dropdown-menu button:hover, .dropdown-menu a:hover {
background-color: rgb(var(--color-key) / 1);
color: rgb(var(--color-invert) / 1);
}
.dropdown-menu.gradient button:hover, .dropdown-menu.gradient a:hover {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.dropdown-menu.gradient li:hover {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert) / 1);
}
.form-input label, .form-input-file label, .form-textarea label, .form-select label {
color: rgb(var(--color-key) / 1);
}
.form-input-dropdown.air span, .form-input.air input, .form-textarea.air textarea {
border-inline-style: var(--tw-border-style);
border-inline-width: 0px;
border-top-style: var(--tw-border-style);
border-top-width: 0px;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
background-color: rgb(var(--color-invert) / var(--shader-base));
border-color: var(--df-form-underline-color, transparent);
}
.form-input-dropdown.air span:hover, .form-input.air input:hover, .form-input.air input:focus, .form-textarea.air textarea:hover, .form-textarea.air textarea:focus {
border-inline-style: var(--tw-border-style);
border-inline-width: 0px;
border-top-style: var(--tw-border-style);
border-top-width: 0px;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: var(--df-form-underline-color, rgb(var(--color-key)));
}
.form-select.air select, .form-input-file.air input {
border-inline-style: var(--tw-border-style);
border-inline-width: 0px;
border-top-style: var(--tw-border-style);
border-top-width: 0px;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: var(--df-form-underline-color, transparent);
}
.form-select.air select:hover, .form-select.air select:focus, .form-input-file.air input:hover, .form-input-file.air input:focus {
border-inline-style: var(--tw-border-style);
border-inline-width: 0px;
border-top-style: var(--tw-border-style);
border-top-width: 0px;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: var(--df-form-underline-color, rgb(var(--color-key)));
}
.form-input, .form-input-combo, .form-textarea, .form-select {
background-color: transparent;
--tw-ring-color: rgb(var(--color-key) / 1);
}
.form-input input, .form-input-file input, .form-input-combo input, .form-textarea textarea {
background-color: transparent;
}
.form-input-dropdown span:hover, .form-input input:hover, .form-input input:focus, .form-input-file input:hover, .form-input-file input:focus, .form-input-combo input:hover, .form-input-combo input:focus, .form-textarea textarea:hover, .form-textarea textarea:focus, .form-select select:hover, .form-select select:focus {
background-color: rgb(var(--color-invert) / var(--shader-base));
}
.block-callout {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert) / 1);
}
.block-callout hgroup h3 {
color: rgb(var(--color-invert) / 1);
}
.chip, .chip.primary {
background-color: rgb(var(--color-key) / 1);
color: rgb(var(--color-invert) / 1);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--border-button) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: rgb(var(--color-key) / 1);
--tw-ring-inset: inset;
}
.chip:hover, .chip.primary:hover {
background-color: color-mix(in srgb, rgb(rgb(var(--color-key) / 1) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, rgb(var(--color-key) / 1) 5%, transparent);
}
color: rgb(var(--color-key) / 1);
}
.chip.secondary {
background-color: transparent;
color: rgb(var(--color-key) / 1);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--border-button) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: rgb(var(--color-key) / 1);
--tw-ring-inset: inset;
}
.chip.secondary:hover {
background-color: rgb(var(--color-key) / 1);
color: rgb(var(--color-invert) / 1);
}
.chip.gradient {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: border-box;
color: rgb(var(--color-invert) / 1);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.chip.gradient:hover {
color: rgb(var(--color-invert) / 1);
}
nav.menu {
box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
}
nav.menu a p {
background-color: rgb(var(--color-background) / 1);
color: rgb(var(--color-secondary) / 1);
}
nav.menu a:hover p {
background-color: rgb(var(--color-key) / 1);
color: rgb(var(--color-invert) / 1);
}
nav.menu a.nav-gradient {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.toggle-menu i, .toggle-menu:link i, .toggle-menu:visited i, .toggle-menu:focus i {
color: rgb(var(--color-secondary) / 1);
}
.toggle-menu:hover i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
text-decoration-line: none;
}
.toggle-menu:active i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: var(--color-key-gradient-active-opacity);
}
.toggle-menu-gradient i, .toggle-menu-gradient:link i, .toggle-menu-gradient:visited i, .toggle-menu-gradient:focus i {
color: rgb(var(--color-secondary) / 1);
}
.toggle-menu-gradient:hover i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
text-decoration-line: none;
}
.toggle-menu-gradient:active i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: var(--color-key-gradient-active-opacity);
}
h1, h2 ,h3 ,h4 ,h5, h6 {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
text-decoration-line: none;
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
text-decoration-line: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: var(--color-key-gradient-active-opacity);
}
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: var(--color-key-gradient-active-opacity);
}
p a {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
font-style: italic;
text-decoration-line: none;
}
p a:link, p a:visited, p a:focus {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
font-style: italic;
text-decoration-line: none;
}
p a:hover {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: var(--color-key-gradient-active-opacity);
}
p a:active {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: var(--color-key-gradient-active-opacity);
}
:is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .button.icon.gradient span, :is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .button.icon.square.gradient span {
background-color: rgb(var(--color-primary) / 0);
}
:is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .button.icon.gradient:hover span, :is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .button.icon.square.gradient:hover span {
background-color: rgb(var(--color-primary) / var(--color-key-gradient-invert-opacity));
}
:is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .button.icon.gradient p, :is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .button.icon.square.gradient p {
color: rgb(var(--color-invert) / 1);
}
:is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .button.icon.gradient:hover p, :is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .button.icon.square.gradient:hover p {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .form-input-dropdown span:hover, :is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .form-input input:hover, :is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .form-input input:focus, :is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .form-input-file input:hover, :is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .form-input-file input:focus, :is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .form-input-combo input:hover, :is(.theme-invert, .theme-invert-transparent, .theme-alt-invert, .theme-alt-invert-transparent) .form-input-combo input:focus {
background: linear-gradient(to right, rgba(var(--color-key-rgb), calc(1 - var(--color-key-gradient-invert-opacity))), rgba(var(--color-key-end-rgb), calc(1 - var(--color-key-gradient-invert-opacity))));
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button, :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button.secondary:hover, :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button.secondary.active {
background-color: rgb(var(--color-invert) / 1);
color: rgb(var(--color-key) / 1);
--tw-ring-color: rgb(var(--color-invert) / 1);
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button p, :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button i {
color: rgb(var(--color-key) / 1);
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button:hover, :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button.active, :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button.secondary {
background-color: transparent;
color: rgb(var(--color-invert) / 1);
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button:hover p, :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button:hover i {
color: rgb(var(--color-invert) / 1);
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .chip {
background-color: rgb(var(--color-invert) / 1);
color: rgb(var(--color-key) / 1);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--border-button) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: rgb(var(--color-invert) / 1);
--tw-ring-inset: inset;
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .chip:hover {
background-color: color-mix(in srgb, rgb(rgb(var(--color-invert) / 1) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, rgb(var(--color-invert) / 1) 5%, transparent);
}
color: rgb(var(--color-invert) / 1);
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .chip.secondary {
background-color: transparent;
color: rgb(var(--color-invert) / 1);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--border-button) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: rgb(var(--color-invert) / 1);
--tw-ring-inset: inset;
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .chip.secondary:hover {
background-color: rgb(var(--color-invert) / 1);
color: rgb(var(--color-key) / 1);
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .form-input, :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .form-input-combo, :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .form-textarea, :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .form-select {
--tw-ring-color: rgb(var(--color-invert) / 1);
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .form-input label, :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .form-input-file label, :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .form-textarea label, :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .form-select label {
color: rgb(var(--color-invert) / 1);
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button.icon, :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button.icon.dropdown p {
color: rgb(var(--color-invert) / 1);
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button.icon:hover {
--tw-ring-color: rgb(var(--color-invert) / 1);
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button.icon.dropdown {
color: rgb(var(--color-invert) / 1);
--tw-ring-color: rgb(var(--color-invert) / 1);
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .button.icon.dropdown:hover {
background-color: rgb(var(--color-invert) / 1);
color: rgb(var(--color-key) / 1);
}
:is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient) .block-callout {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert) / 1);
}
.theme-alt, .theme-alt-transparent, .theme-alt-invert, .theme-alt-invert-transparent, .theme-key-alt, .theme-key-alt-gradient {
--color-key: var(--qs-color-key-alt);
--color-key-rgb: var(--qs-color-key-alt-rgb);
--color-key-end: var(--qs-color-key-end-alt);
--color-key-end-rgb: var(--qs-color-key-end-alt-rgb);
--color-primary: var(--qs-color-primary-alt);
--color-secondary: var(--qs-color-secondary-alt);
--color-tertiary: var(--qs-color-tertiary-alt);
--color-invert: var(--qs-color-invert-alt);
--color-background: var(--qs-color-background-alt);
--color-background-start: var(--qs-color-background-start-alt);
--color-background-start-rgb: var(--qs-color-background-start-alt-rgb);
--color-background-end: var(--qs-color-background-end-alt);
--color-background-end-rgb: var(--qs-color-background-end-alt-rgb);
--color-background-direction: var(--qs-color-background-alt-direction);
--color-key-invert: var(--color-key-alt-invert);
--color-key-invert-end: var(--color-key-end-alt-invert);
--color-key-gradient-invert: var(--color-key-alt-gradient-invert);
--color-key-gradient-invert-opacity: var(--color-key-alt-gradient-invert-opacity);
--color-key-gradient-active-opacity: var(--color-key-alt-gradient-active-opacity);
--color-disabled: var(--qs-color-disabled-alt);
}
MAIN.theme-bg-image, SECTION.theme-bg-image {
background-size: cover;
background-position: var(--theme-bg-image-position);
background-repeat: no-repeat;
background-image: var(--theme-bg-image);
}
MAIN.theme-alt-bg-image, SECTION.theme-alt-bg-image {
background-size: cover;
background-position: var(--theme-alt-bg-image-position);
background-repeat: no-repeat;
background-image: var(--theme-alt-bg-image);
}
MAIN.theme-bg-video, SECTION.theme-bg-video {
position: relative;
}
MAIN.theme-bg-video > video, SECTION.theme-bg-video > video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
object-fit: cover;
object-position: var(--theme-bg-video-position);
}
MAIN.theme-bg-video > .centerframe-grid, SECTION.theme-bg-video > .centerframe-grid, MAIN.theme-bg-video > .section-grid, SECTION.theme-bg-video > .section-grid {
position: relative;
z-index: 1;
}
SECTION.theme-bg-video.theme-transparent > video, SECTION.theme-bg-video.theme-alt-transparent > video {
display: none;
}
MAIN.theme-alt-bg-video, SECTION.theme-alt-bg-video {
position: relative;
}
MAIN.theme-alt-bg-video > video, SECTION.theme-alt-bg-video > video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
object-fit: cover;
object-position: var(--theme-alt-bg-video-position);
}
MAIN.theme-alt-bg-video > .centerframe-grid, SECTION.theme-alt-bg-video > .centerframe-grid, MAIN.theme-alt-bg-video > .section-grid, SECTION.theme-alt-bg-video > .section-grid {
position: relative;
z-index: 1;
}
SECTION.theme-alt-bg-video.theme-transparent > video, SECTION.theme-alt-bg-video.theme-alt-transparent > video {
display: none;
}
.mobile-visible {
visibility: visible;
@media (width >= 640px) {
visibility: hidden;
}
}
.mobile-invisible {
visibility: hidden;
@media (width >= 640px) {
visibility: visible;
}
}
.mobile-none-block {
display: none;
@media (width >= 640px) {
display: block;
}
}
.mobile-none-flex {
display: none;
@media (width >= 640px) {
display: flex;
}
}
.mobile-only-block {
display: block;
@media (width >= 640px) {
display: none;
}
}
.mobile-1 {
order: 1;
@media (width >= 640px) {
order: 0;
}
}
.mobile-2 {
order: 2;
@media (width >= 640px) {
order: 0;
}
}
.mobile-3 {
order: 3;
@media (width >= 640px) {
order: 0;
}
}
.mobile-4 {
order: 4;
@media (width >= 640px) {
order: 0;
}
}
.mobile-5 {
order: 5;
@media (width >= 640px) {
order: 0;
}
}
.mobile-6 {
order: 6;
@media (width >= 640px) {
order: 0;
}
}
.mobile-7 {
order: 7;
@media (width >= 640px) {
order: 0;
}
}
.mobile-8 {
order: 8;
@media (width >= 640px) {
order: 0;
}
}
.mobile-9 {
order: 9;
@media (width >= 640px) {
order: 0;
}
}
.mobile-10 {
order: 10;
@media (width >= 640px) {
order: 0;
}
}
.mobile-11 {
order: 11;
@media (width >= 640px) {
order: 0;
}
}
.mobile-12 {
order: 12;
@media (width >= 640px) {
order: 0;
}
}
header {
padding-inline: var(--spacing-shoulder-base);
padding-block: var(--pad-header-base);
}
.header-base {
padding-inline: 0px;
padding-block: 0px;
}
.header-grid {
grid-template-columns: repeat(var(--layout-cols-base), minmax(0, 1fr));
column-gap: var(--spacing-gutter-base);
}
.header-flex nav {
column-gap: var(--spacing-gutter-base);
}
footer {
padding-inline: var(--spacing-shoulder-base);
padding-block: var(--pad-section-base);
}
.footer-base {
padding-inline: 0px;
padding-block: 0px;
}
.footer-grid {
grid-template-columns: repeat(var(--layout-cols-base), minmax(0, 1fr));
gap: var(--spacing-gutter-base);
}
.footer-flex nav {
gap: var(--spacing-gutter-base);
}
.block-logo {
height: var(--element-base-size);
align-items: center;
}
section {
padding-inline: var(--spacing-shoulder-base);
padding-block: var(--pad-section-base);
}
.section-grid, .centerframe-grid, .grid-base, main.main-grid {
grid-template-columns: repeat(var(--layout-cols-base), minmax(0, 1fr));
gap: var(--spacing-gutter-base);
}
.grid-cols {
grid-template-columns: repeat(var(--layout-cols-base), minmax(0, 1fr));
}
.section-flex, .centerframe-flex, .flex-base, main.main-flex, .grid-auto {
gap: var(--spacing-gutter-base);
}
.section-grid.gap-2gutter, .centerframe-grid.gap-2gutter, .grid-base.gap-2gutter, .section-flex.gap-2gutter, .centerframe-flex.gap-2gutter, .flex-base.gap-2gutter, main.main-flex.gap-2gutter {
gap: calc(2 * var(--spacing-gutter-base));
}
.section-grid .block-xs, .centerframe-grid .block-xs, .grid-base .block-xs, main.main-grid .block-xs {
grid-column: span var(--layout-cols-base-min) / span var(--layout-cols-min-base);
overflow-wrap: anywhere;
}
.section-grid .block-sm, .centerframe-grid .block-sm, .grid-base .block-sm, main.main-grid .block-sm {
grid-column: span var(--layout-cols-base-half) / span var(--layout-cols-base-half);
overflow-wrap: anywhere;
}
.section-grid .block-smx, .centerframe-grid .block-smx, .grid-base .block-smx, main.main-grid .block-smx {
grid-column: span var(--layout-cols-base) / span var(--layout-cols-base);
overflow-wrap: anywhere;
}
.section-grid .block-md, .centerframe-grid .block-md, .grid-base .block-md, main.main-grid .block-md {
grid-column: span var(--layout-cols-base) / span var(--layout-cols-base);
overflow-wrap: anywhere;
}
.section-grid .block-mdx, .centerframe-grid .block-mdx, .grid-base .block-mdx, main.main-grid .block-mdx {
grid-column: span var(--layout-cols-base) / span var(--layout-cols-base);
overflow-wrap: anywhere;
}
.section-grid .block-lg, .centerframe-grid .block-lg, .grid-base .block-lg, main.main-grid .block-lg {
grid-column: span var(--layout-cols-base) / span var(--layout-cols-base);
overflow-wrap: anywhere;
}
.section-grid .block-lgx, .centerframe-grid .block-lgx, .grid-base .block-lgx, main.main-grid .block-lgx {
grid-column: span var(--layout-cols-base) / span var(--layout-cols-base);
overflow-wrap: anywhere;
}
.section-grid .block-xl, .centerframe-grid .block-xl, .grid-base .block-xl, main.main-grid .block-xl {
grid-column: span var(--layout-cols-base) / span var(--layout-cols-base);
overflow-wrap: anywhere;
}
.section-grid .block-xlx, .centerframe-grid .block-xlx, .grid-base .block-xlx, main.main-grid .block-xlx {
grid-column: span var(--layout-cols-base) / span var(--layout-cols-base);
overflow-wrap: anywhere;
}
.section-grid .block-2xl, .centerframe-grid .block-2xl, .grid-base .block-2xl, main.main-grid .block-2xl {
grid-column: span var(--layout-cols-base) / span var(--layout-cols-base);
overflow-wrap: anywhere;
}
.section-grid .block-2xlx, .centerframe-grid .block-2xlx, .grid-base .block-2xlx, main.main-grid .block-2xlx {
grid-column: span var(--layout-cols-base) / span var(--layout-cols-base);
overflow-wrap: anywhere;
}
.section-grid .block-full, .centerframe-grid .block-full, .grid-base .block-full, main.main-grid .block-full {
grid-column: 1 / -1;
overflow-wrap: anywhere;
}
.section-flex .block-xs, .centerframe-flex .block-xs, .flex-base .block-xs, main.main-flex .block-xs {
min-width: 0px;
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(33.333333% - var(--spacing-gutter-base));
overflow-wrap: anywhere;
}
.section-flex .block-sm, .centerframe-flex .block-sm, .flex-base .block-sm, main.main-flex .block-sm {
min-width: 0px;
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(50% - var(--spacing-gutter-base));
overflow-wrap: anywhere;
}
.section-flex .block-smx, .centerframe-flex .block-smx, .flex-base .block-smx, main.main-flex .block-smx {
min-width: 0px;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
overflow-wrap: anywhere;
}
.section-flex .block-md, .centerframe-flex .block-md, .flex-base .block-md, main.main-flex .block-md {
min-width: 0px;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
overflow-wrap: anywhere;
}
.section-flex .block-mdx, .centerframe-flex .block-mdx, .flex-base .block-mdx, main.main-flex .block-mdx {
min-width: 0px;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
overflow-wrap: anywhere;
}
.section-flex .block-lg, .centerframe-flex .block-lg, .flex-base .block-lg, main.main-flex .block-lg {
min-width: 0px;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
overflow-wrap: anywhere;
}
.section-flex .block-lgx, .centerframe-flex .block-lgx, .flex-base .block-lgx, main.main-flex .block-lgx {
min-width: 0px;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
overflow-wrap: anywhere;
}
.section-flex .block-xl, .centerframe-flex .block-xl, .flex-base .block-xl, main.main-flex .block-xl {
min-width: 0px;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
overflow-wrap: anywhere;
}
.section-flex .block-xlx, .centerframe-flex .block-xlx, .flex-base .block-xlx, main.main-flex .block-xlx {
min-width: 0px;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
overflow-wrap: anywhere;
}
.section-flex .block-2xl, .centerframe-flex .block-2xl, .flex-base .block-2xl, main.main-flex .block-2xl {
min-width: 0px;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
overflow-wrap: anywhere;
}
.section-flex .block-2xlx, .centerframe-flex .block-2xlx, .flex-base .block-2xlx, main.main-flex .block-2xlx {
min-width: 0px;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
overflow-wrap: anywhere;
}
.section-flex .block-full, .centerframe-flex .block-full, .flex-base .block-full, main.main-flex .block-full {
min-width: 0px;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
overflow-wrap: anywhere;
}
.card {
border-radius: var(--radius-article-base);
padding: var(--pad-article-base);
}
.card.interactive {
cursor: pointer;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.card.interactive:hover {
--tw-translate-y: -1px;
translate: var(--tw-translate-x) var(--tw-translate-y);
--tw-shadow: var(--shadow-base);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.card-base {
border-radius: var(--radius-article-base);
}
:where(:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-block-base) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-block-base) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.block-base.card, .block-xs.card, .block-sm.card, .block-smx.card, .block-md.card, .block-mdx.card, .block-lg.card, .block-lgx.card, .block-xl.card, .block-xlx.card, .block-2xl.card, .block-2xlx.card, .block-full.card) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-base) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-base) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.block-base.card-base, .block-xs.card-base, .block-sm.card-base, .block-smx.card-base, .block-md.card-base, .block-mdx.card-base, .block-lg.card-base, .block-lgx.card-base, .block-xl.card-base, .block-xlx.card-base, .block-2xl.card-base, .block-2xlx.card-base, .block-full.card-base) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
:where(:is(.stack-y, .block-base.stack-y, .block-xs.stack-y, .block-sm.stack-y, .block-smx.stack-y, .block-md.stack-y, .block-mdx.stack-y, .block-lg.stack-y, .block-lgx.stack-y, .block-xl.stack-y, .block-xlx.stack-y, .block-2xl.stack-y, .block-2xlx.stack-y) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-base) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-base) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.stack-x, .block-base.stack-x, .block-xs.stack-x, .block-sm.stack-x, .block-smx.stack-x, .block-md.stack-x, .block-mdx.stack-x, .block-lg.stack-x, .block-lgx.stack-x, .block-xl.stack-x, .block-xlx.stack-x, .block-2xl.stack-x, .block-2xlx.stack-x) > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(var(--spacing-card-base) * var(--tw-space-x-reverse));
margin-inline-end: calc(var(--spacing-card-base) * calc(1 - var(--tw-space-x-reverse)));
}
.datarow, .formrow, .controlrow {
column-gap: var(--gap-stack-base);
row-gap: var(--spacing-sub-base);
}
.card .datarow, .card-base .datarow, .card .formrow, .card-base .formrow {
column-gap: var(--spacing-card-base);
row-gap: var(--spacing-sub-base);
}
.px-section-safeview-base {
padding-inline-start: max(var(--spacing-shoulder-base), env(safe-area-inset-left));
padding-inline-end: max(var(--spacing-shoulder-base), env(safe-area-inset-right));
}
img.card, video.card, img.card-base, video.card-base {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}
object-fit: cover;
object-position: center;
padding: 0px;
}
:where(hgroup.display > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--gap-hgroup-display) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--gap-hgroup-display) * calc(1 - var(--tw-space-y-reverse)));
}
:where(hgroup.heading > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--gap-hgroup-heading) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--gap-hgroup-heading) * calc(1 - var(--tw-space-y-reverse)));
}
:where(hgroup.title > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--gap-hgroup-title) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--gap-hgroup-title) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.hgroup-display > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--gap-hgroup-display) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--gap-hgroup-display) * calc(1 - var(--tw-space-y-reverse)));
}
}
@layer df-core {
h1 {
font-size: var(--text-h1a-size);
line-height: var(--tw-leading, var(--text-h1a-lh));
}
header nav a.nav, header nav a:link.nav, header nav a:visited {
font-size: var(--text-nava-size);
line-height: var(--tw-leading, var(--text-nava-lh));
}
footer nav a.nav, footer nav a:link.nav, footer nav a:visited {
font-size: var(--text-nava-size);
--tw-leading: var(--text-p2-lh);
line-height: var(--text-p2-lh);
}
.stack-link-icons {
padding-top: var(--spacing-sub-base);
}
@media (min-width:640px) {
header {
padding-inline: var(--spacing-shoulder-sm);
padding-block: var(--pad-header-sm);
}
.header-base {
padding-inline: 0px;
padding-block: 0px;
}
.header-grid nav {
grid-template-columns: repeat(var(--layout-cols-sm), minmax(0, 1fr));
column-gap: var(--spacing-gutter-sm);
}
.header-flex nav {
column-gap: var(--spacing-gutter-sm);
}
footer {
padding-inline: var(--spacing-shoulder-sm);
padding-block: var(--pad-section-sm);
}
.footer-base {
padding-inline: 0px;
padding-block: 0px;
}
.footer-grid {
grid-template-columns: repeat(var(--layout-cols-sm), minmax(0, 1fr));
gap: var(--spacing-gutter-sm);
}
.footer-flex nav {
gap: var(--spacing-gutter-sm);
}
section {
padding-inline: var(--spacing-shoulder-sm);
padding-block: var(--pad-section-sm);
}
.section-grid, .centerframe-grid, .grid-base, main.main-grid {
grid-template-columns: repeat(var(--layout-cols-sm), minmax(0, 1fr));
gap: var(--spacing-gutter-sm);
}
.grid-cols {
grid-template-columns: repeat(var(--layout-cols-sm), minmax(0, 1fr));
}
.section-flex, .centerframe-flex, .flex-base, main.main-flex, .grid-auto {
gap: var(--spacing-gutter-sm);
}
.section-grid.gap-2gutter, .centerframe-grid.gap-2gutter, .grid-base.gap-2gutter, .section-flex.gap-2gutter, .centerframe-flex.gap-2gutter, .flex-base.gap-2gutter, main.main-flex.gap-2gutter {
gap: calc(2 * var(--spacing-gutter-sm));
}
.section-grid .block-xs, .centerframe-grid .block-xs, .grid-base .block-xs, main.main-grid .block-xs {
grid-column: span var(--layout-cols-sm-min) / span var(--layout-cols-sm-min);
}
.section-grid .block-sm, .centerframe-grid .block-sm, .grid-base .block-sm, main.main-grid .block-sm {
grid-column: span var(--layout-cols-sm-third) / span var(--layout-cols-sm-third);
}
.section-grid .block-smx, .centerframe-grid .block-smx, .grid-base .block-smx, main.main-grid .block-smx {
grid-column: span var(--layout-cols-sm-half) / span var(--layout-cols-sm-half);
}
.section-grid .block-md, .centerframe-grid .block-md, .grid-base .block-md, main.main-grid .block-md {
grid-column: span var(--layout-cols-sm) / span var(--layout-cols-sm);
}
.section-grid .block-mdx, .centerframe-grid .block-mdx, .grid-base .block-mdx, main.main-grid .block-mdx {
grid-column: span var(--layout-cols-sm) / span var(--layout-cols-sm);
}
.section-grid .block-lg, .centerframe-grid .block-lg, .grid-base .block-lg, main.main-grid .block-lg {
grid-column: span var(--layout-cols-sm) / span var(--layout-cols-sm);
}
.section-grid .block-lgx, .centerframe-grid .block-lgx, .grid-base .block-lgx, main.main-grid .block-lgx {
grid-column: span var(--layout-cols-sm) / span var(--layout-cols-sm);
}
.section-grid .block-xl, .centerframe-grid .block-xl, .grid-base .block-xl, main.main-grid .block-xl {
grid-column: span var(--layout-cols-sm) / span var(--layout-cols-sm);
}
.section-grid .block-xlx, .centerframe-grid .block-xlx, .grid-base .block-xlx, main.main-grid .block-xlx {
grid-column: span var(--layout-cols-sm) / span var(--layout-cols-sm);
}
.section-grid .block-2xl, .centerframe-grid .block-2xl, .grid-base .block-2xl, main.main-grid .block-2xl {
grid-column: span var(--layout-cols-sm) / span var(--layout-cols-sm);
}
.section-grid .block-2xlx, .centerframe-grid .block-2xlx, .grid-base .block-2xlx, main.main-grid .block-2xlx {
grid-column: span var(--layout-cols-sm) / span var(--layout-cols-sm);
}
.section-grid .block-full, .centerframe-grid .block-full, .grid-base .block-full, main.main-grid .block-full {
grid-column: 1 / -1;
}
.section-flex .block-xs, .centerframe-flex .block-xs, .flex-base .block-xs, main.main-flex .block-xs {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(16.666666% - var(--spacing-gutter-sm));
}
.section-flex .block-sm, .centerframe-flex .block-sm, .flex-base .block-sm, main.main-flex .block-sm {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(33.333333% - var(--spacing-gutter-sm));
}
.section-flex .block-smx, .centerframe-flex .block-smx, .flex-base .block-smx, main.main-flex .block-smx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(50% - var(--spacing-gutter-sm));
}
.section-flex .block-md, .centerframe-flex .block-md, .flex-base .block-md, main.main-flex .block-md {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-mdx, .centerframe-flex .block-mdx, .flex-base .block-mdx, main.main-flex .block-mdx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-lg, .centerframe-flex .block-lg, .flex-base .block-lg, main.main-flex .block-lg {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-lgx, .centerframe-flex .block-lgx, .flex-base .block-lgx, main.main-flex .block-lgx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-xl, .centerframe-flex .block-xl, .flex-base .block-xl, main.main-flex .block-xl {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-xlx, .centerframe-flex .block-xlx, .flex-base .block-xlx, main.main-flex .block-xlx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-2xl, .centerframe-flex .block-2xl, .flex-base .block-2xl, main.main-flex .block-2xl {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-2xlx, .centerframe-flex .block-2xlx, .flex-base .block-2xlx, main.main-flex .block-2xlx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-full, .centerframe-flex .block-full, .flex-base .block-full, main.main-flex .block-full {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.card {
border-radius: var(--radius-article-sm);
padding: var(--pad-article-sm);
}
.card-base {
border-radius: var(--radius-article-sm);
}
:where(:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-block-sm) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-block-sm) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.block-base.card, .block-xs.card, .block-sm.card, .block-smx.card, .block-md.card, .block-mdx.card, .block-lg.card, .block-lgx.card, .block-xl.card, .block-xlx.card, .block-2xl.card, .block-2xlx.card, .block-full.card) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-sm) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-sm) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.stack-y, .block-base.stack-y, .block-xs.stack-y, .block-sm.stack-y, .block-smx.stack-y, .block-md.stack-y, .block-mdx.stack-y, .block-lg.stack-y, .block-lgx.stack-y, .block-xl.stack-y, .block-xlx.stack-y, .block-2xl.stack-y, .block-2xlx.stack-y) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-sm) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-sm) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.stack-x, .block-base.stack-x, .block-xs.stack-x, .block-sm.stack-x, .block-smx.stack-x, .block-md.stack-x, .block-mdx.stack-x, .block-lg.stack-x, .block-lgx.stack-x, .block-xl.stack-x, .block-xlx.stack-x, .block-2xl.stack-x, .block-2xlx.stack-x) > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(var(--spacing-card-sm) * var(--tw-space-x-reverse));
margin-inline-end: calc(var(--spacing-card-sm) * calc(1 - var(--tw-space-x-reverse)));
}
.datarow, .formrow, .controlrow {
gap: var(--gap-stack-sm);
}
.card .datarow, .card-base .datarow, .card .formrow, .card-base .formrow {
gap: var(--spacing-card-sm);
}
h1 {
font-size: var(--text-h1a-size);
line-height: var(--tw-leading, var(--text-h1a-lh));
}
header nav a.nav, header nav a:link.nav, header nav a:visited {
font-size: var(--text-nava-size);
line-height: var(--tw-leading, var(--text-nava-lh));
}
footer nav a.nav, footer nav a:link.nav, footer nav a:visited {
font-size: var(--text-nava-size);
--tw-leading: var(--text-p2-lh);
line-height: var(--text-p2-lh);
}
}
@media (min-width:768px) {
header {
padding-inline: var(--spacing-shoulder-md);
padding-block: var(--pad-header-md);
}
.header-base {
padding-inline: 0px;
padding-block: 0px;
}
.header-grid nav {
grid-template-columns: repeat(var(--layout-cols-md), minmax(0, 1fr));
column-gap: var(--spacing-gutter-md);
}
.header-flex nav {
column-gap: var(--spacing-gutter-md);
}
footer {
padding-inline: var(--spacing-shoulder-md);
padding-block: var(--pad-section-md);
}
.footer-base {
padding-inline: 0px;
padding-block: 0px;
}
.footer-grid {
grid-template-columns: repeat(var(--layout-cols-md), minmax(0, 1fr));
gap: var(--spacing-gutter-md);
}
.footer-flex nav {
gap: var(--spacing-gutter-md);
}
section {
padding-inline: var(--spacing-shoulder-md);
padding-block: var(--pad-section-md);
}
.section-grid, .centerframe-grid, .grid-base, main.main-grid {
grid-template-columns: repeat(var(--layout-cols-md), minmax(0, 1fr));
gap: var(--spacing-gutter-md);
}
.grid-cols {
grid-template-columns: repeat(var(--layout-cols-md), minmax(0, 1fr));
}
.section-flex, .centerframe-flex, .flex-base, main.main-flex, .grid-auto {
gap: var(--spacing-gutter-md);
}
.section-grid.gap-2gutter, .centerframe-grid.gap-2gutter, .grid-base.gap-2gutter, .section-flex.gap-2gutter, .centerframe-flex.gap-2gutter, .flex-base.gap-2gutter, main.main-flex.gap-2gutter {
gap: calc(2 * var(--spacing-gutter-md));
}
.section-grid .block-xs, .centerframe-grid .block-xs, .grid-base .block-xs, main.main-grid .block-xs {
grid-column: span var(--layout-cols-md-min) / span var(--layout-cols-md-min);
}
.section-grid .block-sm, .centerframe-grid .block-sm, .grid-base .block-sm, main.main-grid .block-sm {
grid-column: span var(--layout-cols-md-third) / span var(--layout-cols-md-third);
}
.section-grid .block-smx, .centerframe-grid .block-smx, .grid-base .block-smx, main.main-grid .block-smx {
grid-column: span var(--layout-cols-md-half) / span var(--layout-cols-md-half);
}
.section-grid .block-md, .centerframe-grid .block-md, .grid-base .block-md, main.main-grid .block-md {
grid-column: span var(--layout-cols-md) / span var(--layout-cols-md);
}
.section-grid .block-mdx, .centerframe-grid .block-mdx, .grid-base .block-mdx, main.main-grid .block-mdx {
grid-column: span var(--layout-cols-md) / span var(--layout-cols-md);
}
.section-grid .block-lg, .centerframe-grid .block-lg, .grid-base .block-lg, main.main-grid .block-lg {
grid-column: span var(--layout-cols-md) / span var(--layout-cols-md);
}
.section-grid .block-lgx, .centerframe-grid .block-lgx, .grid-base .block-lgx, main.main-grid .block-lgx {
grid-column: span var(--layout-cols-md) / span var(--layout-cols-md);
}
.section-grid .block-xl, .centerframe-grid .block-xl, .grid-base .block-xl, main.main-grid .block-xl {
grid-column: span var(--layout-cols-md) / span var(--layout-cols-md);
}
.section-grid .block-xlx, .centerframe-grid .block-xlx, .grid-base .block-xlx, main.main-grid .block-xlx {
grid-column: span var(--layout-cols-md) / span var(--layout-cols-md);
}
.section-grid .block-2xl, .centerframe-grid .block-2xl, .grid-base .block-2xl, main.main-grid .block-2xl {
grid-column: span var(--layout-cols-md) / span var(--layout-cols-md);
}
.section-grid .block-2xlx, .centerframe-grid .block-2xlx, .grid-base .block-2xlx, main.main-grid .block-2xlx {
grid-column: span var(--layout-cols-md) / span var(--layout-cols-md);
}
.section-grid .block-full, .centerframe-grid .block-full, .grid-base .block-full, main.main-grid .block-full {
grid-column: 1 / -1;
}
.section-grid .md\:block-md, .centerframe-grid .md\:block-md, .grid-base .md\:block-md, main.main-grid .md\:block-md {
grid-column: span var(--layout-cols-md) / span var(--layout-cols-md);
}
.section-grid .md\:block-xl, .centerframe-grid .md\:block-xl, .grid-base .md\:block-xl, main.main-grid .md\:block-xl {
grid-column: span var(--layout-cols-md) / span var(--layout-cols-md);
}
.section-flex .block-xs, .centerframe-flex .block-xs, .flex-base .block-xs, main.main-flex .block-xs {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(16.666666% - var(--spacing-gutter-md));
}
.section-flex .block-sm, .centerframe-flex .block-sm, .flex-base .block-sm, main.main-flex .block-sm {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(33.333333% - var(--spacing-gutter-md));
}
.section-flex .block-smx, .centerframe-flex .block-smx, .flex-base .block-smx, main.main-flex .block-smx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(50% - var(--spacing-gutter-md));
}
.section-flex .block-md, .centerframe-flex .block-md, .flex-base .block-md, main.main-flex .block-md {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-mdx, .centerframe-flex .block-mdx, .flex-base .block-mdx, main.main-flex .block-mdx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-lg, .centerframe-flex .block-lg, .flex-base .block-lg, main.main-flex .block-lg {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-lgx, .centerframe-flex .block-lgx, .flex-base .block-lgx, main.main-flex .block-lgx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-xl, .centerframe-flex .block-xl, .flex-base .block-xl, main.main-flex .block-xl {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-xlx, .centerframe-flex .block-xlx, .flex-base .block-xlx, main.main-flex .block-xlx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-2xl, .centerframe-flex .block-2xl, .flex-base .block-2xl, main.main-flex .block-2xl {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-2xlx, .centerframe-flex .block-2xlx, .flex-base .block-2xlx, main.main-flex .block-2xlx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .block-full, .centerframe-flex .block-full, .flex-base .block-full, main.main-flex .block-full {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .md\:block-md, .centerframe-flex .md\:block-md, .flex-base .md\:block-md, main.main-flex .md\:block-md {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .md\:block-xl, .centerframe-flex .md\:block-xl, .flex-base .md\:block-xl, main.main-flex .md\:block-xl {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.card {
border-radius: var(--radius-article-md);
padding: var(--pad-article-md);
}
.card-base {
border-radius: var(--radius-article-md);
}
:where(:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-block-md) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-block-md) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.block-base.card, .block-xs.card, .block-sm.card, .block-smx.card, .block-md.card, .block-mdx.card, .block-lg.card, .block-lgx.card, .block-xl.card, .block-xlx.card, .block-2xl.card, .block-2xlx.card, .block-full.card) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-md) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-md) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.stack-y, .block-base.stack-y, .block-xs.stack-y, .block-sm.stack-y, .block-smx.stack-y, .block-md.stack-y, .block-mdx.stack-y, .block-lg.stack-y, .block-lgx.stack-y, .block-xl.stack-y, .block-xlx.stack-y, .block-2xl.stack-y, .block-2xlx.stack-y) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-md) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-md) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.stack-x, .block-base.stack-x, .block-xs.stack-x, .block-sm.stack-x, .block-smx.stack-x, .block-md.stack-x, .block-mdx.stack-x, .block-lg.stack-x, .block-lgx.stack-x, .block-xl.stack-x, .block-xlx.stack-x, .block-2xl.stack-x, .block-2xlx.stack-x) > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(var(--spacing-card-md) * var(--tw-space-x-reverse));
margin-inline-end: calc(var(--spacing-card-md) * calc(1 - var(--tw-space-x-reverse)));
}
.datarow, .formrow, .controlrow {
gap: var(--gap-stack-md);
}
.card .datarow, .card-base .datarow, .card .formrow, .card-base .formrow {
gap: var(--spacing-card-md);
}
h1 {
font-size: var(--text-h1a-size);
line-height: var(--tw-leading, var(--text-h1a-lh));
}
header nav a.nav, header nav a:link.nav, header nav a:visited {
font-size: var(--text-nava-size);
line-height: var(--tw-leading, var(--text-nava-lh));
}
footer nav a.nav, footer nav a:link.nav, footer nav a:visited {
font-size: var(--text-nava-size);
--tw-leading: var(--text-p2-lh);
line-height: var(--text-p2-lh);
}
}
@media (min-width:960px) {
header {
padding-inline: var(--spacing-shoulder-lg);
padding-block: var(--pad-header-lg);
}
.header-base {
padding-inline: 0px;
padding-block: 0px;
}
.header-grid nav {
grid-template-columns: repeat(var(--layout-cols-lg), minmax(0, 1fr));
column-gap: var(--spacing-gutter-lg);
}
.header-flex nav {
column-gap: var(--spacing-gutter-lg);
}
footer {
padding-inline: var(--spacing-shoulder-lg);
padding-block: var(--pad-section-lg);
}
.footer-base {
padding-inline: 0px;
padding-block: 0px;
}
.footer-grid {
grid-template-columns: repeat(var(--layout-cols-lg), minmax(0, 1fr));
gap: var(--spacing-gutter-lg);
}
.footer-flex nav {
gap: var(--spacing-gutter-lg);
}
section {
padding-inline: var(--spacing-shoulder-lg);
padding-block: var(--pad-section-lg);
}
.section-grid, .centerframe-grid, .grid-base, main.main-grid {
grid-template-columns: repeat(var(--layout-cols-lg), minmax(0, 1fr));
gap: var(--spacing-gutter-lg);
}
.grid-cols {
grid-template-columns: repeat(var(--layout-cols-lg), minmax(0, 1fr));
}
.section-flex, .centerframe-flex, .flex-base, main.main-flex, .grid-auto {
gap: var(--spacing-gutter-lg);
}
.section-grid.gap-2gutter, .centerframe-grid.gap-2gutter, .grid-base.gap-2gutter, .section-flex.gap-2gutter, .centerframe-flex.gap-2gutter, .flex-base.gap-2gutter, main.main-flex.gap-2gutter {
gap: calc(2 * var(--spacing-gutter-lg));
}
.section-grid .block-xs, .centerframe-grid .block-xs, .grid-base .block-xs, main.main-grid .block-xs {
grid-column: span var(--layout-cols-lg-min) / span var(--layout-cols-lg-min);
}
.section-grid .block-sm, .centerframe-grid .block-sm, .grid-base .block-sm, main.main-grid .block-sm {
grid-column: span var(--layout-cols-lg-sixth) / span var(--layout-cols-lg-sixth);
}
.section-grid .block-smx, .centerframe-grid .block-smx, .grid-base .block-smx, main.main-grid .block-smx {
grid-column: span var(--layout-cols-lg-quarter) / span var(--layout-cols-lg-quarter);
}
.section-grid .block-md, .centerframe-grid .block-md, .grid-base .block-md, main.main-grid .block-md {
grid-column: span var(--layout-cols-lg-third) / span var(--layout-cols-lg-third);
}
.section-grid .block-mdx, .centerframe-grid .block-mdx, .grid-base .block-mdx, main.main-grid .block-mdx {
grid-column: span var(--layout-cols-lg-fivetwelfth) / span var(--layout-cols-lg-fivetwelfth);
}
.section-grid .block-lg, .centerframe-grid .block-lg, .grid-base .block-lg, main.main-grid .block-lg {
grid-column: span var(--layout-cols-lg-half) / span var(--layout-cols-lg-half);
}
.section-grid .block-lgx, .centerframe-grid .block-lgx, .grid-base .block-lgx, main.main-grid .block-lgx {
grid-column: span var(--layout-cols-lg-seventwelfth) / span var(--layout-cols-lg-seventwelfth);
}
.section-grid .block-xl, .centerframe-grid .block-xl, .grid-base .block-xl, main.main-grid .block-xl {
grid-column: span var(--layout-cols-lg-twothird) / span var(--layout-cols-lg-twothird);
}
.section-grid .block-xlx, .centerframe-grid .block-xlx, .grid-base .block-xlx, main.main-grid .block-xlx {
grid-column: span var(--layout-cols-lg-threefourth) / span var(--layout-cols-lg-threefourth);
}
.section-grid .block-2xl, .centerframe-grid .block-2xl, .grid-base .block-2xl, main.main-grid .block-2xl {
grid-column: span var(--layout-cols-lg-fivesixth) / span var(--layout-cols-lg-fivesixth);
}
.section-grid .block-2xlx, .centerframe-grid .block-2xlx, .grid-base .block-2xlx, main.main-grid .block-2xlx {
grid-column: span var(--layout-cols-lg-eleventwelfth) / span var(--layout-cols-lg-eleventwelfth);
}
.section-grid .block-full, .centerframe-grid .block-full, .grid-base .block-full, main.main-grid .block-full {
grid-column: 1 / -1;
}
.section-grid .md\:block-md, .centerframe-grid .md\:block-md, .grid-base .md\:block-md, main.main-grid .md\:block-md {
grid-column: span var(--layout-cols-lg-third) / span var(--layout-cols-lg-third);
}
.section-grid .md\:block-xl, .centerframe-grid .md\:block-xl, .grid-base .md\:block-xl, main.main-grid .md\:block-xl {
grid-column: span var(--layout-cols-lg-twothird) / span var(--layout-cols-lg-twothird);
}
.section-grid .lg\:block-md, .centerframe-grid .lg\:block-md, .grid-base .lg\:block-md, main.main-grid .lg\:block-md {
grid-column: span var(--layout-cols-lg-third) / span var(--layout-cols-lg-third);
}
.section-grid .lg\:block-lg, .centerframe-grid .lg\:block-lg, .grid-base .lg\:block-lg, main.main-grid .lg\:block-lg {
grid-column: span var(--layout-cols-lg-half) / span var(--layout-cols-lg-half);
}
.section-flex .block-xs, .centerframe-flex .block-xs, .flex-base .block-xs, main.main-flex .block-xs {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(8.333333% - var(--spacing-gutter-lg));
}
.section-flex .block-sm, .centerframe-flex .block-sm, .flex-base .block-sm, main.main-flex .block-sm {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(16.666666% - var(--spacing-gutter-lg));
}
.section-flex .block-smx, .centerframe-flex .block-smx, .flex-base .block-smx, main.main-flex .block-smx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(25% - var(--spacing-gutter-lg));
}
.section-flex .block-md, .centerframe-flex .block-md, .flex-base .block-md, main.main-flex .block-md {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(33.333333% - var(--spacing-gutter-lg));
}
.section-flex .block-mdx, .centerframe-flex .block-mdx, .flex-base .block-mdx, main.main-flex .block-mdx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(41.666666% - var(--spacing-gutter-lg));
}
.section-flex .block-lg, .centerframe-flex .block-lg, .flex-base .block-lg, main.main-flex .block-lg {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(50% - var(--spacing-gutter-lg));
}
.section-flex .block-lgx, .centerframe-flex .block-lgx, .flex-base .block-lgx, main.main-flex .block-lgx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(58.333333% - var(--spacing-gutter-lg));
}
.section-flex .block-xl, .centerframe-flex .block-xl, .flex-base .block-xl, main.main-flex .block-xl {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(66.666666% - var(--spacing-gutter-lg));
}
.section-flex .block-xlx, .centerframe-flex .block-xlx, .flex-base .block-xlx, main.main-flex .block-xlx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(75% - var(--spacing-gutter-lg));
}
.section-flex .block-2xl, .centerframe-flex .block-2xl, .flex-base .block-2xl, main.main-flex .block-2xl {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(83.333333% - var(--spacing-gutter-lg));
}
.section-flex .block-2xlx, .centerframe-flex .block-2xlx, .flex-base .block-2xlx, main.main-flex .block-2xlx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(91.666666% - var(--spacing-gutter-lg));
}
.section-flex .block-full, .centerframe-flex .block-full, .flex-base .block-full, main.main-flex .block-full {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .md\:block-md, .centerframe-flex .md\:block-md, .flex-base .md\:block-md, main.main-flex .md\:block-md {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(33.333333% - var(--spacing-gutter-lg));
}
.section-flex .md\:block-xl, .centerframe-flex .md\:block-xl, .flex-base .md\:block-xl, main.main-flex .md\:block-xl {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(66.666666% - var(--spacing-gutter-lg));
}
.section-flex .lg\:block-md, .centerframe-flex .lg\:block-md, .flex-base .lg\:block-md, main.main-flex .lg\:block-md {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(33.333333% - var(--spacing-gutter-lg));
}
.section-flex .lg\:block-lg, .centerframe-flex .lg\:block-lg, .flex-base .lg\:block-lg, main.main-flex .lg\:block-lg {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(50% - var(--spacing-gutter-lg));
}
.card {
border-radius: var(--radius-article-lg);
padding: var(--pad-article-lg);
}
.card-base {
border-radius: var(--radius-article-lg);
}
:where(:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-block-lg) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-block-lg) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.block-base.card, .block-xs.card, .block-sm.card, .block-smx.card, .block-md.card, .block-mdx.card, .block-lg.card, .block-lgx.card, .block-xl.card, .block-xlx.card, .block-2xl.card, .block-2xlx.card, .block-full.card) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-lg) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-lg) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.stack-y, .block-base.stack-y, .block-xs.stack-y, .block-sm.stack-y, .block-smx.stack-y, .block-md.stack-y, .block-mdx.stack-y, .block-lg.stack-y, .block-lgx.stack-y, .block-xl.stack-y, .block-xlx.stack-y, .block-2xl.stack-y, .block-2xlx.stack-y) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-lg) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-lg) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.stack-x, .block-base.stack-x, .block-xs.stack-x, .block-sm.stack-x, .block-smx.stack-x, .block-md.stack-x, .block-mdx.stack-x, .block-lg.stack-x, .block-lgx.stack-x, .block-xl.stack-x, .block-xlx.stack-x, .block-2xl.stack-x, .block-2xlx.stack-x) > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(var(--spacing-card-lg) * var(--tw-space-x-reverse));
margin-inline-end: calc(var(--spacing-card-lg) * calc(1 - var(--tw-space-x-reverse)));
}
.datarow, .formrow, .controlrow {
gap: var(--gap-stack-lg);
}
.card .datarow, .card-base .datarow, .card .formrow, .card-base .formrow {
gap: var(--spacing-card-lg);
}
h1 {
font-size: var(--text-h1-size);
--tw-leading: var(--text-h1-lh);
line-height: var(--text-h1-lh);
}
header nav a.nav, header nav a:link.nav, header nav a:visited {
font-size: var(--text-nava-size);
line-height: var(--tw-leading, var(--text-nava-lh));
}
footer nav a.nav, footer nav a:link.nav, footer nav a:visited {
font-size: var(--text-nav-size);
--tw-leading: var(--text-p1-lh);
line-height: var(--text-p1-lh);
}
}
@media (min-width:1440px) {
header {
padding-inline: var(--spacing-shoulder-xl);
padding-block: var(--pad-header-xl);
}
.header-base {
padding-inline: 0px;
padding-block: 0px;
}
.header-grid nav {
grid-template-columns: repeat(var(--layout-cols-xl), minmax(0, 1fr));
column-gap: var(--spacing-gutter-xl);
}
.header-flex nav {
column-gap: var(--spacing-gutter-xl);
}
footer {
padding-inline: var(--spacing-shoulder-xl);
padding-block: var(--pad-section-xl);
}
.footer-base {
padding-inline: 0px;
padding-block: 0px;
}
.footer-grid {
grid-template-columns: repeat(var(--layout-cols-xl), minmax(0, 1fr));
gap: var(--spacing-gutter-xl);
}
.footer-flex nav {
gap: var(--spacing-gutter-xl);
}
section {
padding-inline: var(--spacing-shoulder-xl);
padding-block: var(--pad-section-xl);
}
.section-grid, .centerframe-grid, .grid-base, main.main-grid {
grid-template-columns: repeat(var(--layout-cols-xl), minmax(0, 1fr));
gap: var(--spacing-gutter-xl);
}
.grid-cols {
grid-template-columns: repeat(var(--layout-cols-xl), minmax(0, 1fr));
}
.section-flex, .centerframe-flex, .flex-base, main.main-flex, .grid-auto {
gap: var(--spacing-gutter-xl);
}
.section-grid.gap-2gutter, .centerframe-grid.gap-2gutter, .grid-base.gap-2gutter, .section-flex.gap-2gutter, .centerframe-flex.gap-2gutter, .flex-base.gap-2gutter, main.main-flex.gap-2gutter {
gap: calc(2 * var(--spacing-gutter-xl));
}
.section-grid .block-xs, .centerframe-grid .block-xs, .grid-base .block-xs, main.main-grid .block-xs {
grid-column: span var(--layout-cols-xl-min) / span var(--layout-cols-xl-min);
}
.section-grid .block-sm, .centerframe-grid .block-sm, .grid-base .block-sm, main.main-grid .block-sm {
grid-column: span var(--layout-cols-xl-sixth) / span var(--layout-cols-xl-sixth);
}
.section-grid .block-smx, .centerframe-grid .block-smx, .grid-base .block-smx, main.main-grid .block-smx {
grid-column: span var(--layout-cols-xl-quarter) / span var(--layout-cols-xl-quarter);
}
.section-grid .block-md, .centerframe-grid .block-md, .grid-base .block-md, main.main-grid .block-md {
grid-column: span var(--layout-cols-xl-third) / span var(--layout-cols-xl-third);
}
.section-grid .block-mdx, .centerframe-grid .block-mdx, .grid-base .block-mdx, main.main-grid .block-mdx {
grid-column: span var(--layout-cols-xl-fivetwelfth) / span var(--layout-cols-xl-fivetwelfth);
}
.section-grid .block-lg, .centerframe-grid .block-lg, .grid-base .block-lg, main.main-grid .block-lg {
grid-column: span var(--layout-cols-xl-half) / span var(--layout-cols-xl-half);
}
.section-grid .block-lgx, .centerframe-grid .block-lgx, .grid-base .block-lgx, main.main-grid .block-lgx {
grid-column: span var(--layout-cols-xl-seventwelfth) / span var(--layout-cols-xl-seventwelfth);
}
.section-grid .block-xl, .centerframe-grid .block-xl, .grid-base .block-xl, main.main-grid .block-xl {
grid-column: span var(--layout-cols-xl-twothird) / span var(--layout-cols-xl-twothird);
}
.section-grid .block-xlx, .centerframe-grid .block-xlx, .grid-base .block-xlx, main.main-grid .block-xlx {
grid-column: span var(--layout-cols-xl-threefourth) / span var(--layout-cols-xl-threefourth);
}
.section-grid .block-2xl, .centerframe-grid .block-2xl, .grid-base .block-2xl, main.main-grid .block-2xl {
grid-column: span var(--layout-cols-xl-fivesixth) / span var(--layout-cols-xl-fivesixth);
}
.section-grid .block-2xlx, .centerframe-grid .block-2xlx, .grid-base .block-2xlx, main.main-grid .block-2xlx {
grid-column: span var(--layout-cols-xl-eleventwelfth) / span var(--layout-cols-xl-eleventwelfth);
}
.section-grid .block-full, .centerframe-grid .block-full, .grid-base .block-full, main.main-grid .block-full {
grid-column: 1 / -1;
}
.section-grid .md\:block-md, .centerframe-grid .md\:block-md, .grid-base .md\:block-md, main.main-grid .md\:block-md {
grid-column: span var(--layout-cols-xl-third) / span var(--layout-cols-xl-third);
}
.section-grid .md\:block-xl, .centerframe-grid .md\:block-xl, .grid-base .md\:block-xl, main.main-grid .md\:block-xl {
grid-column: span var(--layout-cols-xl-twothird) / span var(--layout-cols-xl-twothird);
}
.section-grid .lg\:block-md, .centerframe-grid .lg\:block-md, .grid-base .lg\:block-md, main.main-grid .lg\:block-md {
grid-column: span var(--layout-cols-xl-third) / span var(--layout-cols-xl-third);
}
.section-grid .lg\:block-lg, .centerframe-grid .lg\:block-lg, .grid-base .lg\:block-lg, main.main-grid .lg\:block-lg {
grid-column: span var(--layout-cols-xl-half) / span var(--layout-cols-xl-half);
}
.section-flex .block-xs, .centerframe-flex .block-xs, .flex-base .block-xs, main.main-flex .block-xs {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(8.333333% - var(--spacing-gutter-xl));
}
.section-flex .block-sm, .centerframe-flex .block-sm, .flex-base .block-sm, main.main-flex .block-sm {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(16.666666% - var(--spacing-gutter-xl));
}
.section-flex .block-smx, .centerframe-flex .block-smx, .flex-base .block-smx, main.main-flex .block-smx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(25% - var(--spacing-gutter-xl));
}
.section-flex .block-md, .centerframe-flex .block-md, .flex-base .block-md, main.main-flex .block-md {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(33.333333% - var(--spacing-gutter-xl));
}
.section-flex .block-mdx, .centerframe-flex .block-mdx, .flex-base .block-mdx, main.main-flex .block-mdx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(41.666666% - var(--spacing-gutter-xl));
}
.section-flex .block-lg, .centerframe-flex .block-lg, .flex-base .block-lg, main.main-flex .block-lg {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(50% - var(--spacing-gutter-xl));
}
.section-flex .block-lgx, .centerframe-flex .block-lgx, .flex-base .block-lgx, main.main-flex .block-lgx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(58.333333% - var(--spacing-gutter-xl));
}
.section-flex .block-xl, .centerframe-flex .block-xl, .flex-base .block-xl, main.main-flex .block-xl {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(66.666666% - var(--spacing-gutter-xl));
}
.section-flex .block-xlx, .centerframe-flex .block-xlx, .flex-base .block-xlx, main.main-flex .block-xlx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(75% - var(--spacing-gutter-xl));
}
.section-flex .block-2xl, .centerframe-flex .block-2xl, .flex-base .block-2xl, main.main-flex .block-2xl {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(83.333333% - var(--spacing-gutter-xl));
}
.section-flex .block-2xlx, .centerframe-flex .block-2xlx, .flex-base .block-2xlx, main.main-flex .block-2xlx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(91.666666% - var(--spacing-gutter-xl));
}
.section-flex .block-full, .centerframe-flex .block-full, .flex-base .block-full, main.main-flex .block-full {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .md\:block-md, .centerframe-flex .md\:block-md, .flex-base .md\:block-md, main.main-flex .md\:block-md {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(33.333333% - var(--spacing-gutter-xl));
}
.section-flex .md\:block-xl, .centerframe-flex .md\:block-xl, .flex-base .md\:block-xl, main.main-flex .md\:block-xl {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(66.666666% - var(--spacing-gutter-xl));
}
.section-flex .lg\:block-md, .centerframe-flex .lg\:block-md, .flex-base .lg\:block-md, main.main-flex .lg\:block-md {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(33.333333% - var(--spacing-gutter-xl));
}
.section-flex .lg\:block-lg, .centerframe-flex .lg\:block-lg, .flex-base .lg\:block-lg, main.main-flex .lg\:block-lg {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(50% - var(--spacing-gutter-xl));
}
.card {
border-radius: var(--radius-article-xl);
padding: var(--pad-article-xl);
}
.card-base {
border-radius: var(--radius-article-xl);
}
:where(:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-block-xl) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-block-xl) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.block-base.card, .block-xs.card, .block-sm.card, .block-smx.card, .block-md.card, .block-mdx.card, .block-lg.card, .block-lgx.card, .block-xl.card, .block-xlx.card, .block-2xl.card, .block-2xlx.card, .block-full.card) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-xl) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-xl) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.stack-y, .block-base.stack-y, .block-xs.stack-y, .block-sm.stack-y, .block-smx.stack-y, .block-md.stack-y, .block-mdx.stack-y, .block-lg.stack-y, .block-lgx.stack-y, .block-xl.stack-y, .block-xlx.stack-y, .block-2xl.stack-y, .block-2xlx.stack-y) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-xl) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-xl) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.stack-x, .block-base.stack-x, .block-xs.stack-x, .block-sm.stack-x, .block-smx.stack-x, .block-md.stack-x, .block-mdx.stack-x, .block-lg.stack-x, .block-lgx.stack-x, .block-xl.stack-x, .block-xlx.stack-x, .block-2xl.stack-x, .block-2xlx.stack-x) > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(var(--spacing-card-xl) * var(--tw-space-x-reverse));
margin-inline-end: calc(var(--spacing-card-xl) * calc(1 - var(--tw-space-x-reverse)));
}
.datarow, .formrow, .controlrow {
gap: var(--gap-stack-xl);
}
.card .datarow, .card-base .datarow, .card .formrow, .card-base .formrow {
gap: var(--spacing-card-xl);
}
h1 {
font-size: var(--text-h1-size);
--tw-leading: var(--text-h1-lh);
line-height: var(--text-h1-lh);
}
header nav a.nav, header nav a:link.nav, header nav a:visited {
font-size: var(--text-nav-size);
--tw-leading: var(--text-nav-lh);
line-height: var(--text-nav-lh);
}
footer nav a.nav, footer nav a:link.nav, footer nav a:visited {
font-size: var(--text-nav-size);
--tw-leading: var(--text-p1-lh);
line-height: var(--text-p1-lh);
}
}
@media (min-width:1600px) {
header {
padding-inline: var(--spacing-shoulder-2xl);
padding-block: var(--pad-header-2xl);
}
.header-base {
padding-inline: 0px;
padding-block: 0px;
}
.header-grid nav {
grid-template-columns: repeat(var(--layout-cols-2xl), minmax(0, 1fr));
column-gap: var(--spacing-gutter-2xl);
}
.header-flex nav {
column-gap: var(--spacing-gutter-2xl);
}
footer {
padding-inline: var(--spacing-shoulder-2xl);
padding-block: var(--pad-section-2xl);
}
.footer-base {
padding-inline: 0px;
padding-block: 0px;
}
.footer-grid {
grid-template-columns: repeat(var(--layout-cols-2xl), minmax(0, 1fr));
gap: var(--spacing-gutter-2xl);
}
.footer-flex nav {
gap: var(--spacing-gutter-2xl);
}
section {
padding-inline: var(--spacing-shoulder-2xl);
padding-block: var(--pad-section-2xl);
}
.section-grid, .centerframe-grid, .grid-base, main.main-grid {
grid-template-columns: repeat(var(--layout-cols-2xl), minmax(0, 1fr));
gap: var(--spacing-gutter-2xl);
}
.grid-cols {
grid-template-columns: repeat(var(--layout-cols-2xl), minmax(0, 1fr));
}
.section-flex, .centerframe-flex, .flex-base, main.main-flex, .grid-auto {
gap: var(--spacing-gutter-2xl);
}
.section-grid.gap-2gutter, .centerframe-grid.gap-2gutter, .grid-base.gap-2gutter, .section-flex.gap-2gutter, .centerframe-flex.gap-2gutter, .flex-base.gap-2gutter, main.main-flex.gap-2gutter {
gap: calc(2 * var(--spacing-gutter-2xl));
}
.section-grid .block-xs, .centerframe-grid .block-xs, .grid-base .block-xs, main.main-grid .block-xs {
grid-column: span var(--layout-cols-2xl-min) / span var(--layout-cols-2xl-min);
}
.section-grid .block-sm, .centerframe-grid .block-sm, .grid-base .block-sm, main.main-grid .block-sm {
grid-column: span var(--layout-cols-2xl-sixth) / span var(--layout-cols-2xl-sixth);
}
.section-grid .block-smx, .centerframe-grid .block-smx, .grid-base .block-smx, main.main-grid .block-smx {
grid-column: span var(--layout-cols-2xl-quarter) / span var(--layout-cols-2xl-quarter);
}
.section-grid .block-md, .centerframe-grid .block-md, .grid-base .block-md, main.main-grid .block-md {
grid-column: span var(--layout-cols-2xl-third) / span var(--layout-cols-2xl-third);
}
.section-grid .block-mdx, .centerframe-grid .block-mdx, .grid-base .block-mdx, main.main-grid .block-mdx {
grid-column: span var(--layout-cols-2xl-fivetwelfth) / span var(--layout-cols-2xl-fivetwelfth);
}
.section-grid .block-lg, .centerframe-grid .block-lg, .grid-base .block-lg, main.main-grid .block-lg {
grid-column: span var(--layout-cols-2xl-half) / span var(--layout-cols-2xl-half);
}
.section-grid .block-lgx, .centerframe-grid .block-lgx, .grid-base .block-lgx, main.main-grid .block-lgx {
grid-column: span var(--layout-cols-2xl-seventwelfth) / span var(--layout-cols-2xl-seventwelfth);
}
.section-grid .block-xl, .centerframe-grid .block-xl, .grid-base .block-xl, main.main-grid .block-xl {
grid-column: span var(--layout-cols-2xl-twothird) / span var(--layout-cols-2xl-twothird);
}
.section-grid .block-xlx, .centerframe-grid .block-xlx, .grid-base .block-xlx, main.main-grid .block-xlx {
grid-column: span var(--layout-cols-2xl-threefourth) / span var(--layout-cols-2xl-threefourth);
}
.section-grid .block-2xl, .centerframe-grid .block-2xl, .grid-base .block-2xl, main.main-grid .block-2xl {
grid-column: span var(--layout-cols-2xl-fivesixth) / span var(--layout-cols-2xl-fivesixth);
}
.section-grid .block-2xlx, .centerframe-grid .block-2xlx, .grid-base .block-2xlx, main.main-grid .block-2xlx {
grid-column: span var(--layout-cols-2xl-eleventwelfth) / span var(--layout-cols-2xl-eleventwelfth);
}
.section-grid .block-full, .centerframe-grid .block-full, .grid-base .block-full, main.main-grid .block-full {
grid-column: 1 / -1;
}
.section-grid .md\:block-md, .centerframe-grid .md\:block-md, .grid-base .md\:block-md, main.main-grid .md\:block-md {
grid-column: span var(--layout-cols-2xl-third) / span var(--layout-cols-2xl-third);
}
.section-grid .md\:block-xl, .centerframe-grid .md\:block-xl, .grid-base .md\:block-xl, main.main-grid .md\:block-xl {
grid-column: span var(--layout-cols-2xl-twothird) / span var(--layout-cols-2xl-twothird);
}
.section-grid .lg\:block-md, .centerframe-grid .lg\:block-md, .grid-base .lg\:block-md, main.main-grid .lg\:block-md {
grid-column: span var(--layout-cols-2xl-third) / span var(--layout-cols-2xl-third);
}
.section-grid .lg\:block-lg, .centerframe-grid .lg\:block-lg, .grid-base .lg\:block-lg, main.main-grid .lg\:block-lg {
grid-column: span var(--layout-cols-2xl-half) / span var(--layout-cols-2xl-half);
}
.section-flex .block-xs, .centerframe-flex .block-xs, .flex-base .block-xs, main.main-flex .block-xs {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(8.333333% - var(--spacing-gutter-2xl));
}
.section-flex .block-sm, .centerframe-flex .block-sm, .flex-base .block-sm, main.main-flex .block-sm {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(16.666666% - var(--spacing-gutter-2xl));
}
.section-flex .block-smx, .centerframe-flex .block-smx, .flex-base .block-smx, main.main-flex .block-smx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(25% - var(--spacing-gutter-2xl));
}
.section-flex .block-md, .centerframe-flex .block-md, .flex-base .block-md, main.main-flex .block-md {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(33.333333% - var(--spacing-gutter-2xl));
}
.section-flex .block-mdx, .centerframe-flex .block-mdx, .flex-base .block-mdx, main.main-flex .block-mdx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(41.666666% - var(--spacing-gutter-2xl));
}
.section-flex .block-lg, .centerframe-flex .block-lg, .flex-base .block-lg, main.main-flex .block-lg {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(50% - var(--spacing-gutter-2xl));
}
.section-flex .block-lgx, .centerframe-flex .block-lgx, .flex-base .block-lgx, main.main-flex .block-lgx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(58.333333% - var(--spacing-gutter-2xl));
}
.section-flex .block-xl, .centerframe-flex .block-xl, .flex-base .block-xl, main.main-flex .block-xl {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(66.666666% - var(--spacing-gutter-2xl));
}
.section-flex .block-xlx, .centerframe-flex .block-xlx, .flex-base .block-xlx, main.main-flex .block-xlx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(75% - var(--spacing-gutter-2xl));
}
.section-flex .block-2xl, .centerframe-flex .block-2xl, .flex-base .block-2xl, main.main-flex .block-2xl {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(83.333333% - var(--spacing-gutter-2xl));
}
.section-flex .block-2xlx, .centerframe-flex .block-2xlx, .flex-base .block-2xlx, main.main-flex .block-2xlx {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(91.666666% - var(--spacing-gutter-2xl));
}
.section-flex .block-full, .centerframe-flex .block-full, .flex-base .block-full, main.main-flex .block-full {
flex-shrink: 1;
flex-grow: 1;
flex-basis: 100%;
}
.section-flex .md\:block-md, .centerframe-flex .md\:block-md, .flex-base .md\:block-md, main.main-flex .md\:block-md {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(33.333333% - var(--spacing-gutter-2xl));
}
.section-flex .md\:block-xl, .centerframe-flex .md\:block-xl, .flex-base .md\:block-xl, main.main-flex .md\:block-xl {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(66.666666% - var(--spacing-gutter-2xl));
}
.section-flex .lg\:block-md, .centerframe-flex .lg\:block-md, .flex-base .lg\:block-md, main.main-flex .lg\:block-md {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(33.333333% - var(--spacing-gutter-2xl));
}
.section-flex .lg\:block-lg, .centerframe-flex .lg\:block-lg, .flex-base .lg\:block-lg, main.main-flex .lg\:block-lg {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(50% - var(--spacing-gutter-2xl));
}
.card {
border-radius: var(--radius-article-2xl);
padding: var(--pad-article-2xl);
}
.card-base {
border-radius: var(--radius-article-2xl);
}
:where(:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-block-2xl) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-block-2xl) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.block-base.card, .block-xs.card, .block-sm.card, .block-smx.card, .block-md.card, .block-mdx.card, .block-lg.card, .block-lgx.card, .block-xl.card, .block-xlx.card, .block-2xl.card, .block-2xlx.card, .block-full.card) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-2xl) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-2xl) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.stack-y, .block-base.stack-y, .block-xs.stack-y, .block-sm.stack-y, .block-smx.stack-y, .block-md.stack-y, .block-mdx.stack-y, .block-lg.stack-y, .block-lgx.stack-y, .block-xl.stack-y, .block-xlx.stack-y, .block-2xl.stack-y, .block-2xlx.stack-y) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(var(--spacing-card-2xl) * var(--tw-space-y-reverse));
margin-block-end: calc(var(--spacing-card-2xl) * calc(1 - var(--tw-space-y-reverse)));
}
:where(:is(.stack-x, .block-base.stack-x, .block-xs.stack-x, .block-sm.stack-x, .block-smx.stack-x, .block-md.stack-x, .block-mdx.stack-x, .block-lg.stack-x, .block-lgx.stack-x, .block-xl.stack-x, .block-xlx.stack-x, .block-2xl.stack-x, .block-2xlx.stack-x) > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(var(--spacing-card-2xl) * var(--tw-space-x-reverse));
margin-inline-end: calc(var(--spacing-card-2xl) * calc(1 - var(--tw-space-x-reverse)));
}
.datarow, .formrow, .controlrow {
gap: var(--gap-stack-2xl);
}
.card .datarow, .card-base .datarow, .card .formrow, .card-base .formrow {
gap: var(--spacing-card-2xl);
}
h1 {
font-size: var(--text-h1-size);
--tw-leading: var(--text-h1-lh);
line-height: var(--text-h1-lh);
}
header nav a.nav, header nav a:link.nav, header nav a:visited {
font-size: var(--text-nav-size);
--tw-leading: var(--text-nav-lh);
line-height: var(--text-nav-lh);
}
footer nav a.nav, footer nav a:link.nav, footer nav a:visited {
font-size: var(--text-nav-size);
--tw-leading: var(--text-p1-lh);
line-height: var(--text-p1-lh);
}
}
:where(:is(.block-base, .block-xs, .block-sm, .block-smx, .block-md, .block-mdx, .block-lg, .block-lgx, .block-xl, .block-xlx, .block-2xl, .block-2xlx, .block-full):is( .card-base, .alert, .announcement-pill, .card-head, .card-head-actions, .carousel, .centerframe-flex, .centerframe-grid, .chat-message, .controlrow, .data-table-set, .datarow, .df-block-code-copy-stack, .df-docs-sidebar-nav-sub, .df-example, .df-example-controls, .df-theme-preview, .flex-base, .footer-grid, .footer-nav-stack-links, .form-color-picker, .form-fieldset-card-row, .formrow, .grid-auto, .grid-base, .header-grid, .overlay-pane-header, .panel, .panel-content, .panel-heading, .panel-title, .rating, .section-flex, .section-grid, .sidebar, .stack, .stack-activity, .stack-button-info, .stack-buttons, .stack-col, .stack-col-min, .stack-col-sm, .stack-filters, .stack-form-buttons-set, .stack-form-col, .stack-heading, .stack-input-helper, .stack-row, .stack-row-min, .stack-row-wrap, .stack-title-preview, .stack-title-row, .status-label, .table-avatar-cell, .tag-list, .toast-stack, .toggle-set, .topbar, .topbar-actions) > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
}
}
@layer utilities {
.df-docs-sidebar-nav {
display: flex;
height: fit-content;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
@media (width >= 960px) {
min-width: 200px;
}
@media (width >= 960px) {
flex-direction: column;
}
@media (width >= 960px) {
flex-wrap: nowrap;
}
@media (width >= 960px) {
justify-content: flex-start;
}
}
.df-docs-sidebar-nav a.button.air > span {
justify-content: flex-start;
padding-inline: var(--spacing-sub-base);
}
.df-docs-sidebar-nav a.button.gradient.air p, .df-docs-sidebar-nav a.button.gradient.air i {
color: rgb(var(--color-secondary) / 1);
}
.df-docs-sidebar-nav a.button.gradient.air p {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
}
.df-docs-sidebar-nav a.button.gradient.air:hover p, .df-docs-sidebar-nav a.button.gradient.air:hover i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.df-docs-sidebar-nav a.button.gradient.air.active {
background-color: transparent;
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.df-docs-sidebar-nav a.button.gradient.air.active::before {
opacity: 0;
}
.df-docs-sidebar-nav a.button.gradient.air.active > span {
background-color: transparent;
}
.df-docs-sidebar-nav a.button.gradient.air.active p, .df-docs-sidebar-nav a.button.gradient.air.active i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.df-docs-sidebar-nav-sub {
display: flex;
flex-direction: column;
row-gap: var(--spacing-sub-base);
padding-block: var(--spacing-sub-base);
padding-inline-start: 40px;
}
.df-docs-sidebar-nav-sub a {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
}
.df-docs-sidebar-nav-sub a.active {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: rgb(var(--color-key) / 1);
}
.df-docs-sidebar-nav-sub a:hover {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: rgb(var(--color-key) / 1);
}
.df-docs-sidebar-nav.numbered {
counter-reset: dfnav;
gap: 0px;
}
.df-docs-sidebar-nav.numbered a {
counter-increment: dfnav;
min-height: var(--element-compact-size, 32px);
color: inherit;
display: flex;
align-items: center;
column-gap: var(--spacing-sub-base);
border-radius: var(--radius-corner);
padding-inline: var(--pad-element-base);
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
}
.df-docs-sidebar-nav.numbered a::before {
content: counter(dfnav);
width: var(--element-min-size);
flex: none;
text-align: start;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
opacity: 0.5;
font-variant-numeric: tabular-nums;
}
.df-docs-sidebar-nav.numbered a:hover {
background: rgb(var(--color-key) / 0.08);
color: rgb(var(--color-key));
}
.df-docs-sidebar-nav.numbered a.active, .df-docs-sidebar-nav.numbered a.active::before {
background-image: linear-gradient(to right, rgb(var(--color-key)), rgb(var(--color-key-end)));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.df-block-code pre code {
display: block;
white-space: pre-wrap;
}
.df-block-code pre {
position: relative;
margin-bottom: 32px;
}
.df-block-code pre.language-markup {
margin: 0px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.df-block-code pre button {
position: absolute;
bottom: -32px;
left: 0;
min-width: 6rem;
border-radius: 0.25rem;
padding-inline: calc(var(--spacing) * 2);
padding-block: var(--spacing);
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
color: rgb(var(--color-key) / 1);
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
--tw-ring-color: rgb(var(--color-key) / 1);
&:hover {
@media (hover: hover) {
background-color: rgb(var(--color-key) / 1);
}
}
&:hover {
@media (hover: hover) {
color: rgb(var(--color-invert) / 1);
}
}
}
.df-block-code-copy-stack {
display: flex;
flex-direction: column;
gap: 0px;
}
.df-block-code-copy-stack > button {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0.3em;
border-bottom-right-radius: 0.3em;
border-top: 0px;
width: 100%;
padding-top: 0px;
border-top-color: transparent;
}
.df-block-code pre[class*="language-"], .df-block-code code[class*="language-"] {
background: none;
color: rgb(var(--color-primary));
text-shadow: none;
font-family: var(--font-mono), var(--font-mono-alt1), var(--font-mono-alt2);
}
.df-block-code .token.selector, .df-block-code .token.property, .df-block-code .token.tag, .df-block-code .token.atrule, .df-block-code .token.attr-name, .df-block-code .token.class-name, .df-block-code .token.function, .df-block-code .token.keyword, .df-block-code .token.builtin, .df-block-code .token.constant, .df-block-code .token.symbol, .df-block-code .token.important, .df-block-code .token.regex {
color: rgb(var(--color-key));
font-weight: 600;
}
.df-block-code .token.punctuation, .df-block-code .token.operator {
color: rgb(var(--color-secondary));
}
.df-block-code .token.comment, .df-block-code .token.cdata, .df-block-code .token.doctype, .df-block-code .token.prolog {
color: rgb(var(--color-secondary));
font-style: italic;
}
.df-block-code .token.namespace {
opacity: .7;
}
.df-block-code .token.important, .df-block-code .token.bold {
font-weight: 700;
}
.df-block-code .token.italic {
font-style: italic;
}
.df-block-code .token.inserted {
text-decoration: underline;
}
.df-block-code .token.deleted {
text-decoration: line-through;
}
.df-block-code.df-block-code-strip-wrap {
position: relative;
border: 1px solid rgb(var(--color-tertiary));
border-radius: .5rem;
overflow: hidden;
}
.df-block-code.df-block-code-strip-wrap pre {
margin: 0;
padding: .75rem;
overflow-x: auto;
}
.df-block-code-strip {
display: flex;
align-items: center;
justify-content: space-between;
padding: .25rem .5rem .25rem .75rem;
background: rgba(var(--color-key-rgb), .05);
border-bottom: 1px solid rgb(var(--color-tertiary));
}
.df-example {
display: flex;
width: 100%;
flex-direction: column;
row-gap: var(--spacing-sub-base);
}
.df-example-preview {
display: flex;
flex-direction: column;
align-items: stretch;
border-radius: var(--radius-corner);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: rgb(var(--color-tertiary) / 1);
background-color: rgb(var(--color-background) / 1);
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.df-example-diagram {
align-items: stretch;
border-radius: var(--radius-corner);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: rgb(var(--color-tertiary) / 1);
background-color: rgb(var(--color-background) / 1);
padding: 0px;
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.df-example-diagram-header {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: rgb(var(--color-key) / 1);
background-color: rgb(var(--color-key) / var(--shader-light));
padding: var(--spacing-sub-base);
text-align: center;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
}
.df-example-diagram-footer {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
border-color: rgb(var(--color-key) / 1);
background-color: rgb(var(--color-key) / var(--shader-light));
padding: var(--spacing-sub-base);
text-align: center;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
}
.df-example-diagram-main {
position: relative;
gap: 0px;
}
.df-example-diagram-main::before {
position: absolute;
inset-inline-start: calc(var(--spacing) * 0);
inset-inline-end: calc(var(--spacing) * 0);
top: 0px;
padding-block: 1px;
text-align: center;
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
color: rgb(var(--color-tertiary) / 1);
content: "main";
}
.df-example-diagram-section {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: rgb(var(--color-key) / 1);
padding: var(--spacing-sub-base);
text-align: center;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
}
.df-example-code {
overflow: hidden;
border-radius: var(--radius-corner);
}
.df-example-code pre {
margin: 0px;
}
.df-example-code pre code {
display: block;
border-radius: var(--radius-corner);
padding: var(--spacing-card-base);
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
--tw-leading: var(--text-p2-lh);
line-height: var(--text-p2-lh);
white-space: pre-wrap;
}
.df-example-code.hide {
display: none;
}
.df-example-controls {
display: flex;
flex-direction: row;
column-gap: var(--spacing-sub-base);
}
.df-example-section {
position: relative;
border-style: var(--tw-border-style);
border-width: 1px;
border-color: rgb(var(--color-key) / 1);
background-color: rgb(var(--color-background) / 1);
}
.df-example-section::before {
position: absolute;
inset-inline-start: calc(var(--spacing) * 0);
inset-inline-end: calc(var(--spacing) * 0);
top: 0px;
padding-block: 1px;
text-align: center;
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
color: rgb(var(--color-tertiary) / 1);
content: attr(data-label);
}
.df-demo {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: rgb(var(--color-key) / 1);
padding: var(--spacing-sub-base);
text-align: center;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
}
.df-demo-alt {
border-radius: var(--radius-base);
padding: var(--spacing-sub-base);
text-align: center;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
background: rgba(var(--color-key), var(--shader-light));
border: 1px solid rgba(var(--color-key), 0.3);
color: rgb(var(--color-key));
}
.df-demo-outline {
border-radius: var(--radius-base);
padding: var(--spacing-card-base);
text-align: center;
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
color: rgb(var(--color-tertiary) / 1);
border: 1px dashed rgba(var(--color-tertiary), 0.4);
}
.df-theme-preview {
display: flex;
flex-direction: column;
row-gap: var(--spacing-card-base);
border-radius: var(--radius-corner);
padding: var(--spacing-card-base);
border: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
.df-theme-preview .tpv-label {
display: flex;
flex-direction: row;
align-items: center;
column-gap: var(--spacing-sub-base);
}
.df-theme-preview .tpv-buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: var(--spacing-sub-base);
}
.df-theme-preview .tpv-swatches {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: var(--spacing-sub-base);
font-size: var(--text-p5-size);
line-height: var(--tw-leading, var(--text-p5-lh));
}
.df-theme-preview .tpv-swatch {
display: inline-flex;
align-items: center;
column-gap: var(--gap-hgroup-title);
}
.df-theme-preview .tpv-dot {
display: inline-block;
flex-shrink: 0;
border-radius: calc(infinity * 1px);
width: 14px;
height: 14px;
border: 1px solid rgb(var(--color-secondary) / var(--shader-light));
}
}
@property --qs-glass-alpha-from {
syntax: '';
inherits: true;
initial-value: 0.65;
}
@property --qs-glass-alpha-to {
syntax: '';
inherits: true;
initial-value: 0.45;
}
@layer components {
@layer df-effects {
.glass {
background-color: transparent;
background-image: linear-gradient(180deg, rgb(var(--qs-glass-tint, var(--color-background)) / var(--qs-glass-alpha-from, 0.65)), rgb(var(--qs-glass-tint, var(--color-background)) / var(--qs-glass-alpha-to, 0.45)));
-webkit-backdrop-filter: blur(var(--qs-glass-blur)) saturate(var(--qs-glass-saturation));
backdrop-filter: blur(var(--qs-glass-blur)) saturate(var(--qs-glass-saturation));
}
.glass.light {
--qs-glass-blur: 12px;
--qs-glass-alpha-from: 0.45;
--qs-glass-alpha-to: 0.30;
}
.glass.heavy {
--qs-glass-alpha-from: 0.85;
--qs-glass-alpha-to: 0.70;
}
.glass.shine {
--tw-inset-shadow: inset 0 1px 0 0 rgb(var(--color-invert) / 0.35);
box-shadow: var(--tw-inset-shadow, 0 0 #0000), var(--tw-inset-ring-shadow, 0 0 #0000), var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.glass, .glass.light, .glass.heavy {
background-image: none;
background-color: rgb(var(--qs-glass-tint, var(--color-background)));
}
}
@media (prefers-reduced-transparency: reduce) {
.glass, .glass.light, .glass.heavy {
background-image: none;
background-color: rgb(var(--qs-glass-tint, var(--color-background)));
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
}
}
}
@property --df-fx-gradient-angle {
syntax: '';
inherits: false;
initial-value: 254deg;
}
@keyframes df-gradient-sweep {
to {
--df-fx-gradient-angle: 614deg;
}
}
@layer components {
@layer df-effects {
.gradient.animated, .theme-key-gradient.animated {
background-image: linear-gradient(var(--df-fx-gradient-angle), rgb(var(--color-key)), rgb(var(--color-key-end)));
animation: df-gradient-sweep calc(var(--qs-duration-slow) * 16) linear infinite;
}
}
}
@media (prefers-reduced-motion: reduce) {
html:not([data-dffx-motion="full"]) .gradient.animated, html:not([data-dffx-motion="full"]) .theme-key-gradient.animated {
animation: none;
}
}
html[data-dffx-motion="reduced"] .gradient.animated, html[data-dffx-motion="reduced"] .theme-key-gradient.animated {
animation: none;
}
@keyframes df-reveal-fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes df-reveal-up {
from {
opacity: 0;
transform: translateY(var(--pad-element-base));
}
to {
opacity: 1;
transform: none;
}
}
@keyframes df-reveal-scale {
from {
opacity: 0;
transform: scale(0.95);
}
to {
opacity: 1;
transform: none;
}
}
@layer components {
@layer df-effects {
@supports (animation-timeline: view()) {
html:not([data-dffx-force-fallback]):not([data-dffx-motion="reduced"]) .reveal, html:not([data-dffx-force-fallback]):not([data-dffx-motion="reduced"]) .reveal-group > * {
animation: df-reveal-fade both;
animation-timeline: view();
animation-range: entry 0% entry 60%;
}
html:not([data-dffx-force-fallback]):not([data-dffx-motion="reduced"]) .reveal.up, html:not([data-dffx-force-fallback]):not([data-dffx-motion="reduced"]) .reveal-group.up > * {
animation-name: df-reveal-up;
}
html:not([data-dffx-force-fallback]):not([data-dffx-motion="reduced"]) .reveal.scale, html:not([data-dffx-force-fallback]):not([data-dffx-motion="reduced"]) .reveal-group.scale > * {
animation-name: df-reveal-scale;
}
}
html.dffx-io .reveal, html.dffx-io .reveal-group > * {
opacity: 0;
transition: opacity var(--qs-duration-slow) var(--qs-ease-enter), transform var(--qs-duration-slow) var(--qs-ease-enter);
transition-delay: calc(var(--df-fx-i, 0) * var(--qs-duration-fast) / 2);
}
html.dffx-io .reveal.up, html.dffx-io .reveal-group.up > * {
transform: translateY(var(--pad-element-base));
}
html.dffx-io .reveal.scale, html.dffx-io .reveal-group.scale > * {
transform: scale(0.95);
}
html.dffx-io .reveal.is-revealed, html.dffx-io .reveal-group > .is-revealed {
opacity: 1;
transform: none;
}
}
}
@media (prefers-reduced-motion: reduce) {
html:not([data-dffx-motion="full"]) .reveal, html:not([data-dffx-motion="full"]) .reveal-group > * {
animation: none;
transition: none;
opacity: 1;
transform: none;
}
}
html[data-dffx-motion="reduced"] .reveal, html[data-dffx-motion="reduced"] .reveal-group > * {
animation: none;
transition: none;
opacity: 1;
transform: none;
}
@layer components {
@layer df-effects {
::view-transition-old(root), ::view-transition-new(root) {
animation-duration: var(--qs-duration-base);
animation-timing-function: var(--qs-ease-standard);
}
}
}
@media (prefers-reduced-motion: reduce) {
html:not([data-dffx-motion="full"])::view-transition-group(*), html:not([data-dffx-motion="full"])::view-transition-old(*), html:not([data-dffx-motion="full"])::view-transition-new(*) {
animation: none;
}
}
html[data-dffx-motion="reduced"]::view-transition-group(*), html[data-dffx-motion="reduced"]::view-transition-old(*), html[data-dffx-motion="reduced"]::view-transition-new(*) {
animation: none;
}
@layer components {
@layer df-effects {
.lift {
transition: transform var(--qs-duration-fast) var(--qs-ease-standard), box-shadow var(--qs-duration-fast) var(--qs-ease-standard);
}
.lift:hover {
transform: translateY(-4px);
box-shadow: 0 8px 16px -8px rgba(0, 0, 0, var(--shadow-alpha-light));
}
.glow {
transition: box-shadow var(--qs-duration-fast) var(--qs-ease-standard);
}
.glow:hover {
box-shadow: 0 0 0 1px rgb(var(--color-key) / 0.40), 0 0 16px 0 rgb(var(--color-key) / 0.25);
}
}
}
@media (prefers-reduced-motion: reduce) {
html:not([data-dffx-motion="full"]) .lift, html:not([data-dffx-motion="full"]) .glow {
transition: none;
}
html:not([data-dffx-motion="full"]) .lift:hover {
transform: none;
}
}
html[data-dffx-motion="reduced"] .lift, html[data-dffx-motion="reduced"] .glow {
transition: none;
}
html[data-dffx-motion="reduced"] .lift:hover {
transform: none;
}
@layer components {
@layer df-effects {
.df-edge-shadow-left {
box-shadow: -4px 0 8px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
position: relative;
z-index: 1;
}
}
}
@layer df-motion {
@media (prefers-reduced-motion: reduce) {
html:not([data-dffx-motion="full"]) dialog.drawer {
transition: none;
}
}
html[data-dffx-motion="reduced"] dialog.drawer {
transition: none;
}
@media (prefers-reduced-motion: reduce) {
html:not([data-dffx-motion="full"]) details.accordion > summary::after {
transition: none;
}
}
html[data-dffx-motion="reduced"] details.accordion > summary::after {
transition: none;
}
@media (prefers-reduced-motion: reduce) {
html:not([data-dffx-motion="full"]) progress.progress:indeterminate {
animation: none;
}
}
html[data-dffx-motion="reduced"] progress.progress:indeterminate {
animation: none;
}
@media (prefers-reduced-motion: reduce) {
html:not([data-dffx-motion="full"]) .carousel {
scroll-behavior: auto;
}
}
html[data-dffx-motion="reduced"] .carousel {
scroll-behavior: auto;
}
@media (prefers-reduced-motion: reduce) {
html:not([data-dffx-motion="full"]) .spinner {
animation: df-spinner-pulse var(--qs-duration-slow) var(--qs-ease-standard) infinite;
border-top-color: rgb(var(--color-key));
}
}
html[data-dffx-motion="reduced"] .spinner {
animation: df-spinner-pulse var(--qs-duration-slow) var(--qs-ease-standard) infinite;
border-top-color: rgb(var(--color-key));
}
}
@layer components {
.chip {
display: inline-flex;
align-items: center;
justify-content: center;
padding-inline: var(--pad-x-chip);
font-size: var(--text-chip-size);
line-height: var(--tw-leading, var(--text-chip-lh));
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.category-chip {
background: var(--chip-bg);
color: var(--chip-color);
text-transform: uppercase;
letter-spacing: 0.03em;
}
@layer df-pro {
.stack-cards-controls-select .df-dash-card-product {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: transparent;
}
.stack-cards-controls-select .df-dash-card-product:hover, .stack-cards-controls-select .df-dash-card-product.active {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: rgb(var(--color-key) / 1);
}
.post a img {
aspect-ratio: var(--aspect-x-golden);
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
&:hover {
@media (hover: hover) {
opacity: 90%;
}
}
}
:where(.post.block-full.card-base > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.stack-post-activity > p {
width: 100%;
align-content: center;
text-align: center;
@media (width >= 640px) {
width: fit-content;
}
}
.stack-post-activity > div {
width: 100%;
align-items: center;
@media (width >= 640px) {
width: fit-content;
}
}
.stack-post-activity > div > p {
text-align: center;
}
.stack-post-comment-form .avatar.gradient {
display: none;
@media (width >= 640px) {
display: block;
}
}
.post .form-input-combo input:focus, .post .form-input-combo input:focus-visible {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
.stack-comment-body {
width: 100%;
}
.post-avatar {
width: var(--element-c-sm);
height: var(--element-c-sm);
object-fit: cover;
@media (width >= 640px) {
width: var(--element-c-md);
height: var(--element-c-md);
}
}
@media (width >= 640px) {
.post hgroup h4 {
font-size: var(--text-h3-size);
line-height: var(--tw-leading, var(--text-h3-lh));
}
}
.post-intro {
font-style: italic;
}
.stack-post-header > hgroup {
display: flex;
place-content: center;
}
.stack-post-header > .stack-row > hgroup {
align-content: center;
}
.stack-tags {
gap: var(--gap-stack-base);
}
@media (width >= 960px) {
.post.pinned .post-avatar {
width: var(--element-c-sm);
height: var(--element-c-sm);
}
}
@media (width >= 1440px) {
.post.pinned .post-avatar {
width: var(--element-c-md);
height: var(--element-c-md);
}
}
@media (width >= 960px) {
@media (width < 1440px) {
.post.pinned hgroup h4 {
font-size: var(--text-h4-size);
line-height: var(--tw-leading, var(--text-h4-lh));
}
.post.pinned hgroup p {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
}
}
}
.stack-post-actions a, .stack-comment-actions a {
align-content: center;
}
.comment-avatar {
width: var(--element-min-size);
height: var(--element-min-size);
@media (width >= 640px) {
width: var(--element-base-size);
height: var(--element-base-size);
}
}
.stack-comment-header > div {
align-items: center;
}
.stack-comment-header > .button.icon.gradient {
align-content: center;
}
.comment-body {
margin-block: var(--layout-unit);
}
.comment-thread {
width: 100%;
}
.stack-comment-header .stack-comment-published p {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
@media (width >= 640px) {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
}
}
.stack-comment-header {
width: 100%;
}
.stack-title {
align-items: baseline;
justify-content: center;
@media (width >= 640px) {
justify-content: space-between;
}
}
.stack-title h2 {
text-align: center;
@media (width >= 640px) {
text-align: start;
}
}
.stack-title > p {
display: none;
font-size: var(--text-p1-size);
line-height: var(--tw-leading, var(--text-p1-lh));
@media (width >= 640px) {
display: inline;
}
}
.stack-activity {
display: flex;
flex-direction: column;
row-gap: var(--gap-stack-sm);
}
.stack-title-filters {
align-items: baseline;
justify-content: center;
@media (width >= 640px) {
justify-content: space-between;
}
}
.stack-title-filters > h2 {
text-align: center;
@media (width >= 640px) {
text-align: start;
}
}
.stack-title-filters > div {
width: 100%;
@media (width >= 640px) {
width: fit-content;
}
}
.stack-title-icons {
align-items: baseline;
justify-content: center;
@media (width >= 640px) {
justify-content: space-between;
}
}
.stack-title-icons > h2 {
text-align: center;
@media (width >= 640px) {
text-align: start;
}
}
.stack-title-icons > div {
width: 100%;
@media (width >= 640px) {
width: fit-content;
}
}
.stack-filters {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
gap: var(--spacing-gutter-base);
}
.stack-heading {
display: flex;
flex-direction: column;
gap: var(--gap-hgroup-heading);
}
.stack-heading .stack-row {
flex-wrap: wrap;
align-items: baseline;
@media (width >= 640px) {
flex-wrap: nowrap;
}
}
.stack-heading h3 {
display: none;
color: rgb(var(--color-primary) / 1);
@media (width >= 640px) {
display: block;
}
}
.panel {
display: flex;
flex-direction: column;
gap: var(--spacing-gutter-base);
}
.form-card-stack {
width: 100%;
}
.panel-title {
display: flex;
flex-direction: row;
column-gap: var(--spacing-sub-base);
}
.panel-title h3 {
--tw-leading: var(--element-base-size);
line-height: var(--element-base-size);
}
.panel-heading {
display: flex;
flex-direction: column;
row-gap: var(--gap-hgroup-heading);
}
.panel-content {
display: flex;
flex-direction: column;
row-gap: var(--spacing-card-base);
}
.panel-content label span {
color: rgb(var(--color-secondary) / 1);
font-style: italic;
}
.panel-toggle {
rotate: 180deg;
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
}
.panel-toggle.active {
rotate: 0deg;
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
}
.panel-content {
transition-duration: 1000ms;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
transform-origin: top left;
}
.panel-content.hide {
transition-duration: 1000ms;
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
transform: scale(0) translateY(-10%);
opacity: 0;
transform-origin: top left;
visibility: collapse;
position: absolute;
}
.panel {
transition-property: var(--transition-property-base);
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: var(--transition-duration-base);
transition-duration: var(--transition-duration-base);
--tw-ease: var(--transition-timing-base);
transition-timing-function: var(--transition-timing-base);
}
.panel-content > * {
transition-duration: 1000ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
opacity: 1;
}
.panel-content.hide > * {
transition-duration: 1000ms;
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
transform: scale(0) rotate(180deg);
opacity: 0;
filter: blur(16px);
}
.form-card-stack .form-stack-radio-options {
flex-direction: column;
@media (width >= 768px) {
flex-direction: row;
}
}
.form-card-stack label {
width: 100%;
}
.form-card-stack .form-card-stack-title {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
font-size: var(--text-p2-size);
line-height: var(--tw-leading, var(--text-p2-lh));
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.form-card-stack label span {
display: flex;
flex-direction: column;
align-items: center;
}
.form-card-stack label p {
text-align: center;
}
.form-card-stack label > div i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
font-size: var(--text-h3-size);
line-height: var(--tw-leading, var(--text-h3-lh));
}
.stack-form-inputs.stack-datarows {
flex-direction: column;
row-gap: var(--gap-form-base);
}
.stack-form-inputs .datarow > p:first-child {
width: calc(1 / 3 * 100%);
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.stack-form-inputs .datarow > p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.stack-form-inputs .datarow.data-item-text-long > p {
overflow: visible;
display: block;
-webkit-box-orient: horizontal;
-webkit-line-clamp: unset;
align-items: flex-start;
}
.stack-form-inputs.stack-form-input-quarters {
width: 100%;
flex-wrap: wrap;
row-gap: var(--gap-article-base);
@media (width >= 960px) {
flex-wrap: nowrap;
}
}
.stack-form-inputs.stack-form-input-quarters div {
width: 100%;
}
.stack-form-inputs.stack-col {
justify-content: space-between;
text-align: start;
}
.form-color-picker, .form-fieldset-card-row {
display: flex;
flex-direction: row;
align-items: flex-end;
column-gap: 0px;
}
.form-color-picker div.form-input.air, .form-fieldset-card-row fieldset {
width: 100%;
}
.form-radio-set-block.air {
display: flex;
width: 100%;
flex-direction: column;
}
.form-radio-set-block.air .form-label {
padding-bottom: var(--layout-unit);
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-key) / 1);
@media (width >= 640px) {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
}
}
.form-fieldset-card-row .form-radio-set.card-block .form-radio-option {
justify-content: center;
padding-block: 5px;
}
@media (width >= 640px) {
.form-radio-set-block .form-stack-radio-options label span p {
font-size: var(--text-p3-size);
}
}
.form-radio-set-stack, .form-radio-set-stack label {
width: 100%;
}
.color-picker-block {
z-index: 10;
height: var(--layout-col-width-base);
width: var(--element-base-size);
border-start-end-radius: var(--radius-corner);
border-end-end-radius: var(--radius-corner);
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
}
.color-picker-block:hover {
padding: var(--border-button);
}
.color-picker-swatch {
display: flex;
height: 100%;
width: 100%;
border-start-end-radius: var(--radius-corner-inset);
border-end-end-radius: var(--radius-corner-inset);
}
.form-card-stack.form-radio-set.card-stack.gradient.secondary .form-stack-radio-options label > div {
justify-content: flex-start;
row-gap: var(--gap-element-base);
padding: var(--spacing-gutter-base);
}
.dash-card .formrow.title {
flex-wrap: wrap;
row-gap: var(--gap-hgroup-heading);
@media (width >= 640px) {
flex-wrap: nowrap;
}
}
.dash-card .formrow.title :first-child {
width: fit-content;
@media (width >= 640px) {
white-space: nowrap;
}
}
.modal-block .formrow.title p, .dash-card .formrow.title p {
text-align: start;
@media (width >= 640px) {
text-align: end;
}
}
.dash-card .button.gradient.secondary > span, .dash-card .profile-edit .button.icon.dropdown.gradient.secondary > span {
background-color: rgb(var(--color-key-gradient-invert) / 1);
}
.dash-card .button.gradient.secondary:hover > span, .dash-card .button.gradient.secondary.active > span, .dash-card .profile-edit .button.icon.dropdown.gradient.secondary:hover > span {
background-color: rgb(var(--color-key-gradient-invert) / var(--color-key-gradient-invert-opacity));
}
.dash-card .button.gradient.secondary:hover > span p, .dash-card .button.gradient.secondary:hover > span i, .dash-card .button.gradient.secondary.active > span p, .dash-card .button.gradient.secondary.active > span i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.screen-modal .card .form-input.air input, .screen-modal .card .form-textarea.air textarea, .dash-card .form-input.air input, .dash-card .form-textarea.air textarea {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-bottom-color: var(--df-form-underline-color, rgb(var(--color-key)));
}
.screen-modal .card .form-input.gradient > span, .screen-modal .card .form-input-file.gradient > span, .dash-card .form-input.gradient > span, .dash-card .form-input-file.gradient > span {
background-color: rgb(var(--color-invert) / 1);
}
.screen-modal .card .form-input.gradient label, .screen-modal .card .form-input-file.gradient label, .dash-card .form-input.gradient label, .dash-card .form-input-file.gradient label {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.screen-modal .card .form-input.gradient input:hover, .screen-modal .card .form-input-file.gradient input:hover, .dash-card .form-input.gradient input:hover, .dash-card .form-input-file.gradient input:hover {
background: linear-gradient(to right, rgba(var(--color-key-rgb), calc(1 - var(--color-key-gradient-invert-opacity))), rgba(var(--color-key-end-rgb), calc(1 - var(--color-key-gradient-invert-opacity))));
}
.dash-card.card-base {
display: flex;
flex-direction: row;
padding: 0px;
}
.dash-card.card-base > div {
display: flex;
width: 100%;
}
.dash-card.card-base .stack-form-buttons-set {
flex-direction: column;
}
.stack-avatar-data .avatar {
margin-inline-end: var(--pad-element-base);
}
.stack-avatar-data hgroup > :first-child {
margin-bottom: var(--layout-unit);
}
.dash-card .stack-avatar-data hgroup > p:last-child {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
font-style: italic;
}
.stack-avatar-data.inactive hgroup > h4 {
background-image: none;
color: rgb(var(--color-secondary) / 1);
}
.stack-avatar-data.inactive img {
--tw-saturate: saturate(0%);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.stack-avatar-data.inactive > hgroup > p:last-child {
background-image: none;
color: rgb(var(--color-secondary) / 1);
}
.stack-avatar-data.inactive .avatar {
background-color: rgb(var(--color-secondary) / 1);
background-image: none;
}
.formrow.split > div.form-input, .formrow.split > div.form-input-file {
width: 100%;
}
.dash-card .stack-avatar + .data-count {
margin-inline-start: var(--pad-element-base);
font-style: italic;
}
.stack-controlrows > .formrow, .dash-card .formrow {
flex-wrap: wrap;
@media (width >= 640px) {
flex-wrap: nowrap;
}
}
.stack-controlrows > .alert.callout {
margin-top: 0px;
}
.stack-controlrows > .formrow > p:first-child {
display: flex;
width: 100%;
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
font-size: var(--text-p2-size);
line-height: var(--tw-leading, var(--text-p2-lh));
@media (width >= 640px) {
width: calc(1 / 5 * 100%);
}
}
.dash-card:has(.dash-card-header-banner) {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
padding: 0px;
}
.dash-card .formrow > .dfp-banner-card-info {
display: flex;
flex: 1;
}
.dash-card .formrow > .dfp-banner-card-info h3 {
background-image: none;
--tw-leading: var(--text-h2-lh);
line-height: var(--text-h2-lh);
color: rgb(var(--color-invert) / 1);
@media (width >= 1440px) {
font-size: var(--text-h2-size);
line-height: var(--tw-leading, var(--text-h2-lh));
}
}
.dash-card .formrow > .dfp-banner-card-info h4 {
background-image: none;
color: rgb(var(--color-invert) / 1);
@media (width >= 640px) {
font-size: var(--text-h5-size);
line-height: var(--tw-leading, var(--text-h5-lh));
}
@media (width >= 1440px) {
font-size: var(--text-h4-size);
line-height: var(--tw-leading, var(--text-h4-lh));
}
}
.dash-card .formrow > .dfp-banner-card-info p {
background-image: none;
color: rgb(var(--color-invert) / 1);
@media (width >= 640px) {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
}
@media (width >= 1440px) {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
}
}
.dash-card .formrow > .dfp-banner-card-controls {
display: flex;
width: 100%;
@media (width >= 640px) {
width: calc(2 / 5 * 100%);
}
@media (width >= 1440px) {
width: 30%;
}
}
.dash-card.card-mini .formrow > .dfp-banner-card-controls {
display: flex;
width: 100%;
flex-direction: column;
gap: var(--gap-stack-base);
}
.dash-card.card-mini .formrow > .dfp-banner-card-controls .button.secondary {
width: 100%;
}
.dash-card .formrow > .dfp-banner-card-controls .button.secondary {
--tw-ring-color: rgb(var(--color-invert) / 1);
transition-property: none;
&:hover {
@media (hover: hover) {
--tw-ring-color: rgb(var(--color-key) / 1);
}
}
&:hover {
@media (hover: hover) {
background: linear-gradient(to right, rgba(var(--color-key-rgb), calc(1 - var(--color-key-gradient-invert-opacity))), rgba(var(--color-key-end-rgb), calc(1 - var(--color-key-gradient-invert-opacity))));
}
}
}
.dash-card .formrow > .dfp-banner-card-controls .button.secondary:hover p, .dash-card .formrow > .dfp-banner-card-controls .button.secondary:hover i {
color: rgb(var(--color-invert) / 1);
}
.modal-block.card .button.secondary.gradient span {
background-color: rgb(var(--color-key-gradient-invert) / 1);
}
.modal-block.card .button.secondary.gradient:hover span {
background-color: rgb(var(--color-key-gradient-invert) / var(--color-key-gradient-invert-opacity));
}
.modal-block.card .button.secondary.gradient:hover span p, .modal-block.card .button.secondary.gradient:hover span i {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.dash-card .dfp-product-card-media {
aspect-ratio: 1 / 1;
width: 100%;
}
.dash-card .dfp-product-card-media > img {
display: flex;
aspect-ratio: 1 / 1;
height: 100%;
width: 100%;
object-fit: cover;
@media (width >= 640px) {
--tw-shadow: var(--shadow-base);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
border-radius: inherit;
}
div.stack-control-cards {
display: flex;
width: 100%;
flex-direction: column;
}
.stack-controlrows > .formrow > .data-item:first-child {
flex: 1;
}
.stack-controlrows > .formrow.split > div:last-child p, .stack-controlrows > .formrow > p:nth-child(2) {
flex: 1;
text-align: start;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
font-style: italic;
}
.stack-controlrows > .formrow.split > :first-child {
display: flex;
width: 100%;
@media (width >= 640px) {
width: calc(1 / 2 * 100%);
}
}
.stack-controlrows > .formrow.split > :last-child {
display: flex;
width: 100%;
@media (width >= 640px) {
width: calc(1 / 2 * 100%);
}
}
.stack-controlrows > .formrow > :last-child {
display: flex;
width: 100%;
@media (width >= 640px) {
width: calc(2 / 5 * 100%);
}
@media (width >= 1440px) {
width: 30%;
}
}
:where(.dash-card > .stack-controlrows > .formrow > .data-item > .stack-avatar.md > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--offset-element-md) * -1) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--offset-element-md) * -1) * calc(1 - var(--tw-space-x-reverse)));
}
@media (width >= 640px) {
:where(.dash-card > .stack-controlrows > .formrow > .data-item > .stack-avatar.md > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(var(--offset-element-md) * -1) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(var(--offset-element-md) * -1) * calc(1 - var(--tw-space-x-reverse)));
}
}
.dash-card > .stack-controlrows > .formrow > .data-item > .stack-avatar.md > .avatar.md {
height: var(--element-c-sm);
width: var(--element-c-sm);
@media (width >= 640px) {
height: var(--element-c-md);
}
@media (width >= 640px) {
width: var(--element-c-md);
}
}
.data-item > .stack-avatar + .block-element {
font-style: italic;
}
.stack-form-buttons p {
padding-bottom: var(--layout-unit);
color: rgb(var(--color-key) / 1);
}
.stack-form-buttons-set {
display: flex;
width: 100%;
flex-direction: row;
column-gap: var(--spacing-gutter-base);
row-gap: var(--gap-form-2xl);
}
.stack-title-preview {
display: flex;
flex-direction: column;
row-gap: var(--gap-element-base);
}
.stack-form-media {
width: 100%;
text-align: center;
}
.stack-form-inputs {
display: flex;
width: 100%;
}
.stack-form-inputs.stack-row > div {
width: 100%;
}
.stack-form-media-item .form-label {
margin-top: var(--pad-element-base);
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
@media (width >= 640px) {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
}
}
.stack-form-media-item .helper {
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
color: rgb(var(--color-secondary) / 1);
font-style: italic;
@media (width >= 640px) {
font-size: var(--text-p3-size);
line-height: var(--tw-leading, var(--text-p3-lh));
}
}
.helper {
color: rgb(var(--color-secondary) / 1);
font-style: italic;
}
.stack-form-media-item {
display: flex;
width: 100%;
flex-direction: column;
place-items: center;
}
.stack-subtitle-published {
justify-content: space-between;
}
.stack-form-link-icons {
display: flex;
flex-direction: column;
}
.stack-form-link-icons > p {
padding-bottom: var(--layout-unit);
color: rgb(var(--color-key) / 1);
}
.stack-form-link-icons .button.icon.round.gradient p {
color: rgb(var(--color-secondary) / 1);
}
.stack-form-link-icons .button.icon.round.gradient:hover p, .stack-form-link-icons .button.icon.round.gradient:active p, .stack-form-link-icons .button.icon.round.gradient.active p {
color: rgb(var(--color-key) / 1);
}
div.stack-categories {
gap: var(--gap-stack-base);
}
div.stack-categories > h3 {
margin-top: var(--spacing-sub-base);
@media (width >= 960px) {
margin-top: 0px;
}
}
div.stack-pinned > h3 {
margin-top: var(--spacing-sub-base);
@media (width >= 960px) {
margin-top: 0px;
}
}
div.stack-category-links {
width: 100%;
justify-content: center;
gap: var(--spacing-sub-base);
@media (width >= 960px) {
justify-content: normal;
}
}
div.stack-category-links a > span {
gap: var(--gap-element-base);
}
div.stack-category-links p.count {
font-style: italic;
}
div.stack-tags {
justify-content: center;
@media (width >= 960px) {
justify-content: normal;
}
}
div.stack-trending > h3 {
display: none;
@media (width >= 960px) {
display: block;
}
}
.stack-categories .button.secondary.gradient.squared {
width: fit-content;
@media (width >= 960px) {
width: 100%;
}
}
.stack-categories .button.secondary.gradient.squared p {
color: rgb(var(--color-secondary) / 1);
transition-property: none;
}
.stack-categories .button.secondary.gradient.squared:hover p, .stack-categories .button.secondary.gradient.squared:active p {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
transition-property: none;
}
.stack-categories .button.secondary.gradient.squared {
transition-property: none;
background: linear-gradient(to right, rgba(var(--color-key-rgb), 0), rgba(var(--color-key-end-rgb), 0));
&:hover {
@media (hover: hover) {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
&:active {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
}
.stack-categories .button.secondary.gradient.squared span {
background-color: transparent;
transition-property: none;
}
.stack-categories .button.secondary.gradient.squared:hover span, .stack-categories .button.secondary.gradient.squared:active span {
transition-property: none;
background-color: rgb(var(--color-key-gradient-invert) / var(--color-key-gradient-invert-opacity));
}
.stack-excerpts {
grid-column: 1 / -1;
column-gap: var(--spacing-gutter-base);
row-gap: calc(var(--spacing-gutter-base) + var(--layout-unit) + var(--layout-unit));
@media (width >= 640px) {
column-gap: var(--spacing-gutter-sm);
}
@media (width >= 640px) {
row-gap: calc(var(--spacing-gutter-sm) + var(--layout-unit) + var(--layout-unit));
}
@media (width >= 768px) {
column-gap: var(--spacing-gutter-md);
}
@media (width >= 768px) {
row-gap: calc(var(--spacing-gutter-md) + var(--layout-unit) + var(--layout-unit));
}
@media (width >= 960px) {
column-gap: var(--spacing-gutter-lg);
}
@media (width >= 960px) {
row-gap: calc(var(--spacing-gutter-lg) + var(--layout-unit) + var(--layout-unit));
}
@media (width >= 1440px) {
column-gap: var(--spacing-gutter-xl);
}
@media (width >= 1440px) {
row-gap: calc(var(--spacing-gutter-xl) + var(--layout-unit) + var(--layout-unit));
}
@media (width >= 1600px) {
column-gap: var(--spacing-gutter-2xl);
}
@media (width >= 1600px) {
row-gap: calc(var(--spacing-gutter-2xl) + var(--layout-unit) + var(--layout-unit));
}
}
.stack-fill {
flex-grow: 1;
align-content: flex-end;
}
.stack-fill .button.secondary.gradient {
width: 100%;
}
.nav-tabs a {
flex-shrink: 1;
flex-grow: 1;
flex-basis: calc(50% - var(--spacing-gutter-base));
transition-property: none;
background: linear-gradient(to right, rgba(var(--color-key-rgb), 0), rgba(var(--color-key-end-rgb), 0));
@media (width >= 960px) {
width: 100%;
}
}
.nav-tabs a:hover, .nav-tabs a:active, .nav-tabs a.active {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.nav-tabs a p {
transition-property: none;
}
.nav-tabs a:hover p {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
transition-property: none;
}
.nav-tabs a:active p, .nav-tabs a.active p {
color: rgb(var(--color-invert) / 1);
}
.nav-tabs a span {
background-color: transparent;
transition-property: none;
}
.nav-tabs a:hover span {
background-color: rgb(var(--color-key-gradient-invert) / var(--color-key-gradient-invert-opacity));
}
.nav-tabs a:active span, .nav-tabs a.active span {
background-color: rgb(var(--color-key-gradient-invert) / 0);
}
.title-icon-attribute {
align-items: baseline;
}
.title-icon-attribute p i {
padding-inline-end: var(--spacing-sub-base);
}
.profile-avatar {
width: var(--element-c-lg);
height: var(--element-c-lg);
--tw-shadow: var(--shadow-base);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@media (width >= 640px) {
width: var(--element-c-xl);
height: var(--element-c-xl);
}
}
.centerframe-split {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
@media (width >= 640px) {
flex-direction: row;
}
@media (width >= 640px) {
padding-inline-end: 0px;
}
}
.centerframe-split-left {
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
@media (width >= 640px) {
padding-block: 0px;
}
@media (width >= 640px) {
padding-inline-start: 0px;
}
}
.centerframe-split-left > div {
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-end;
}
.centerframe-split-right {
width: 100%;
}
.centerframe-split-right div img {
height: calc(3 * var(--layout-row-height-base) + 2 * var(--spacing-gutter-base));
width: 100%;
object-fit: cover;
object-position: center;
@media (width >= 640px) {
aspect-ratio: var(--aspect-x-golden);
}
@media (width >= 640px) {
height: 100%;
}
@media (width >= 640px) {
border-start-start-radius: var(--radius-corner-max);
border-end-start-radius: var(--radius-corner-max);
}
}
.centerframe-split-lg {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
@media (width >= 960px) {
flex-direction: row;
}
@media (width >= 960px) {
padding-inline-end: 0px;
}
}
.centerframe-split-left-lg {
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
@media (width >= 960px) {
padding-block: 0px;
}
@media (width >= 960px) {
padding-inline-start: 0px;
}
}
.centerframe-split-left-lg > div {
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-end;
}
.centerframe-split-right-lg {
width: 100%;
}
.centerframe-split-right-lg div img {
height: calc(3 * var(--layout-row-height-base) + 2 * var(--spacing-gutter-base));
width: 100%;
object-fit: cover;
object-position: center;
@media (width >= 960px) {
aspect-ratio: var(--aspect-x-golden);
}
@media (width >= 960px) {
height: 100%;
}
@media (width >= 960px) {
border-start-start-radius: var(--radius-corner-max);
border-end-start-radius: var(--radius-corner-max);
}
}
.stack-input-helper {
display: flex;
flex-direction: column;
row-gap: var(--spacing-sub-base);
}
.stack-input-helper p.helper {
text-align: center;
font-size: var(--text-p4-size);
line-height: var(--tw-leading, var(--text-p4-lh));
}
.stack-auth-form {
width: 100%;
}
.stack-auth-form > hgroup > p {
font-size: var(--text-p1-size);
line-height: var(--tw-leading, var(--text-p1-lh));
}
.stack-auth-form > form {
width: 100%;
}
.stack-auth-form > p {
font-size: var(--text-p2-size);
line-height: var(--tw-leading, var(--text-p2-lh));
font-style: italic;
}
.stack-contact-form {
width: 100%;
}
.stack-contact-form .stack-row {
width: 100%;
flex-wrap: wrap;
row-gap: var(--gap-stack-base);
@media (width >= 640px) {
flex-wrap: nowrap;
}
}
.stack-contact-form .stack-row .form-input {
width: 100%;
}
.stack-contact-form > hgroup > p {
font-size: var(--text-p1-size);
line-height: var(--tw-leading, var(--text-p1-lh));
}
.stack-contact-form > form {
width: 100%;
}
.stack-contact-form > p {
font-size: var(--text-p2-size);
line-height: var(--tw-leading, var(--text-p2-lh));
font-style: italic;
}
.profile-username {
font-size: var(--text-p1-size);
line-height: var(--tw-leading, var(--text-p1-lh));
}
.stack-element-preview-form-input div {
width: 100%;
}
.stack-element-preview {
display: flex;
width: 100%;
flex-direction: column;
}
.element-preview-label {
display: flex;
flex-direction: row;
}
.profile-bio {
font-style: italic;
}
.stack-profile-stats {
justify-content: center;
@media (width >= 960px) {
justify-content: flex-start;
}
}
.stack-profile-stats-item > :first-child {
font-size: var(--text-p1-size);
line-height: var(--tw-leading, var(--text-p1-lh));
}
.post-form .form-textarea {
border-radius: var(--radius-field);
border-style: var(--tw-border-style);
border-width: 0px;
padding: var(--spacing-sub-base);
}
.post-form .form-textarea textarea {
width: 100%;
border-style: var(--tw-border-style);
border-width: 0px;
padding: 0px;
}
.post-form .form-textarea label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
div.stack-comment-hearts.stack-row {
align-items: center;
column-gap: var(--spacing-sub-base);
@media (width >= 1600px) {
gap: var(--gap-element-2xl);
}
}
div.stack-comment-hearts.stack-row > p {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.post-data {
width: 100%;
}
.post-data .datarow.title {
width: 100%;
flex-basis: 100%;
align-items: center;
@media (width >= 640px) {
flex-grow: 1;
}
@media (width >= 768px) {
flex-basis: calc(33.333333% - var(--spacing-gutter-base));
}
}
.post-data .datarow {
flex-basis: 100%;
@media (width >= 640px) {
flex-shrink: 1;
}
@media (width >= 640px) {
flex-grow: 1;
}
@media (width >= 640px) {
flex-basis: calc(33.333333% - var(--spacing-gutter-base));
}
}
.post-data .controlrow {
@media (width >= 640px) {
width: fit-content;
}
width: 100%;
@media (width >= 640px) {
width: fit-content;
}
}
.post-data .controlrow .button {
width: 100%;
@media (width >= 640px) {
width: fit-content;
}
}
.product-info-listing {
font-style: italic;
}
.dfp-hero.fx .dfp-hero-decoration::after {
background-image: linear-gradient(var(--df-fx-gradient-angle), rgb(var(--qs-color-key) / 0.18), rgb(var(--qs-color-key-end) / 0.18));
animation: df-gradient-sweep calc(var(--qs-duration-slow) * 16) linear infinite;
}
@supports (animation-timeline: scroll()) {
html:not([data-dffx-motion="reduced"]) .dfp-hero.fx .dfp-hero-decoration {
animation: df-hero-drift both linear;
animation-timeline: scroll();
animation-range: 0% 100vh;
}
}
}
}
@keyframes df-hero-drift {
to {
transform: translateY(calc(-1 * var(--spacing-shoulder-2xl, 48px)));
}
}
@media (prefers-reduced-motion: reduce) {
html:not([data-dffx-motion="full"]) .dfp-hero.fx .dfp-hero-decoration, html:not([data-dffx-motion="full"]) .dfp-hero.fx .dfp-hero-decoration::after {
animation: none;
}
}
html[data-dffx-motion="reduced"] .dfp-hero.fx .dfp-hero-decoration, html[data-dffx-motion="reduced"] .dfp-hero.fx .dfp-hero-decoration::after {
animation: none;
}
@layer components {
@layer df-pro {
html.dffx-io .dfp-reveal-stage > * {
transition-delay: calc(var(--df-fx-i, 0) * var(--qs-duration-fast));
}
html.dffx-io .dfp-reveal-stage > hgroup, html.dffx-io .dfp-reveal-stage > .block-full:first-child {
transition-delay: 0s;
}
@supports (animation-timeline: view()) {
html:not([data-dffx-force-fallback]):not([data-dffx-motion="reduced"]) .dfp-reveal-stage > * {
animation-range: entry 0% entry 80%;
}
html:not([data-dffx-force-fallback]):not([data-dffx-motion="reduced"]) .dfp-reveal-stage > hgroup {
animation-range: entry 0% entry 40%;
}
}
.dfp-header-condense .header-flex > nav {
transition: transform var(--qs-duration-base) var(--qs-ease-standard);
transform-origin: center;
}
.dfp-header-condense.condensed .header-flex > nav {
transform: scale(0.92);
}
}
}
@media (prefers-reduced-motion: reduce) {
html:not([data-dffx-motion="full"]) .dfp-header-condense .header-flex > nav {
transition: none;
}
}
html[data-dffx-motion="reduced"] .dfp-header-condense .header-flex > nav {
transition: none;
}
@layer components {
html.df-header-bg-none header.theme, html.df-header-bg-none header.theme-alt {
background-color: transparent;
background-image: none;
}
html.df-footer-bg-none footer.theme, html.df-footer-bg-none footer.theme-alt {
background-color: transparent;
background-image: none;
}
@layer df-theme;
@layer df-core {
header nav p a, header nav p a:link, header nav p a:visited, header nav p a:focus {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: rgb(var(--color-secondary) / 1);
font-style: normal;
}
header nav p a:hover {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: 100%;
}
header nav p a:active {
color: rgb(var(--color-secondary) / 1);
opacity: var(--color-key-gradient-active-opacity);
}
footer nav p a, footer nav p a:link, footer nav p a:visited, footer nav p a:focus {
color: rgb(var(--color-secondary) / 1);
font-style: normal;
}
footer nav p a:hover {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: 100%;
}
footer nav p a:active {
color: rgb(var(--color-secondary) / 1);
opacity: var(--color-key-gradient-active-opacity);
}
body {
background-color: rgb(var(--color-background) / 1);
color: rgb(var(--color-primary) / 1);
}
header {
background-color: rgb(var(--color-background) / 1);
color: rgb(var(--color-primary) / 1);
}
main {
background-color: rgb(var(--color-background) / 1);
color: rgb(var(--color-primary) / 1);
}
footer {
background-color: rgb(var(--color-background) / 1);
color: rgb(var(--color-primary) / 1);
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
color: rgb(var(--color-primary) / 1);
}
::placeholder {
font-style: italic;
}
@media (width >= 960px) {
#header-nav-menu {
display: none;
}
}
#header-nav-menu nav a {
box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, var(--shadow-alpha-light)), inset 0 -4px 4px -4px rgba(0, 0, 0, var(--shadow-alpha-light));
}
#header-nav-menu nav a p {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
text-decoration-line: none;
}
:focus-visible {
outline-width: 2px;
outline-style: solid;
outline-color: rgb(var(--color-key));
outline-offset: 2px;
}
.chip {
opacity: 100%;
}
.chip:hover {
opacity: var(--color-key-gradient-active-opacity);
}
.card, .card-base {
--tw-shadow: var(--shadow-light);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
@layer df-theme {
.body-theme {
background-color: rgb(var(--color-background) / 1);
}
.main-theme {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-background-start) / 1);
--tw-gradient-to: rgb(var(--color-background-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background: linear-gradient(to var(--color-background-direction), rgba(var(--color-background-start-rgb), 1), rgba(var(--color-background-end-rgb), 1));
}
.body-theme-transparent, .main-theme-transparent {
background-color: transparent;
}
.body-theme, .main-theme, .body-theme-transparent, .main-theme-transparent {
color: rgb(var(--color-primary) / 1);
}
header.theme {
background-color: rgb(var(--color-header-background) / 1);
background-image: none;
color: rgb(var(--color-header-primary) / 1);
}
header.theme nav p a, header.theme nav p a:link, header.theme nav p a:visited, header.theme nav p a:focus, header.theme nav ul li a, header.theme nav ul li a:link, header.theme nav ul li a:visited, header.theme nav ul li a:focus, header.theme nav > a, header.theme nav > a:link, header.theme nav > a:visited, header.theme nav > a:focus {
--tw-font-weight: var(--font-header-nav-weight);
font-weight: var(--font-header-nav-weight);
color: rgb(var(--color-header-nav-link) / 1);
}
header.theme nav p a:hover, header.theme nav ul li a:hover, header.theme nav > a:hover {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: 100%;
}
header.theme nav p a:active, header.theme nav ul li a:active, header.theme nav > a:active {
color: rgb(var(--color-secondary) / 1);
opacity: var(--color-key-gradient-active-opacity);
}
footer.theme {
background-color: rgb(var(--color-footer-background) / 1);
background-image: none;
color: rgb(var(--color-footer-primary) / 1);
}
footer.theme nav p a, footer.theme nav p a:link, footer.theme nav p a:visited, footer.theme nav p a:focus, footer.theme nav ul li a, footer.theme nav ul li a:link, footer.theme nav ul li a:visited, footer.theme nav ul li a:focus, footer.theme nav > a, footer.theme nav > a:link, footer.theme nav > a:visited, footer.theme nav > a:focus {
--tw-font-weight: var(--font-footer-nav-weight);
font-weight: var(--font-footer-nav-weight);
color: rgb(var(--color-footer-nav-link) / 1);
}
footer.theme nav p a:hover, footer.theme nav ul li a:hover, footer.theme nav > a:hover {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: 100%;
}
footer.theme nav p a:active, footer.theme nav ul li a:active, footer.theme nav > a:active {
color: rgb(var(--color-secondary) / 1);
opacity: var(--color-key-gradient-active-opacity);
}
.theme {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-background-start) / 1);
--tw-gradient-to: rgb(var(--color-background-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background: linear-gradient(to var(--color-background-direction), rgba(var(--color-background-start-rgb), 1), rgba(var(--color-background-end-rgb), 1));
color: rgb(var(--color-primary) / 1);
}
.theme-transparent {
background-color: transparent;
color: rgb(var(--color-primary) / 1);
}
:is(.theme, .theme-transparent) .card:not(.transparent), :is(.theme, .theme-transparent) .card-base:not(.transparent) {
background-color: rgb(var(--color-background) / 1);
}
:is(.theme, .theme-transparent) .stack-title h2 span, :is(.theme, .theme-transparent) .stack-title-filters h2 span, :is(.theme, .theme-transparent) .stack-title-icons h2 span {
color: rgb(var(--color-primary) / 1);
}
.body-theme-invert, .main-theme-invert {
background-color: rgb(var(--color-primary) / 1);
}
.body-theme-invert-transparent, .main-theme-invert-transparent {
background-color: transparent;
}
.body-theme-invert, .main-theme-invert, .body-theme-invert-transparent, .main-theme-invert-transparent {
color: rgb(var(--color-invert) / 1);
}
header.theme-invert, footer.theme-invert {
background-color: rgb(var(--color-primary) / 1);
}
:is(header.theme-invert, footer.theme-invert) h1, :is(header.theme-invert, footer.theme-invert) h2, :is(header.theme-invert, footer.theme-invert) h3, :is(header.theme-invert, footer.theme-invert) h4, :is(header.theme-invert, footer.theme-invert) h5, :is(header.theme-invert, footer.theme-invert) h6 {
color: rgb(var(--color-invert) / 1);
}
:is(header.theme-invert, footer.theme-invert) nav p a, :is(header.theme-invert, footer.theme-invert) nav p a:link, :is(header.theme-invert, footer.theme-invert) nav p a:visited, :is(header.theme-invert, footer.theme-invert) nav p a:focus {
color: rgb(var(--color-secondary) / 1);
}
:is(header.theme-invert, footer.theme-invert) nav p a:hover {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-invert {
background-color: rgb(var(--color-primary) / 1);
color: rgb(var(--color-invert) / 1);
}
.theme-invert-transparent {
background-color: transparent;
color: rgb(var(--color-invert) / 1);
}
:is(.theme-invert, .theme-invert-transparent) h1, :is(.theme-invert, .theme-invert-transparent) h2, :is(.theme-invert, .theme-invert-transparent) h3, :is(.theme-invert, .theme-invert-transparent) h4, :is(.theme-invert, .theme-invert-transparent) h5, :is(.theme-invert, .theme-invert-transparent) h6 {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-invert, .theme-invert-transparent) p a, :is(.theme-invert, .theme-invert-transparent) p a:link, :is(.theme-invert, .theme-invert-transparent) p a:visited {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-invert, .theme-invert-transparent) .card:not(.transparent), :is(.theme-invert, .theme-invert-transparent) .card-base:not(.transparent) {
background-color: rgb(var(--color-background) / 1);
}
:is(.theme-invert, .theme-invert-transparent) .card:not(.transparent) p, :is(.theme-invert, .theme-invert-transparent) .card-base:not(.transparent) p {
color: rgb(var(--color-primary) / 1);
}
:is(.theme-invert, .theme-invert-transparent) .stack-row h2 span {
color: rgb(var(--color-invert) / 1);
}
.theme-invert.card:not(.transparent), .theme-invert.card-base:not(.transparent) {
background-color: rgb(var(--color-primary) / 1);
color: rgb(var(--color-invert) / 1);
}
.theme-invert-transparent.card:not(.transparent), .theme-invert-transparent.card-base:not(.transparent) {
background-color: transparent;
color: rgb(var(--color-invert) / 1);
}
.theme-invert.card:not(.transparent) h1, .theme-invert.card:not(.transparent) h2, .theme-invert.card:not(.transparent) h3, .theme-invert.card:not(.transparent) h4, .theme-invert.card:not(.transparent) h5, .theme-invert.card:not(.transparent) h6, .theme-invert.card-base:not(.transparent) h1, .theme-invert.card-base:not(.transparent) h2, .theme-invert.card-base:not(.transparent) h3, .theme-invert.card-base:not(.transparent) h4, .theme-invert.card-base:not(.transparent) h5, .theme-invert.card-base:not(.transparent) h6, .theme-invert-transparent.card:not(.transparent) h1, .theme-invert-transparent.card:not(.transparent) h2, .theme-invert-transparent.card:not(.transparent) h3, .theme-invert-transparent.card:not(.transparent) h4, .theme-invert-transparent.card:not(.transparent) h5, .theme-invert-transparent.card:not(.transparent) h6, .theme-invert-transparent.card-base:not(.transparent) h1, .theme-invert-transparent.card-base:not(.transparent) h2, .theme-invert-transparent.card-base:not(.transparent) h3, .theme-invert-transparent.card-base:not(.transparent) h4, .theme-invert-transparent.card-base:not(.transparent) h5, .theme-invert-transparent.card-base:not(.transparent) h6 {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-invert.card:not(.transparent) p, .theme-invert.card-base:not(.transparent) p, .theme-invert-transparent.card:not(.transparent) p, .theme-invert-transparent.card-base:not(.transparent) p {
color: rgb(var(--color-invert) / 1);
}
.theme-invert.card:not(.transparent) p a, .theme-invert.card:not(.transparent) p a:link, .theme-invert.card:not(.transparent) p a:visited, .theme-invert.card-base:not(.transparent) p a, .theme-invert.card-base:not(.transparent) p a:link, .theme-invert.card-base:not(.transparent) p a:visited, .theme-invert-transparent.card:not(.transparent) p a, .theme-invert-transparent.card:not(.transparent) p a:link, .theme-invert-transparent.card:not(.transparent) p a:visited, .theme-invert-transparent.card-base:not(.transparent) p a, .theme-invert-transparent.card-base:not(.transparent) p a:link, .theme-invert-transparent.card-base:not(.transparent) p a:visited {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.body-theme-key, .main-theme-key {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert) / 1);
}
.body-theme-key-gradient, .main-theme-key-gradient {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert) / 1);
}
header.theme-key, footer.theme-key {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
header.theme-key-gradient, footer.theme-key-gradient {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
:is(header.theme-key, footer.theme-key, header.theme-key-gradient, footer.theme-key-gradient) nav p a, :is(header.theme-key, footer.theme-key, header.theme-key-gradient, footer.theme-key-gradient) nav p a:link, :is(header.theme-key, footer.theme-key, header.theme-key-gradient, footer.theme-key-gradient) nav p a:visited, :is(header.theme-key, footer.theme-key, header.theme-key-gradient, footer.theme-key-gradient) nav p a:focus {
color: rgb(var(--color-invert) / 1);
}
:is(header.theme-key, footer.theme-key, header.theme-key-gradient, footer.theme-key-gradient) nav p a:hover {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-key {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert) / 1);
}
.theme-key-gradient {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert) / 1);
}
:is(.theme-key, .theme-key-gradient) h1, :is(.theme-key, .theme-key-gradient) h2, :is(.theme-key, .theme-key-gradient) h3, :is(.theme-key, .theme-key-gradient) h4, :is(.theme-key, .theme-key-gradient) h5, :is(.theme-key, .theme-key-gradient) h6 {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-key, .theme-key-gradient) p a, :is(.theme-key, .theme-key-gradient) p a:link, :is(.theme-key, .theme-key-gradient) p a:visited {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-key, .theme-key-gradient) .card:not(.transparent), :is(.theme-key, .theme-key-gradient) .card-base:not(.transparent) {
background-color: rgb(var(--color-background) / 1);
}
:is(.theme-key, .theme-key-gradient) .card:not(.transparent) h1, :is(.theme-key, .theme-key-gradient) .card:not(.transparent) h2, :is(.theme-key, .theme-key-gradient) .card:not(.transparent) h3, :is(.theme-key, .theme-key-gradient) .card:not(.transparent) h4, :is(.theme-key, .theme-key-gradient) .card:not(.transparent) h5, :is(.theme-key, .theme-key-gradient) .card:not(.transparent) h6, :is(.theme-key, .theme-key-gradient) .card-base:not(.transparent) h1, :is(.theme-key, .theme-key-gradient) .card-base:not(.transparent) h2, :is(.theme-key, .theme-key-gradient) .card-base:not(.transparent) h3, :is(.theme-key, .theme-key-gradient) .card-base:not(.transparent) h4, :is(.theme-key, .theme-key-gradient) .card-base:not(.transparent) h5, :is(.theme-key, .theme-key-gradient) .card-base:not(.transparent) h6 {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-key, .theme-key-gradient) .card:not(.transparent) p, :is(.theme-key, .theme-key-gradient) .card-base:not(.transparent) p {
color: rgb(var(--color-primary) / 1);
}
:is(.theme-key, .theme-key-gradient) .card:not(.transparent) p a, :is(.theme-key, .theme-key-gradient) .card:not(.transparent) p a:link, :is(.theme-key, .theme-key-gradient) .card:not(.transparent) p a:visited, :is(.theme-key, .theme-key-gradient) .card-base:not(.transparent) p a, :is(.theme-key, .theme-key-gradient) .card-base:not(.transparent) p a:link, :is(.theme-key, .theme-key-gradient) .card-base:not(.transparent) p a:visited {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-key.card:not(.transparent), .theme-key.card-base:not(.transparent) {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert) / 1);
}
.theme-key-gradient.card:not(.transparent), .theme-key-gradient.card-base:not(.transparent) {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert) / 1);
}
.theme-key.card:not(.transparent) h1, .theme-key.card:not(.transparent) h2, .theme-key.card:not(.transparent) h3, .theme-key.card:not(.transparent) h4, .theme-key.card:not(.transparent) h5, .theme-key.card:not(.transparent) h6, .theme-key.card-base:not(.transparent) h1, .theme-key.card-base:not(.transparent) h2, .theme-key.card-base:not(.transparent) h3, .theme-key.card-base:not(.transparent) h4, .theme-key.card-base:not(.transparent) h5, .theme-key.card-base:not(.transparent) h6, .theme-key-gradient.card:not(.transparent) h1, .theme-key-gradient.card:not(.transparent) h2, .theme-key-gradient.card:not(.transparent) h3, .theme-key-gradient.card:not(.transparent) h4, .theme-key-gradient.card:not(.transparent) h5, .theme-key-gradient.card:not(.transparent) h6, .theme-key-gradient.card-base:not(.transparent) h1, .theme-key-gradient.card-base:not(.transparent) h2, .theme-key-gradient.card-base:not(.transparent) h3, .theme-key-gradient.card-base:not(.transparent) h4, .theme-key-gradient.card-base:not(.transparent) h5, .theme-key-gradient.card-base:not(.transparent) h6 {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-key.card:not(.transparent) p, .theme-key.card-base:not(.transparent) p, .theme-key-gradient.card:not(.transparent) p, .theme-key-gradient.card-base:not(.transparent) p {
color: rgb(var(--color-invert) / 1);
}
.theme-key.card:not(.transparent) p a, .theme-key.card:not(.transparent) p a:link, .theme-key.card:not(.transparent) p a:visited, .theme-key.card-base:not(.transparent) p a, .theme-key.card-base:not(.transparent) p a:link, .theme-key.card-base:not(.transparent) p a:visited, .theme-key-gradient.card:not(.transparent) p a, .theme-key-gradient.card:not(.transparent) p a:link, .theme-key-gradient.card:not(.transparent) p a:visited, .theme-key-gradient.card-base:not(.transparent) p a, .theme-key-gradient.card-base:not(.transparent) p a:link, .theme-key-gradient.card-base:not(.transparent) p a:visited {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-key .toggle-set.air .button p, .theme-key .toggle-set.air .button i, .theme-key .toggle-set.air .button:hover p, .theme-key .toggle-set.air .button:hover i, .theme-key .toggle-set.air .button.active p, .theme-key .toggle-set.air .button.active i, .theme-key-gradient .toggle-set.air .button p, .theme-key-gradient .toggle-set.air .button i, .theme-key-gradient .toggle-set.air .button:hover p, .theme-key-gradient .toggle-set.air .button:hover i, .theme-key-gradient .toggle-set.air .button.active p, .theme-key-gradient .toggle-set.air .button.active i {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-key .button.gradient.air p, .theme-key .button.gradient.air i, .theme-key .button.gradient.air:hover p, .theme-key .button.gradient.air:hover i, .theme-key .button.gradient.air.active p, .theme-key .button.gradient.air.active i, .theme-key-gradient .button.gradient.air p, .theme-key-gradient .button.gradient.air i, .theme-key-gradient .button.gradient.air:hover p, .theme-key-gradient .button.gradient.air:hover i, .theme-key-gradient .button.gradient.air.active p, .theme-key-gradient .button.gradient.air.active i {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-key .button.air p, .theme-key .button.air i, .theme-key .button.air:hover p, .theme-key .button.air:hover i, .theme-key .button.air.active p, .theme-key .button.air.active i, .theme-key-gradient .button.air p, .theme-key-gradient .button.air i, .theme-key-gradient .button.air:hover p, .theme-key-gradient .button.air:hover i, .theme-key-gradient .button.air.active p, .theme-key-gradient .button.air.active i {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-key .button.icon.air:hover i, .theme-key .button.icon.air:hover p, .theme-key .button.icon.air.active i, .theme-key .button.icon.air.active p, .theme-key-gradient .button.icon.air:hover i, .theme-key-gradient .button.icon.air:hover p, .theme-key-gradient .button.icon.air.active i, .theme-key-gradient .button.icon.air.active p {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-key .button.icon.gradient.air:hover i, .theme-key .button.icon.gradient.air:hover p, .theme-key .button.icon.gradient.air.active i, .theme-key .button.icon.gradient.air.active p, .theme-key-gradient .button.icon.gradient.air:hover i, .theme-key-gradient .button.icon.gradient.air:hover p, .theme-key-gradient .button.icon.gradient.air.active i, .theme-key-gradient .button.icon.gradient.air.active p {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-key .button.icon.dropdown.gradient.air p, .theme-key .button.icon.dropdown.gradient.air i, .theme-key .button.icon.dropdown.gradient.secondary.air p, .theme-key .button.icon.dropdown.gradient.secondary.air i, .theme-key-gradient .button.icon.dropdown.gradient.air p, .theme-key-gradient .button.icon.dropdown.gradient.air i, .theme-key-gradient .button.icon.dropdown.gradient.secondary.air p, .theme-key-gradient .button.icon.dropdown.gradient.secondary.air i {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-key .df-docs-sidebar-nav a.button.gradient.air p, .theme-key .df-docs-sidebar-nav a.button.gradient.air i, .theme-key-gradient .df-docs-sidebar-nav a.button.gradient.air p, .theme-key-gradient .df-docs-sidebar-nav a.button.gradient.air i {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
.theme-key .df-docs-sidebar-nav a.button.gradient.air:hover p, .theme-key .df-docs-sidebar-nav a.button.gradient.air:hover i, .theme-key .df-docs-sidebar-nav a.button.gradient.air.active p, .theme-key .df-docs-sidebar-nav a.button.gradient.air.active i, .theme-key-gradient .df-docs-sidebar-nav a.button.gradient.air:hover p, .theme-key-gradient .df-docs-sidebar-nav a.button.gradient.air:hover i, .theme-key-gradient .df-docs-sidebar-nav a.button.gradient.air.active p, .theme-key-gradient .df-docs-sidebar-nav a.button.gradient.air.active i {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-key, .theme-key-gradient) .stack-row h2 span {
color: rgb(var(--color-primary) / 1);
}
.body-theme-alt {
background-color: rgb(var(--color-background-alt) / 1);
}
.main-theme-alt {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-background-start-alt) / 1);
--tw-gradient-to: rgb(var(--color-background-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background: linear-gradient(to var(--color-background-alt-direction), rgba(var(--color-background-start-alt-rgb), 1), rgba(var(--color-background-end-alt-rgb), 1));
}
.body-theme-alt-transparent, .main-theme-alt-transparent {
background-color: transparent;
}
.body-theme-alt, .main-theme-alt, .body-theme-alt-transparent, .main-theme-alt-transparent {
color: rgb(var(--color-primary-alt) / 1);
}
header.theme-alt {
background-color: rgb(var(--color-header-background-alt) / 1);
background-image: none;
color: rgb(var(--color-header-primary-alt) / 1);
}
header.theme-alt nav p a, header.theme-alt nav p a:link, header.theme-alt nav p a:visited, header.theme-alt nav p a:focus, header.theme-alt nav ul li a, header.theme-alt nav ul li a:link, header.theme-alt nav ul li a:visited, header.theme-alt nav ul li a:focus, header.theme-alt nav > a, header.theme-alt nav > a:link, header.theme-alt nav > a:visited, header.theme-alt nav > a:focus {
--tw-font-weight: var(--font-header-nav-weight-alt);
font-weight: var(--font-header-nav-weight-alt);
color: rgb(var(--color-header-nav-link-alt) / 1);
}
header.theme-alt nav p a:hover, header.theme-alt nav ul li a:hover, header.theme-alt nav > a:hover {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: 100%;
}
header.theme-alt nav p a:active, header.theme-alt nav ul li a:active, header.theme-alt nav > a:active {
color: rgb(var(--color-secondary-alt) / 1);
opacity: var(--color-key-gradient-active-opacity);
}
footer.theme-alt {
background-color: rgb(var(--color-footer-background-alt) / 1);
background-image: none;
color: rgb(var(--color-footer-primary-alt) / 1);
}
footer.theme-alt nav p a, footer.theme-alt nav p a:link, footer.theme-alt nav p a:visited, footer.theme-alt nav p a:focus, footer.theme-alt nav ul li a, footer.theme-alt nav ul li a:link, footer.theme-alt nav ul li a:visited, footer.theme-alt nav ul li a:focus, footer.theme-alt nav > a, footer.theme-alt nav > a:link, footer.theme-alt nav > a:visited, footer.theme-alt nav > a:focus {
--tw-font-weight: var(--font-footer-nav-weight-alt);
font-weight: var(--font-footer-nav-weight-alt);
color: rgb(var(--color-footer-nav-link-alt) / 1);
}
footer.theme-alt nav p a:hover, footer.theme-alt nav ul li a:hover, footer.theme-alt nav > a:hover {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
opacity: 100%;
}
footer.theme-alt nav p a:active, footer.theme-alt nav ul li a:active, footer.theme-alt nav > a:active {
color: rgb(var(--color-secondary-alt) / 1);
opacity: var(--color-key-gradient-active-opacity);
}
.theme-alt {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-background-start-alt) / 1);
--tw-gradient-to: rgb(var(--color-background-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background: linear-gradient(to var(--color-background-alt-direction), rgba(var(--color-background-start-alt-rgb), 1), rgba(var(--color-background-end-alt-rgb), 1));
color: rgb(var(--color-primary-alt) / 1);
}
.theme-alt-transparent {
background-color: transparent;
color: rgb(var(--color-primary-alt) / 1);
}
:is(.theme-alt, .theme-alt-transparent) h1, :is(.theme-alt, .theme-alt-transparent) h2, :is(.theme-alt, .theme-alt-transparent) h3, :is(.theme-alt, .theme-alt-transparent) h4, :is(.theme-alt, .theme-alt-transparent) h5, :is(.theme-alt, .theme-alt-transparent) h6 {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-alt, .theme-alt-transparent) p a, :is(.theme-alt, .theme-alt-transparent) p a:link, :is(.theme-alt, .theme-alt-transparent) p a:visited {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-alt, .theme-alt-transparent) .card:not(.transparent), :is(.theme-alt, .theme-alt-transparent) .card-base:not(.transparent) {
background-color: rgb(var(--color-background) / 1);
}
:is(.theme-alt, .theme-alt-transparent) .card:not(.transparent) p, :is(.theme-alt, .theme-alt-transparent) .card-base:not(.transparent) p {
color: rgb(var(--color-primary) / 1);
}
:is(.theme-alt, .theme-alt-transparent) .stack-row h2 span {
color: rgb(var(--color-primary) / 1);
}
.theme-alt.card:not(.transparent), .theme-alt.card-base:not(.transparent) {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-background-start-alt) / 1);
--tw-gradient-to: rgb(var(--color-background-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background: linear-gradient(to var(--color-background-alt-direction), rgba(var(--color-background-start-alt-rgb), 1), rgba(var(--color-background-end-alt-rgb), 1));
color: rgb(var(--color-primary-alt) / 1);
}
.theme-alt-transparent.card:not(.transparent), .theme-alt-transparent.card-base:not(.transparent) {
background-color: transparent;
color: rgb(var(--color-primary-alt) / 1);
}
.body-theme-alt-invert, .main-theme-alt-invert {
background-color: rgb(var(--color-primary-alt) / 1);
}
.body-theme-alt-invert-transparent, .main-theme-alt-invert-transparent {
background-color: transparent;
}
.body-theme-alt-invert, .main-theme-alt-invert, .body-theme-alt-invert-transparent, .main-theme-alt-invert-transparent {
color: rgb(var(--color-invert-alt) / 1);
}
header.theme-alt-invert, footer.theme-alt-invert {
background-color: rgb(var(--color-primary-alt) / 1);
}
:is(header.theme-alt-invert, footer.theme-alt-invert) nav p a, :is(header.theme-alt-invert, footer.theme-alt-invert) nav p a:link, :is(header.theme-alt-invert, footer.theme-alt-invert) nav p a:visited, :is(header.theme-alt-invert, footer.theme-alt-invert) nav p a:focus {
color: rgb(var(--color-secondary-alt) / 1);
}
:is(header.theme-alt-invert, footer.theme-alt-invert) nav p a:hover {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-alt-invert {
background-color: rgb(var(--color-primary-alt) / 1);
color: rgb(var(--color-invert-alt) / 1);
}
.theme-alt-invert-transparent {
background-color: transparent;
color: rgb(var(--color-invert-alt) / 1);
}
:is(.theme-alt-invert, .theme-alt-invert-transparent) h1, :is(.theme-alt-invert, .theme-alt-invert-transparent) h2, :is(.theme-alt-invert, .theme-alt-invert-transparent) h3, :is(.theme-alt-invert, .theme-alt-invert-transparent) h4, :is(.theme-alt-invert, .theme-alt-invert-transparent) h5, :is(.theme-alt-invert, .theme-alt-invert-transparent) h6 {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-alt-invert, .theme-alt-invert-transparent) p a, :is(.theme-alt-invert, .theme-alt-invert-transparent) p a:link, :is(.theme-alt-invert, .theme-alt-invert-transparent) p a:visited {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-alt-invert, .theme-alt-invert-transparent) .card:not(.transparent), :is(.theme-alt-invert, .theme-alt-invert-transparent) .card-base:not(.transparent) {
background-color: rgb(var(--color-background) / 1);
}
:is(.theme-alt-invert, .theme-alt-invert-transparent) .card:not(.transparent) p, :is(.theme-alt-invert, .theme-alt-invert-transparent) .card-base:not(.transparent) p {
color: rgb(var(--color-primary) / 1);
}
:is(.theme-alt-invert, .theme-alt-invert-transparent) .stack-row h2 span {
color: rgb(var(--color-invert) / 1);
}
.theme-alt-invert.card:not(.transparent), .theme-alt-invert.card-base:not(.transparent) {
background-color: rgb(var(--color-primary-alt) / 1);
color: rgb(var(--color-invert-alt) / 1);
}
.theme-alt-invert-transparent.card:not(.transparent), .theme-alt-invert-transparent.card-base:not(.transparent) {
background-color: transparent;
color: rgb(var(--color-invert-alt) / 1);
}
.theme-alt-invert.card:not(.transparent) h1, .theme-alt-invert.card:not(.transparent) h2, .theme-alt-invert.card:not(.transparent) h3, .theme-alt-invert.card:not(.transparent) h4, .theme-alt-invert.card:not(.transparent) h5, .theme-alt-invert.card:not(.transparent) h6, .theme-alt-invert.card-base:not(.transparent) h1, .theme-alt-invert.card-base:not(.transparent) h2, .theme-alt-invert.card-base:not(.transparent) h3, .theme-alt-invert.card-base:not(.transparent) h4, .theme-alt-invert.card-base:not(.transparent) h5, .theme-alt-invert.card-base:not(.transparent) h6, .theme-alt-invert-transparent.card:not(.transparent) h1, .theme-alt-invert-transparent.card:not(.transparent) h2, .theme-alt-invert-transparent.card:not(.transparent) h3, .theme-alt-invert-transparent.card:not(.transparent) h4, .theme-alt-invert-transparent.card:not(.transparent) h5, .theme-alt-invert-transparent.card:not(.transparent) h6, .theme-alt-invert-transparent.card-base:not(.transparent) h1, .theme-alt-invert-transparent.card-base:not(.transparent) h2, .theme-alt-invert-transparent.card-base:not(.transparent) h3, .theme-alt-invert-transparent.card-base:not(.transparent) h4, .theme-alt-invert-transparent.card-base:not(.transparent) h5, .theme-alt-invert-transparent.card-base:not(.transparent) h6 {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-alt-invert.card:not(.transparent) p, .theme-alt-invert.card-base:not(.transparent) p, .theme-alt-invert-transparent.card:not(.transparent) p, .theme-alt-invert-transparent.card-base:not(.transparent) p {
color: rgb(var(--color-invert) / 1);
}
.theme-alt-invert.card:not(.transparent) p a, .theme-alt-invert.card:not(.transparent) p a:link, .theme-alt-invert.card:not(.transparent) p a:visited, .theme-alt-invert.card-base:not(.transparent) p a, .theme-alt-invert.card-base:not(.transparent) p a:link, .theme-alt-invert.card-base:not(.transparent) p a:visited, .theme-alt-invert-transparent.card:not(.transparent) p a, .theme-alt-invert-transparent.card:not(.transparent) p a:link, .theme-alt-invert-transparent.card:not(.transparent) p a:visited, .theme-alt-invert-transparent.card-base:not(.transparent) p a, .theme-alt-invert-transparent.card-base:not(.transparent) p a:link, .theme-alt-invert-transparent.card-base:not(.transparent) p a:visited {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.body-theme-key-alt, .main-theme-key-alt {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert-alt) / 1);
}
.body-theme-key-alt-gradient, .main-theme-key-alt-gradient {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert-alt) / 1);
}
header.theme-key-alt, footer.theme-key-alt {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
header.theme-key-alt-gradient, footer.theme-key-alt-gradient {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
:is(header.theme-key-alt, footer.theme-key-alt, header.theme-key-alt-gradient, footer.theme-key-alt-gradient) nav p a, :is(header.theme-key-alt, footer.theme-key-alt, header.theme-key-alt-gradient, footer.theme-key-alt-gradient) nav p a:link, :is(header.theme-key-alt, footer.theme-key-alt, header.theme-key-alt-gradient, footer.theme-key-alt-gradient) nav p a:visited, :is(header.theme-key-alt, footer.theme-key-alt, header.theme-key-alt-gradient, footer.theme-key-alt-gradient) nav p a:focus {
color: rgb(var(--color-invert) / 1);
}
:is(header.theme-key-alt, footer.theme-key-alt, header.theme-key-alt-gradient, footer.theme-key-alt-gradient) nav p a:hover {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-key-alt {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert-alt) / 1);
}
.theme-key-alt-gradient {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert-alt) / 1);
}
:is(.theme-key-alt, .theme-key-alt-gradient) h1, :is(.theme-key-alt, .theme-key-alt-gradient) h2, :is(.theme-key-alt, .theme-key-alt-gradient) h3, :is(.theme-key-alt, .theme-key-alt-gradient) h4, :is(.theme-key-alt, .theme-key-alt-gradient) h5, :is(.theme-key-alt, .theme-key-alt-gradient) h6 {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-key-alt, .theme-key-alt-gradient) p a, :is(.theme-key-alt, .theme-key-alt-gradient) p a:link, :is(.theme-key-alt, .theme-key-alt-gradient) p a:visited {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-key-alt, .theme-key-alt-gradient) .card:not(.transparent), :is(.theme-key-alt, .theme-key-alt-gradient) .card-base:not(.transparent) {
background-color: rgb(var(--color-background) / 1);
}
:is(.theme-key-alt, .theme-key-alt-gradient) .card:not(.transparent) h1, :is(.theme-key-alt, .theme-key-alt-gradient) .card:not(.transparent) h2, :is(.theme-key-alt, .theme-key-alt-gradient) .card:not(.transparent) h3, :is(.theme-key-alt, .theme-key-alt-gradient) .card:not(.transparent) h4, :is(.theme-key-alt, .theme-key-alt-gradient) .card:not(.transparent) h5, :is(.theme-key-alt, .theme-key-alt-gradient) .card:not(.transparent) h6, :is(.theme-key-alt, .theme-key-alt-gradient) .card-base:not(.transparent) h1, :is(.theme-key-alt, .theme-key-alt-gradient) .card-base:not(.transparent) h2, :is(.theme-key-alt, .theme-key-alt-gradient) .card-base:not(.transparent) h3, :is(.theme-key-alt, .theme-key-alt-gradient) .card-base:not(.transparent) h4, :is(.theme-key-alt, .theme-key-alt-gradient) .card-base:not(.transparent) h5, :is(.theme-key-alt, .theme-key-alt-gradient) .card-base:not(.transparent) h6 {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-key-alt, .theme-key-alt-gradient) .card:not(.transparent) p, :is(.theme-key-alt, .theme-key-alt-gradient) .card-base:not(.transparent) p {
color: rgb(var(--color-primary) / 1);
}
:is(.theme-key-alt, .theme-key-alt-gradient) .card:not(.transparent) p a, :is(.theme-key-alt, .theme-key-alt-gradient) .card:not(.transparent) p a:link, :is(.theme-key-alt, .theme-key-alt-gradient) .card:not(.transparent) p a:visited, :is(.theme-key-alt, .theme-key-alt-gradient) .card-base:not(.transparent) p a, :is(.theme-key-alt, .theme-key-alt-gradient) .card-base:not(.transparent) p a:link, :is(.theme-key-alt, .theme-key-alt-gradient) .card-base:not(.transparent) p a:visited {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key) / 1);
--tw-gradient-to: rgb(var(--color-key-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
:is(.theme-key-alt, .theme-key-alt-gradient) .stack-row h2 span {
color: rgb(var(--color-primary) / 1);
}
.theme-key-alt.card:not(.transparent), .theme-key-alt.card-base:not(.transparent) {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert-alt) / 1);
}
.theme-key-alt-gradient.card:not(.transparent), .theme-key-alt-gradient.card-base:not(.transparent) {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-alt) / 1);
--tw-gradient-to: rgb(var(--color-key-end-alt) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: rgb(var(--color-invert-alt) / 1);
}
.theme-key-alt.card:not(.transparent) h1, .theme-key-alt.card:not(.transparent) h2, .theme-key-alt.card:not(.transparent) h3, .theme-key-alt.card:not(.transparent) h4, .theme-key-alt.card:not(.transparent) h5, .theme-key-alt.card:not(.transparent) h6, .theme-key-alt.card-base:not(.transparent) h1, .theme-key-alt.card-base:not(.transparent) h2, .theme-key-alt.card-base:not(.transparent) h3, .theme-key-alt.card-base:not(.transparent) h4, .theme-key-alt.card-base:not(.transparent) h5, .theme-key-alt.card-base:not(.transparent) h6, .theme-key-alt-gradient.card:not(.transparent) h1, .theme-key-alt-gradient.card:not(.transparent) h2, .theme-key-alt-gradient.card:not(.transparent) h3, .theme-key-alt-gradient.card:not(.transparent) h4, .theme-key-alt-gradient.card:not(.transparent) h5, .theme-key-alt-gradient.card:not(.transparent) h6, .theme-key-alt-gradient.card-base:not(.transparent) h1, .theme-key-alt-gradient.card-base:not(.transparent) h2, .theme-key-alt-gradient.card-base:not(.transparent) h3, .theme-key-alt-gradient.card-base:not(.transparent) h4, .theme-key-alt-gradient.card-base:not(.transparent) h5, .theme-key-alt-gradient.card-base:not(.transparent) h6 {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
.theme-key-alt.card:not(.transparent) p, .theme-key-alt.card-base:not(.transparent) p, .theme-key-alt-gradient.card:not(.transparent) p, .theme-key-alt-gradient.card-base:not(.transparent) p {
color: rgb(var(--color-invert) / 1);
}
.theme-key-alt.card:not(.transparent) p a, .theme-key-alt.card:not(.transparent) p a:link, .theme-key-alt.card:not(.transparent) p a:visited, .theme-key-alt.card-base:not(.transparent) p a, .theme-key-alt.card-base:not(.transparent) p a:link, .theme-key-alt.card-base:not(.transparent) p a:visited, .theme-key-alt-gradient.card:not(.transparent) p a, .theme-key-alt-gradient.card:not(.transparent) p a:link, .theme-key-alt-gradient.card:not(.transparent) p a:visited, .theme-key-alt-gradient.card-base:not(.transparent) p a, .theme-key-alt-gradient.card-base:not(.transparent) p a:link, .theme-key-alt-gradient.card-base:not(.transparent) p a:visited {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
}
}
@layer df-dark {
html.df-dark {
--qs-color-background: var(--qs-color-background-invert);
--qs-color-background-start: var(--qs-color-background-start-invert);
--qs-color-background-start-rgb: var(--qs-color-background-start-invert-rgb);
--qs-color-background-end: var(--qs-color-background-end-invert);
--qs-color-background-end-rgb: var(--qs-color-background-end-invert-rgb);
--qs-color-primary: var(--qs-color-primary-invert);
--qs-color-secondary: var(--qs-color-secondary-invert);
--qs-color-tertiary: var(--qs-color-tertiary-invert);
--qs-color-invert: var(--qs-color-background-invert);
--qs-color-header-background: var(--qs-color-header-background-invert);
--qs-color-header-primary: var(--qs-color-header-primary-invert);
--qs-color-header-nav-link: var(--qs-color-header-nav-link-invert);
--qs-color-footer-background: var(--qs-color-footer-background-invert);
--qs-color-footer-primary: var(--qs-color-footer-primary-invert);
--qs-color-footer-nav-link: var(--qs-color-footer-nav-link-invert);
--qs-color-background-alt: var(--qs-color-background-alt-invert);
--qs-color-background-start-alt: var(--qs-color-background-start-alt-invert);
--qs-color-background-start-alt-rgb: var(--qs-color-background-start-alt-invert-rgb);
--qs-color-background-end-alt: var(--qs-color-background-end-alt-invert);
--qs-color-background-end-alt-rgb: var(--qs-color-background-end-alt-invert-rgb);
--qs-color-primary-alt: var(--qs-color-primary-alt-invert);
--qs-color-secondary-alt: var(--qs-color-secondary-alt-invert);
--qs-color-tertiary-alt: var(--qs-color-tertiary-alt-invert);
--qs-color-invert-alt: var(--qs-color-background-alt-invert);
}
html.df-dark :is(.theme, .theme-transparent, .theme-alt, .theme-alt-transparent, .theme-invert-transparent, .theme-alt-invert-transparent) {
--color-key: var(--color-key-invert);
--color-key-end: var(--color-key-invert-end);
}
html.df-dark :is(.theme-invert, .theme-key, .theme-key-gradient) {
--color-key: var(--qs-color-key);
--color-key-end: var(--qs-color-key-end);
}
html.df-dark :is(.theme, .theme-transparent, .theme-alt, .theme-alt-transparent):is(.card, .card-base) :is(h1, h2, h3, h4, h5, h6), html.df-dark section.theme :is(h1, h2, h3, h4, h5, h6):not(.card *):not(.card-base *):not(.disabled *):not(.disabled) {
background-image: linear-gradient(to right, rgb(var(--color-key-invert)), rgb(var(--color-key-invert-end)));
}
html.df-dark :is(.theme-invert, .theme-alt-invert):is(.card, .card-base) :is(h1, h2, h3, h4, h5, h6) {
background-image: linear-gradient(to right, rgb(var(--color-key)), rgb(var(--color-key-end)));
}
html.df-dark :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient):is(.card, .card-base) p {
color: rgb(var(--qs-color-primary-invert));
-webkit-text-fill-color: rgb(var(--qs-color-primary-invert));
}
html.df-dark .toggle-set.segmented .button.active i, html.df-dark .toggle-set.segmented .button.active p, html.df-dark .toggle-set.segmented .button.active:hover i, html.df-dark .toggle-set.segmented .button.active:hover p {
--tw-gradient-position: to top right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-key-invert) / 1);
--tw-gradient-to: rgb(var(--color-key-invert-end) / 1);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
}
html.df-dark :is(.theme-key, .theme-key-gradient) {
--color-invert: var(--qs-color-primary-invert);
}
html.df-dark :is(.theme-key-alt, .theme-key-alt-gradient) {
--color-invert: var(--qs-color-primary-alt-invert);
--color-invert-alt: var(--qs-color-primary-alt-invert);
}
html.df-dark :is(.theme-invert, .theme-alt-invert) :is(.button:not(.air):not(.glass):not(.disabled), .chip:not(.disabled)) :is(p, i) {
color: rgb(var(--qs-color-primary-invert));
}
html.df-dark :is(.theme-key, .theme-key-gradient, .theme-key-alt, .theme-key-alt-gradient, .theme-invert, .theme-alt-invert) :is(.card, .card-base):not(.transparent):not(.theme-invert):not(.theme-alt-invert):not(.theme-key):not(.theme-key-gradient):not(.theme-key-alt):not(.theme-key-alt-gradient) {
--color-key: var(--color-key-invert);
--color-key-end: var(--color-key-invert-end);
}
:is(.theme-alt-invert, .theme-alt-invert-transparent) :is(.card, .card-base):not(.transparent):not(.theme-invert):not(.theme-alt-invert):not(.theme-key):not(.theme-key-gradient):not(.theme-key-alt):not(.theme-key-alt-gradient) :is(h1, h2, h3, h4, h5, h6, p a, p a:link, p a:visited) {
background-image: linear-gradient(to right, rgb(var(--color-key)), rgb(var(--color-key-end)));
-webkit-text-fill-color: transparent;
background-clip: text;
-webkit-background-clip: text;
}
html.df-dark :is(.theme-alt-invert, .theme-alt-invert-transparent) :is(h1, h2, h3, h4, h5, h6):not(.card *):not(.card-base *) {
background-image: linear-gradient(to right, rgb(var(--color-key)), rgb(var(--color-key-end)));
-webkit-text-fill-color: transparent;
background-clip: text;
-webkit-background-clip: text;
}
:is(.theme-invert-transparent, .theme-alt-invert-transparent):is(.card, .card-base), :is(.theme-invert-transparent, .theme-alt-invert-transparent):is(.card, .card-base) :is(h1, h2, h3, h4, h5, h6, p) {
background: none;
color: rgb(var(--color-primary));
-webkit-text-fill-color: rgb(var(--color-primary));
}
.df-logo-dark {
display: none;
}
html.df-dark .df-logo-light {
display: none;
}
html.df-dark .df-logo-dark {
display: inline-block;
}
}
}
@layer utilities;
@layer consumer;
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false;
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0px;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-gradient-position {
syntax: "*";
inherits: false;
}
@property --tw-gradient-from {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-via {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-to {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-stops {
syntax: "*";
inherits: false;
}
@property --tw-gradient-via-stops {
syntax: "*";
inherits: false;
}
@property --tw-gradient-from-position {
syntax: "";
inherits: false;
initial-value: 0%;
}
@property --tw-gradient-via-position {
syntax: "";
inherits: false;
initial-value: 50%;
}
@property --tw-gradient-to-position {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-duration {
syntax: "*";
inherits: false;
}
@property --tw-ease {
syntax: "*";
inherits: false;
}
@property --tw-font-weight {
syntax: "*";
inherits: false;
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
}
@property --tw-divide-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-leading {
syntax: "*";
inherits: false;
}
@property --tw-tracking {
syntax: "*";
inherits: false;
}
@property --tw-ordinal {
syntax: "*";
inherits: false;
}
@property --tw-slashed-zero {
syntax: "*";
inherits: false;
}
@property --tw-numeric-figure {
syntax: "*";
inherits: false;
}
@property --tw-numeric-spacing {
syntax: "*";
inherits: false;
}
@property --tw-numeric-fraction {
syntax: "*";
inherits: false;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-blur {
syntax: "*";
inherits: false;
}
@property --tw-brightness {
syntax: "*";
inherits: false;
}
@property --tw-contrast {
syntax: "*";
inherits: false;
}
@property --tw-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-invert {
syntax: "*";
inherits: false;
}
@property --tw-opacity {
syntax: "*";
inherits: false;
}
@property --tw-saturate {
syntax: "*";
inherits: false;
}
@property --tw-sepia {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false;
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes glow {
0%, 100% {
opacity: 0.1;
}
50% {
opacity: 0.7;
}
}
@keyframes glow-cycle {
0%, 100% {
opacity: 0.1;
}
50% {
opacity: 0.7;
}
}
@keyframes glow-cycle-reverse {
0%, 100% {
opacity: 0.7;
}
50% {
opacity: 0.1;
}
}
@keyframes fade {
0%, 100% {
opacity: 0.95;
}
50% {
opacity: 0.7;
}
}
@keyframes fade-half {
0%, 100% {
opacity: 0.5;
}
50% {
opacity: 1;
}
}
@layer properties {
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
:root, :host {
--qs-glass-alpha-from: 0.65;
--qs-glass-alpha-to: 0.45;
}
*, ::before, ::after, ::backdrop {
--tw-space-y-reverse: 0;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
--tw-duration: initial;
--tw-ease: initial;
--tw-font-weight: initial;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-divide-y-reverse: 0;
--tw-border-style: solid;
--tw-leading: initial;
--tw-tracking: initial;
--tw-ordinal: initial;
--tw-slashed-zero: initial;
--tw-numeric-figure: initial;
--tw-numeric-spacing: initial;
--tw-numeric-fraction: initial;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-space-x-reverse: 0;
--df-fx-gradient-angle: 254deg;
}
}
}