/*!* Glightbox v3.1.0 * https://github.com/biati-digital/glightbox * Released under the MIT license*/.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999 !important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100% !important}.gslide iframe,.gslide video{outline:0 !important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing !important;cursor:grabbing !important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100% !important}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:"";display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100% !important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100% !important;width:100% !important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing !important;cursor:grabbing !important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block !important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none !important;box-shadow:none !important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto !important;width:100%;background:0 0;position:absolute;bottom:0;padding:19px 11px;max-width:100vw !important;-webkit-box-ordinal-group:3 !important;-ms-flex-order:2 !important;order:2 !important;max-height:78vh;overflow:auto !important;background:-webkit-gradient( linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.75)) );background:linear-gradient( to bottom,transparent 0,rgba(0,0,0,.75) 100% );-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc string{color:#fff}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none !important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0 !important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media(min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media(min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}/*!tailwindcss v4.1.17 | MIT License | https://tailwindcss.com*//*!* Justified gallery style*/@layer properties;@layer theme,base,components,utilities;@layer theme{:root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% 0.013 17.38); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-yellow-50: oklch(98.7% 0.026 102.212); --color-yellow-200: oklch(94.5% 0.129 101.54); --color-yellow-400: oklch(85.2% 0.199 91.936); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-yellow-700: oklch(55.4% 0.135 66.442); --color-green-50: oklch(98.2% 0.018 155.826); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-700: oklch(52.7% 0.154 150.069); --color-blue-200: oklch(88.2% 0.059 254.128); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-700: oklch(48.8% 0.243 264.376); --color-pink-200: oklch(89.9% 0.061 343.231); --color-slate-400: oklch(70.4% 0.04 256.788); --color-gray-200: oklch(92.8% 0.006 264.531); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --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-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-wide: 0.025em; --leading-tight: 1.25; --leading-relaxed: 1.625; --radius-sm: 0.25rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --blur-sm: 8px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --font-secondary: 'Myriad Pro', sans-serif; --font-primary: 'Calibri', sans-serif; } }@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, ui-sans-serif, system-ui, 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(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-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 { 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{.pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .stretch-link { display: inline-block; &::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .top-0 { top: calc(var(--spacing) * 0); } .top-4 { top: calc(var(--spacing) * 4); } .top-8 { top: calc(var(--spacing) * 8); } .right-0 { right: calc(var(--spacing) * 0); } .right-4 { right: calc(var(--spacing) * 4); } .right-4\.5 { right: calc(var(--spacing) * 4.5); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .left-0 { left: calc(var(--spacing) * 0); } .left-4 { left: calc(var(--spacing) * 4); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-10 { z-index: 10; } .z-30 { z-index: 30; } .z-50 { z-index: 50; } .z-\[-10\] { z-index: -10; } .z-\[1\] { z-index: 1; } .order-0 { order: 0; } .order-0 { order: 0; } .order-1 { order: 1; } .order-1 { order: 1; } .order-3 { order: 3; } .order-3 { order: 3; } .order-first { order: -1; } .order-first { order: -9999; } .order-last { order: 13; } .order-last { order: 9999; } .col-6 { grid-column: 6; } .col-12 { grid-column: 12; } .col-auto { grid-column: auto; } .float-left { float: left; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .m-1 { margin: calc(var(--spacing) * 1); } .m-3 { margin: calc(var(--spacing) * 3); } .mx-6 { margin-inline: calc(var(--spacing) * 6); } .mx-auto { margin-inline: auto; } .my-4 { margin-block: calc(var(--spacing) * 4); } .ms-1 { margin-inline-start: calc(var(--spacing) * 1); } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); & > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); } } .-mt-10 { margin-top: calc(var(--spacing) * -10); } .-mt-\[10px\] { margin-top: calc(10px * -1); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-14 { margin-top: calc(var(--spacing) * 14); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-5 { margin-right: calc(var(--spacing) * 5); } .mr-10 { margin-right: calc(var(--spacing) * 10); } .form-label { margin-bottom: calc(var(--spacing) * 4); display: block; font-family: var(--font-secondary); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-text-dark); } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-14 { margin-bottom: calc(var(--spacing) * 14); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-20 { margin-bottom: calc(var(--spacing) * 20); } .mb-28 { margin-bottom: calc(var(--spacing) * 28); } .ml-0 { margin-left: calc(var(--spacing) * 0); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-5 { margin-left: calc(var(--spacing) * 5); } .ml-auto { margin-left: auto; } .form-input { appearance: none; background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: oklch(54.6% 0.245 262.881); } &::placeholder { color: oklch(55.1% 0.027 264.364); opacity: 1; } &::-webkit-datetime-edit-fields-wrapper { padding: 0; } &::-webkit-date-and-time-value { min-height: 1.5em; } &::-webkit-date-and-time-value { text-align: inherit; } &::-webkit-datetime-edit { display: inline-flex; } &::-webkit-datetime-edit { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-year-field { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-month-field { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-day-field { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-hour-field { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-minute-field { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-second-field { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-millisecond-field { padding-top: 0; padding-bottom: 0; } &::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .block { display: block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-\[16\/11\] { aspect-ratio: 16/11; } .aspect-\[190\:270\] { aspect-ratio: 190:270; } .aspect-\[562\/390\] { aspect-ratio: 562/390; } .aspect-square { aspect-ratio: 1 / 1; } .\!size-full { width: 100% !important; height: 100% !important; } .size-\(--icon-size\) { width: var(--icon-size); height: var(--icon-size); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-full { width: 100%; height: 100%; } .\!h-full { height: 100% !important; } .h-3 { height: calc(var(--spacing) * 3); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-8 { height: calc(var(--spacing) * 8); } .h-10 { height: calc(var(--spacing) * 10); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-20 { height: calc(var(--spacing) * 20); } .h-54 { height: calc(var(--spacing) * 54); } .h-100\! { height: calc(var(--spacing) * 100) !important; } .h-\[1lh\] { height: 1lh; } .h-\[1px\] { height: 1px; } .h-\[4px\] { height: 4px; } .h-\[20px\] { height: 20px; } .h-\[30px\] { height: 30px; } .h-\[350px\] { height: 350px; } .h-\[500px\]\! { height: 500px !important; } .h-\[700px\] { height: 700px; } .h-auto { height: auto; } .h-full { height: 100%; } .h-full\! { height: 100% !important; } .\!max-h-\[445px\] { max-height: 445px !important; } .max-h-\[120px\] { max-height: 120px; } .max-h-\[284px\] { max-height: 284px; } .\!min-h-\[445px\] { min-height: 445px !important; } .min-h-\[16px\] { min-height: 16px; } .min-h-full { min-height: 100%; } .min-h-full\! { min-height: 100% !important; } .min-h-screen { min-height: 100vh; } .col-6 { flex: 0 0 auto; width: 50%; } .col-12 { flex: 0 0 auto; width: 100%; } .col-auto { flex: 0 0 auto; width: auto; } .row-cols-auto { & > * { flex: 0 0 auto; width: auto; } } .form-input { width: 100%; border-radius: 0.25rem; border-color: transparent; background-color: var(--color-light); padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4); color: var(--color-text-dark); &::placeholder { color: var(--color-text-light); } &:focus { border-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } &:focus { --tw-ring-color: transparent; } } .\!w-full { width: 100% !important; } .w-1\/12 { width: calc(1/12 * 100%); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-11\/12 { width: calc(11/12 * 100%); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-75 { width: calc(var(--spacing) * 75); } .w-\[4px\] { width: 4px; } .w-\[30px\] { width: 30px; } .w-\[44px\] { width: 44px; } .w-\[120px\]\! { width: 120px !important; } .w-\[350px\] { width: 350px; } .w-auto { width: auto; } .w-full { width: 100%; } .w-full\! { width: 100% !important; } .\!max-w-\[160px\] { max-width: 160px !important; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[1280px\] { max-width: 1280px; } .max-w-max { max-width: max-content; } .min-w-4 { min-width: calc(var(--spacing) * 4); } .min-w-\[16px\] { min-width: 16px; } .min-w-full { min-width: 100%; } .col { flex: 1 0 0%; } .flex-1 { flex: 1; } .flex-shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-15 { --tw-translate-y: calc(var(--spacing) * -15); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .list-disc { list-style-type: disc; } .columns-1 { columns: 1; } .break-inside-avoid { break-inside: avoid; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .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-start { justify-content: flex-start; } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-20 { gap: calc(var(--spacing) * 20); } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-10 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-4 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } .justify-self-center { justify-self: center; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-hidden { overflow: hidden; } .rounded { border-radius: 0.25rem; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-xl { border-radius: var(--radius-xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-7 { border-style: var(--tw-border-style); border-width: 7px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0px; } .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-border { border-color: var(--color-border); } .border-dark { border-color: var(--color-dark); } .border-dark\/5 { border-color: var(--color-dark); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-dark) 5%, transparent); } } .border-dark\/10 { border-color: var(--color-dark); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-dark) 10%, transparent); } } .border-dark\/20 { border-color: var(--color-dark); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-dark) 20%, transparent); } } .border-green-400 { border-color: var(--color-green-400); } .border-primary { border-color: var(--color-primary); } .border-primary\! { border-color: var(--color-primary) !important; } .border-primary\/10 { border-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } .border-primary\/20 { border-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .border-red-400 { border-color: var(--color-red-400); } .border-slate-400 { border-color: var(--color-slate-400); } .border-transparent { border-color: transparent; } .border-transparent { border-color: transparent; } .border-yellow-400 { border-color: var(--color-yellow-400); } .border-t-transparent { border-top-color: transparent; } .\!bg-white { background-color: var(--color-white) !important; } .bg-black { background-color: var(--color-black); } .bg-body { background-color: var(--color-body); } .bg-body\/80 { background-color: var(--color-body); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-body) 80%, transparent); } } .bg-dark { background-color: var(--color-dark); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-green-50 { background-color: var(--color-green-50); } .bg-light { background-color: var(--color-light); } .bg-primary { background-color: var(--color-primary); } .bg-primary\/5 { background-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 5%, transparent); } } .bg-primary\/10 { background-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } .bg-primary\/60 { background-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 60%, transparent); } } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-600 { background-color: var(--color-red-600); } .bg-transparent { background-color: transparent; } .bg-transparent { background-color: transparent; } .bg-white { background-color: var(--color-white); } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-gradient { --tw-gradient-position: to bottom; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-via-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-from: rgba(249,249,249,1); --tw-gradient-from-position: 0.53%; --tw-gradient-to: var(--color-white); --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: 83.28%; } .fill-current { fill: currentcolor; } .fill-current { fill: currentcolor; } .fill-primary { fill: var(--color-primary); } .fill-primary\! { fill: var(--color-primary) !important; } .fill-white { fill: var(--color-white); } .stroke-primary { stroke: var(--color-primary); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .p-2 { padding: calc(var(--spacing) * 2); } .p-4 { padding: calc(var(--spacing) * 4); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-5\.5 { padding-inline: calc(var(--spacing) * 5.5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .\!py-60 { padding-block: calc(var(--spacing) * 60) !important; } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-\[2\.5px\] { padding-block: 2.5px; } .py-\[2px\] { padding-block: 2px; } .\!pt-70 { padding-top: calc(var(--spacing) * 70) !important; } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pr-5 { padding-right: calc(var(--spacing) * 5); } .\!pb-40 { padding-bottom: calc(var(--spacing) * 40) !important; } .\!pb-50 { padding-bottom: calc(var(--spacing) * 50) !important; } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-14 { padding-bottom: calc(var(--spacing) * 14); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .text-center { text-align: center; } .text-left { text-align: left; } .font-primary { font-family: var(--font-primary); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .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)); } .text-\[3rem\] { font-size: 3rem; } .text-\[8rem\] { font-size: 8rem; } .text-\[10px\] { font-size: 10px; } .text-\[12px\] { font-size: 12px; } .text-base { font-size: var(--text-base); } .text-h2 { font-size: var(--text-h2); } .text-h2-sm { font-size: var(--text-h2-sm); } .text-h3 { font-size: var(--text-h3); } .text-h4 { font-size: var(--text-h4); } .text-h5 { font-size: var(--text-h5); } .text-h6 { font-size: var(--text-h6); } .leading-none { --tw-leading: 1; line-height: 1; } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .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-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .hasEmphasize { em { font-style: normal; color: var(--color-primary); } } .text-black { color: var(--color-black); } .text-blue-500 { color: var(--color-blue-500); } .text-dark { color: var(--color-dark); } .text-green-400 { color: var(--color-green-400); } .text-green-500 { color: var(--color-green-500); } .text-green-700 { color: var(--color-green-700); } .text-light { color: var(--color-light); } .text-primary { color: var(--color-primary); } .text-primary\! { color: var(--color-primary) !important; } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-700 { color: var(--color-red-700); } .text-slate-400 { color: var(--color-slate-400); } .text-text { color: var(--color-text); } .text-text-dark { color: var(--color-text-dark); } .text-text-light { color: var(--color-text-light); } .text-white { color: var(--color-white); } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-700 { color: var(--color-yellow-700); } .capitalize { text-transform: capitalize; } .uppercase { text-transform: uppercase; } .opacity-20 { opacity: 20%; } .opacity-30 { opacity: 30%; } .opacity-100 { opacity: 100%; } .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-sm { --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-card { box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05); } .shadow-card { box-shadow: 0px 4px 30px 0px #0000000d; } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .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-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -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,); } .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-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { 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)); } .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)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .g-4 { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; } .\[--icon-size\:12px\] { --icon-size: 12px; } .backface-hidden { backface-visibility: hidden; } .gx-5 { --bs-gutter-x: 3rem; } .group-hover\:h-full { &:is(:where(.group):hover *) { @media (hover: hover) { height: 100%; } } } .group-hover\:bg-primary { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-primary); } } } .group-hover\:text-primary { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-primary); } } } .group-hover\:text-white { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-white); } } } .group-hover\:text-white\/70 { &:is(:where(.group):hover *) { @media (hover: hover) { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } } .group-hover\/arrowbtn\:translate-x-0 { &:is(:where(.group\/arrowbtn):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\/arrowbtn\:translate-x-full { &:is(:where(.group\/arrowbtn):hover *) { @media (hover: hover) { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\/arrowbtn\:-translate-y-full { &:is(:where(.group\/arrowbtn):hover *) { @media (hover: hover) { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\/arrowbtn\:translate-y-0 { &:is(:where(.group\/arrowbtn):hover *) { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-\[\.active\]\:scale-140 { &:is(:where(.group):is(.active) *) { --tw-scale-x: 140%; --tw-scale-y: 140%; --tw-scale-z: 140%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .before\:absolute { &::before { content: var(--tw-content); position: absolute; } } .before\:inset-0 { &::before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } } .before\:bg-white\/60 { &::before { content: var(--tw-content); background-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } .before\:bg-white\/70 { &::before { content: var(--tw-content); background-color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } } .before\:content-\[\'\'\] { &::before { --tw-content: ''; content: var(--tw-content); } } .hover\:-translate-y-1 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:-translate-y-2 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:scale-105 { &:hover { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:scale-110 { &:hover { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:border-dark { &:hover { @media (hover: hover) { border-color: var(--color-dark); } } } .hover\:border-dark\/50 { &:hover { @media (hover: hover) { border-color: var(--color-dark); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-dark) 50%, transparent); } } } } .hover\:border-primary { &:hover { @media (hover: hover) { border-color: var(--color-primary); } } } .hover\:border-primary\! { &:hover { @media (hover: hover) { border-color: var(--color-primary) !important; } } } .hover\:border-primary\/60 { &:hover { @media (hover: hover) { border-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 60%, transparent); } } } } .hover\:border-primary\/80 { &:hover { @media (hover: hover) { border-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 80%, transparent); } } } } .hover\:\!bg-primary\/80 { &:hover { @media (hover: hover) { background-color: var(--color-primary) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent) !important; } } } } .hover\:bg-light { &:hover { @media (hover: hover) { background-color: var(--color-light); } } } .hover\:bg-primary { &:hover { @media (hover: hover) { background-color: var(--color-primary); } } } .hover\:bg-primary\/80 { &:hover { @media (hover: hover) { background-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent); } } } } .hover\:text-blue-700 { &:hover { @media (hover: hover) { color: var(--color-blue-700); } } } .hover\:text-green-700 { &:hover { @media (hover: hover) { color: var(--color-green-700); } } } .hover\:text-primary { &:hover { @media (hover: hover) { color: var(--color-primary); } } } .hover\:text-red-700 { &:hover { @media (hover: hover) { color: var(--color-red-700); } } } .hover\:text-white { &:hover { @media (hover: hover) { color: var(--color-white); } } } .hover\:text-white\! { &:hover { @media (hover: hover) { color: var(--color-white) !important; } } } .hover\:text-yellow-700 { &:hover { @media (hover: hover) { color: var(--color-yellow-700); } } } .hover\:shadow-md { &:hover { @media (hover: hover) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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); } } } .hover\:shadow-card { &:hover { @media (hover: hover) { box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05); } } } .hover\:shadow-card { &:hover { @media (hover: hover) { box-shadow: 0px 4px 30px 0px #0000000d; } } } .hover\:shadow-card-hovered { &:hover { @media (hover: hover) { box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.15); } } } .focus\:ring-blue-500 { &:focus { --tw-ring-color: var(--color-blue-500); } } .focus\:ring-green-500 { &:focus { --tw-ring-color: var(--color-green-500); } } .focus\:ring-red-500 { &:focus { --tw-ring-color: var(--color-red-500); } } .focus\:ring-yellow-500 { &:focus { --tw-ring-color: var(--color-yellow-500); } } .sm\:col-6 { @media (width >= 40rem) { grid-column: 6; } } .sm\:col-10 { @media (width >= 40rem) { grid-column: 10; } } .sm\:mx-0 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 0); } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:hidden { @media (width >= 40rem) { display: none; } } .sm\:h-16 { @media (width >= 40rem) { height: calc(var(--spacing) * 16); } } .sm\:col-6 { @media (width >= 40rem) { flex: 0 0 auto; width: 50%; } } .sm\:col-10 { @media (width >= 40rem) { flex: 0 0 auto; width: 83.33333333333334%; } } .sm\:w-1\/2 { @media (width >= 40rem) { width: calc(1/2 * 100%); } } .sm\:w-3\/12 { @media (width >= 40rem) { width: calc(3/12 * 100%); } } .sm\:w-9\/12 { @media (width >= 40rem) { width: calc(9/12 * 100%); } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:justify-stretch { @media (width >= 40rem) { justify-content: stretch; } } .sm\:bg-red-200 { @media (width >= 40rem) { background-color: var(--color-red-200); } } .sm\:p-10 { @media (width >= 40rem) { padding: calc(var(--spacing) * 10); } } .sm\:text-left { @media (width >= 40rem) { text-align: left; } } .sm\:text-h1-sm { @media (width >= 40rem) { font-size: var(--text-h1-sm); } } .md\:order-1 { @media (width >= 48rem) { order: 1; } } .md\:order-1 { @media (width >= 48rem) { order: 1; } } .md\:order-2 { @media (width >= 48rem) { order: 2; } } .md\:order-2 { @media (width >= 48rem) { order: 2; } } .md\:col-4 { @media (width >= 48rem) { grid-column: 4; } } .md\:col-5 { @media (width >= 48rem) { grid-column: 5; } } .md\:col-6 { @media (width >= 48rem) { grid-column: 6; } } .md\:col-7 { @media (width >= 48rem) { grid-column: 7; } } .md\:col-8 { @media (width >= 48rem) { grid-column: 8; } } .md\:col-10 { @media (width >= 48rem) { grid-column: 10; } } .md\:mb-0 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 0); } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:col-4 { @media (width >= 48rem) { flex: 0 0 auto; width: 33.333333333333336%; } } .md\:col-5 { @media (width >= 48rem) { flex: 0 0 auto; width: 41.66666666666667%; } } .md\:col-6 { @media (width >= 48rem) { flex: 0 0 auto; width: 50%; } } .md\:col-7 { @media (width >= 48rem) { flex: 0 0 auto; width: 58.333333333333336%; } } .md\:col-8 { @media (width >= 48rem) { flex: 0 0 auto; width: 66.66666666666667%; } } .md\:col-10 { @media (width >= 48rem) { flex: 0 0 auto; width: 83.33333333333334%; } } .md\:w-\[40\%\] { @media (width >= 48rem) { width: 40%; } } .md\:w-\[60\%\] { @media (width >= 48rem) { width: 60%; } } .md\:\!max-w-\[400px\] { @media (width >= 48rem) { max-width: 400px !important; } } .md\:columns-4 { @media (width >= 48rem) { columns: 4; } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:bg-yellow-200 { @media (width >= 48rem) { background-color: var(--color-yellow-200); } } .md\:p-8 { @media (width >= 48rem) { padding: calc(var(--spacing) * 8); } } .md\:py-4 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 4); } } .md\:text-h2 { @media (width >= 48rem) { font-size: var(--text-h2); } } .lg\:order-1 { @media (width >= 64rem) { order: 1; } } .lg\:order-1 { @media (width >= 64rem) { order: 1; } } .lg\:col-4 { @media (width >= 64rem) { grid-column: 4; } } .lg\:col-5 { @media (width >= 64rem) { grid-column: 5; } } .lg\:col-6 { @media (width >= 64rem) { grid-column: 6; } } .lg\:col-7 { @media (width >= 64rem) { grid-column: 7; } } .lg\:col-8 { @media (width >= 64rem) { grid-column: 8; } } .lg\:col-10 { @media (width >= 64rem) { grid-column: 10; } } .lg\:mb-8 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 8); } } .lg\:mb-12 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 12); } } .lg\:ml-0 { @media (width >= 64rem) { margin-left: calc(var(--spacing) * 0); } } .lg\:\!flex { @media (width >= 64rem) { display: flex !important; } } .lg\:block { @media (width >= 64rem) { display: block; } } .lg\:flex { @media (width >= 64rem) { display: flex; } } .lg\:hidden { @media (width >= 64rem) { display: none; } } .lg\:min-h-\[300px\] { @media (width >= 64rem) { min-height: 300px; } } .lg\:col-4 { @media (width >= 64rem) { flex: 0 0 auto; width: 33.333333333333336%; } } .lg\:col-5 { @media (width >= 64rem) { flex: 0 0 auto; width: 41.66666666666667%; } } .lg\:col-6 { @media (width >= 64rem) { flex: 0 0 auto; width: 50%; } } .lg\:col-7 { @media (width >= 64rem) { flex: 0 0 auto; width: 58.333333333333336%; } } .lg\:col-8 { @media (width >= 64rem) { flex: 0 0 auto; width: 66.66666666666667%; } } .lg\:col-10 { @media (width >= 64rem) { flex: 0 0 auto; width: 83.33333333333334%; } } .lg\:\!w-1\/2 { @media (width >= 64rem) { width: calc(1/2 * 100%) !important; } } .lg\:w-1\/2 { @media (width >= 64rem) { width: calc(1/2 * 100%); } } .lg\:w-10\/12 { @media (width >= 64rem) { width: calc(10/12 * 100%); } } .lg\:w-\[40\%\] { @media (width >= 64rem) { width: 40%; } } .lg\:w-\[48\%\] { @media (width >= 64rem) { width: 48%; } } .lg\:w-\[50\%\] { @media (width >= 64rem) { width: 50%; } } .lg\:w-\[52\%\] { @media (width >= 64rem) { width: 52%; } } .lg\:w-\[60\%\] { @media (width >= 64rem) { width: 60%; } } .lg\:w-auto { @media (width >= 64rem) { width: auto; } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:flex-row { @media (width >= 64rem) { flex-direction: row; } } .lg\:flex-row-reverse { @media (width >= 64rem) { flex-direction: row-reverse; } } .lg\:items-center { @media (width >= 64rem) { align-items: center; } } .lg\:gap-10 { @media (width >= 64rem) { gap: calc(var(--spacing) * 10); } } .lg\:gap-12 { @media (width >= 64rem) { gap: calc(var(--spacing) * 12); } } .lg\:space-x-2 { @media (width >= 64rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } } .lg\:border-r-0 { @media (width >= 64rem) { border-right-style: var(--tw-border-style); border-right-width: 0px; } } .lg\:bg-green-200 { @media (width >= 64rem) { background-color: var(--color-green-200); } } .lg\:p-2 { @media (width >= 64rem) { padding: calc(var(--spacing) * 2); } } .lg\:p-6 { @media (width >= 64rem) { padding: calc(var(--spacing) * 6); } } .lg\:px-10 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 10); } } .lg\:py-14 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 14); } } .lg\:py-20 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 20); } } .lg\:pr-0 { @media (width >= 64rem) { padding-right: calc(var(--spacing) * 0); } } .lg\:pb-0 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 0); } } .lg\:pl-20 { @media (width >= 64rem) { padding-left: calc(var(--spacing) * 20); } } .lg\:text-h6 { @media (width >= 64rem) { font-size: var(--text-h6); } } .lg\:group-hover\:visible { @media (width >= 64rem) { &:is(:where(.group):hover *) { @media (hover: hover) { visibility: visible; } } } } .lg\:group-hover\:opacity-100 { @media (width >= 64rem) { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } } .xl\:col-2 { @media (width >= 80rem) { grid-column: 2; } } .xl\:col-3 { @media (width >= 80rem) { grid-column: 3; } } .xl\:col-4 { @media (width >= 80rem) { grid-column: 4; } } .xl\:col-6 { @media (width >= 80rem) { grid-column: 6; } } .xl\:col-8 { @media (width >= 80rem) { grid-column: 8; } } .xl\:mt-10 { @media (width >= 80rem) { margin-top: calc(var(--spacing) * 10); } } .xl\:mt-16 { @media (width >= 80rem) { margin-top: calc(var(--spacing) * 16); } } .xl\:mb-20 { @media (width >= 80rem) { margin-bottom: calc(var(--spacing) * 20); } } .xl\:block { @media (width >= 80rem) { display: block; } } .xl\:hidden { @media (width >= 80rem) { display: none; } } .xl\:col-2 { @media (width >= 80rem) { flex: 0 0 auto; width: 16.666666666666668%; } } .xl\:col-3 { @media (width >= 80rem) { flex: 0 0 auto; width: 25%; } } .xl\:col-4 { @media (width >= 80rem) { flex: 0 0 auto; width: 33.333333333333336%; } } .xl\:col-6 { @media (width >= 80rem) { flex: 0 0 auto; width: 50%; } } .xl\:col-8 { @media (width >= 80rem) { flex: 0 0 auto; width: 66.66666666666667%; } } .xl\:\!w-1\/2 { @media (width >= 80rem) { width: calc(1/2 * 100%) !important; } } .xl\:\!w-2\/5 { @media (width >= 80rem) { width: calc(2/5 * 100%) !important; } } .xl\:\!w-3\/5 { @media (width >= 80rem) { width: calc(3/5 * 100%) !important; } } .xl\:grid-cols-2 { @media (width >= 80rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .xl\:grid-cols-3 { @media (width >= 80rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .xl\:\!flex-row { @media (width >= 80rem) { flex-direction: row !important; } } .xl\:\!items-center { @media (width >= 80rem) { align-items: center !important; } } .xl\:\!gap-10 { @media (width >= 80rem) { gap: calc(var(--spacing) * 10) !important; } } .xl\:gap-8 { @media (width >= 80rem) { gap: calc(var(--spacing) * 8); } } .xl\:gap-20 { @media (width >= 80rem) { gap: calc(var(--spacing) * 20); } } .xl\:space-x-8 { @media (width >= 80rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } } .xl\:bg-blue-200 { @media (width >= 80rem) { background-color: var(--color-blue-200); } } .xl\:p-8 { @media (width >= 80rem) { padding: calc(var(--spacing) * 8); } } .xl\:p-20 { @media (width >= 80rem) { padding: calc(var(--spacing) * 20); } } .xl\:py-40 { @media (width >= 80rem) { padding-block: calc(var(--spacing) * 40); } } .xl\:pr-10 { @media (width >= 80rem) { padding-right: calc(var(--spacing) * 10); } } .xl\:pr-20 { @media (width >= 80rem) { padding-right: calc(var(--spacing) * 20); } } .xl\:pr-24 { @media (width >= 80rem) { padding-right: calc(var(--spacing) * 24); } } .xl\:pl-10 { @media (width >= 80rem) { padding-left: calc(var(--spacing) * 10); } } .xl\:text-h2 { @media (width >= 80rem) { font-size: var(--text-h2); } } .xl\:text-h3 { @media (width >= 80rem) { font-size: var(--text-h3); } } .xl\:text-h4 { @media (width >= 80rem) { font-size: var(--text-h4); } } .xl\:text-h5 { @media (width >= 80rem) { font-size: var(--text-h5); } } .\32 xl\:block { @media (width >= 96rem) { display: block; } } .\32 xl\:hidden { @media (width >= 96rem) { display: none; } } .\32 xl\:\!max-w-\[650px\] { @media (width >= 96rem) { max-width: 650px !important; } } .\32 xl\:grid-cols-3 { @media (width >= 96rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .\32 xl\:gap-6 { @media (width >= 96rem) { gap: calc(var(--spacing) * 6); } } .\32 xl\:bg-pink-200 { @media (width >= 96rem) { background-color: var(--color-pink-200); } } .\32 xl\:text-h1 { @media (width >= 96rem) { font-size: var(--text-h1); } } .prose-p\:text-lg { & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } }@font-face{font-family:myriad pro;src:url(../fonts/MYRIADPRO-BOLD.OTF)format('opentype');font-weight:700;font-style:normal}@font-face{font-family:myriad pro;src:url(../fonts/MYRIADPRO-SEMIBOLD.OTF)format('opentype');font-weight:600;font-style:normal}@font-face{font-family:calibri;src:url(../fonts/calibri-bold.ttf)format('truetype');font-weight:700;font-style:normal}@font-face{font-family:calibri;src:url(../fonts/calibri-regular.ttf)format('truetype');font-weight:400;font-style:normal}input#nav-toggle:checked+label #show-button{display:none}input#nav-toggle:checked+label #hide-button{display:block}input#nav-toggle:checked~#nav-menu{display:block}.swiper-pagination-bullet{height:calc(var(--spacing) * 2.5) !important;width:calc(var(--spacing) * 2.5) !important;background-color:var(--color-light) !important;opacity:100% !important}.swiper-pagination-bullet-active{height:calc(var(--spacing) * 4) !important;width:calc(var(--spacing) * 4) !important;background-color:var(--color-primary) !important}@layer base{html { font-size: var(--text-base-sm); @media (width >= 48rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } @media (width >= 48rem) { font-size: var(--text-base); } } body { background-color: var(--color-body); font-family: var(--font-primary); line-height: var(--tw-leading, var(--text-base--line-height)); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); font-size: var(--text-base); --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); color: var(--color-text); } h1, h2, h3, h4, h5, h6 { font-family: var(--font-secondary); --tw-leading: var(--leading-tight); line-height: var(--leading-tight); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-text-dark); } h1, .h1 { font-size: var(--text-h1-sm); @media (width >= 48rem) { font-size: var(--text-h1); } } h2, .h2 { font-size: var(--text-h2-sm); @media (width >= 48rem) { font-size: var(--text-h2); } } h3, .h3 { font-size: var(--text-h3-sm); @media (width >= 48rem) { font-size: var(--text-h3); } } h4, .h4 { font-size: var(--text-h4); } h5, .h5 { font-size: var(--text-h5); } h6, .h6 { font-size: var(--text-h6); } p, a { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } b, strong { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } code { &::after { content: var(--tw-content); --tw-border-style: none; border-style: none; } } blockquote > p { margin-block: calc(var(--spacing) * 0) !important; } }@layer components{.section { overflow: hidden; padding-block: calc(var(--spacing) * 16); @media (width >= 64rem) { padding-block: calc(var(--spacing) * 18); } } .section-sm { padding-block: calc(var(--spacing) * 12); @media (width >= 64rem) { padding-block: calc(var(--spacing) * 16); } } .section-lg { padding-block: calc(var(--spacing) * 60); padding-bottom: calc(var(--spacing) * 40); } .section-container { display: flex; flex-direction: column; gap: calc(var(--spacing) * 10); > .section-intro { display: flex; flex-direction: column; .title { margin-bottom: calc(var(--spacing) * 4); font-size: var(--text-h3); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-dark); @media (width >= 64rem) { font-size: var(--text-h2-sm); } @media (width >= 80rem) { font-size: var(--text-h2); } } .subtitle { margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-text); } } > .centralize { margin-inline: auto; text-align: center; text-wrap: balance; @media (width >= 64rem) { grid-column: 8; } @media (width >= 64rem) { flex: 0 0 auto; width: 66.66666666666667%; } } > .section-content { margin-bottom: calc(var(--spacing) * 0); } } .hasEmphasize em { position: relative; display: inline; color: var(--color-primary); font-style: normal; } .container { margin-inline: auto; padding-inline: calc(var(--spacing) * 4); @media (width >= 96rem) { max-width: 1352px !important; } } .container-lg { margin-inline: auto; max-width: 1600px; padding-inline: calc(var(--spacing) * 4); } .social-icons { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } .social-icons li { display: inline-block; } .social-icons li a { display: flex; height: calc(var(--spacing) * 9); width: calc(var(--spacing) * 9); align-items: center; justify-content: center; border-radius: var(--radius-sm); background-color: var(--color-primary); text-align: center; --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9); color: var(--color-white); } .social-icons li a svg { height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); } .content { color: var(--tw-prose-body); max-width: 65ch; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; } :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; } :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; } :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; } :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; } :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } --tw-prose-body: oklch(37.3% 0.034 259.733); --tw-prose-headings: oklch(21% 0.034 264.665); --tw-prose-lead: oklch(44.6% 0.03 256.802); --tw-prose-links: oklch(21% 0.034 264.665); --tw-prose-bold: oklch(21% 0.034 264.665); --tw-prose-counters: oklch(55.1% 0.027 264.364); --tw-prose-bullets: oklch(87.2% 0.01 258.338); --tw-prose-hr: oklch(92.8% 0.006 264.531); --tw-prose-quotes: oklch(21% 0.034 264.665); --tw-prose-quote-borders: oklch(92.8% 0.006 264.531); --tw-prose-captions: oklch(55.1% 0.027 264.364); --tw-prose-kbd: oklch(21% 0.034 264.665); --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent); --tw-prose-code: oklch(21% 0.034 264.665); --tw-prose-pre-code: oklch(92.8% 0.006 264.531); --tw-prose-pre-bg: oklch(27.8% 0.033 256.848); --tw-prose-th-borders: oklch(87.2% 0.01 258.338); --tw-prose-td-borders: oklch(92.8% 0.006 264.531); --tw-prose-invert-body: oklch(87.2% 0.01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% 0.022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% 0.022 261.325); --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802); --tw-prose-invert-hr: oklch(37.3% 0.034 259.733); --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733); --tw-prose-invert-captions: oklch(70.7% 0.022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802); --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733); font-size: 1rem; line-height: 1.75; :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } max-width: none; & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: .6em; } & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: .3em; } & :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-text-dark); } & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-h1-sm); } @media (width >= 48rem) { & :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-h1); } } & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-h2-sm); } @media (width >= 48rem) { & :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-h2); } } & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-h3-sm); } @media (width >= 48rem) { & :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-h3); } } & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } & :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-text); } & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-text); } & :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &.btn { text-decoration-line: none; } } & :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { max-width: 100%; } & :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-radius: 0.25rem; } & :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-text-dark); } & :is(:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-color: var(--color-border); } & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-radius: var(--radius-lg); } & :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) { background-color: var(--color-light); } & :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-text); } & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-radius: var(--radius-lg); } & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-style: var(--tw-border-style); border-width: 1px; } & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-left-style: var(--tw-border-style); border-left-width: 10px; } & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-color: var(--color-primary); } & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { background-color: var(--color-light); } & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-inline: calc(var(--spacing) * 8); } & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-block: calc(var(--spacing) * 10); } & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-family: var(--font-secondary); } & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-text-dark); } & :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-style: normal; } & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { position: relative; } & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { overflow: hidden; } & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-radius: var(--radius-lg); } & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &::before { content: var(--tw-content); position: absolute; } } & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &::before { content: var(--tw-content); top: calc(var(--spacing) * 0); } } & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &::before { content: var(--tw-content); left: calc(var(--spacing) * 0); } } & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &::before { content: var(--tw-content); height: 100%; } } & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &::before { content: var(--tw-content); width: 100%; } } & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &::before { content: var(--tw-content); border-radius: inherit; } } & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &::before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } } & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &::before { content: var(--tw-content); border-color: var(--color-border); } } & :is(:where(table):not(:where([class~="not-prose"],[class~="not-prose"] *))) { &::before { --tw-content: ""; content: var(--tw-content); } } & :is(:where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-color: var(--color-border); } & :is(:where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *))) { background-color: var(--color-light); } & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { position: relative; } & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { z-index: 10; } & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-inline: calc(var(--spacing) * 4); } & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-block: 18px; } & :is(:where(th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-text-dark); } & :is(:where(tr):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-color: var(--color-border); } & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { position: relative; } & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { z-index: 10; } & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-inline: calc(var(--spacing) * 3); } & :is(:where(td):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-block: 18px; } } .badge { display: inline-flex; align-items: center; justify-content: center; gap: calc(var(--spacing) * 2); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 60%, transparent); } padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); --tw-leading: 1; line-height: 1; color: var(--color-primary); } .badge span { margin-top: calc(var(--spacing) * 0.5); } .animate-shadow { animation: animateShadow 2s infinite forwards; } @keyframes animateShadow { 0% { box-shadow: 0 0 0 0.2rem #ffffffae; } to { box-shadow: 0 0 0 2rem transparent; } } svg { .country { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 300ms; transition-duration: 300ms; --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); &:hover { @media (hover: hover) { cursor: pointer; } } &:hover { @media (hover: hover) { opacity: 100%; } } } .country.active { opacity: 100%; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 300ms; transition-duration: 300ms; --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } } #country-pointers { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 300ms; transition-duration: 300ms; --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .country-box { position: relative; width: 100%; max-width: 140px; max-width: 100%; cursor: pointer; align-items: center; justify-content: center; border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-border); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-border) 20%, transparent); } background-color: var(--color-white); padding: calc(var(--spacing) * 4); text-align: center; color: var(--color-text); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 300ms; transition-duration: 300ms; --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .country-box.active { box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05); } .data-pointer { position: absolute; display: flex; --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); flex-direction: column; align-items: center; } .page-header-animation { animation: fadeZoomIn 0.4s ease-in-out forwards; } @keyframes fadeZoomIn { from { opacity: 0.4; transform: scale(1.05); } to { opacity: 1; transform: scale(1); } } .header { background-color: var(--color-body); padding-top: calc(var(--spacing) * 6); padding-bottom: calc(var(--spacing) * 2); } .header-scrolled { animation: reveal-header 0.3s ease-out alternate; position: fixed !important; top: calc(var(--spacing) * 0) !important; background-color: var(--color-white) !important; padding-block: calc(var(--spacing) * 4) !important; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05) !important; box-shadow: 0px 4px 30px 0px #0000000d !important; } .header-scrolled .navbar { align-items: center !important; } .header-scrolled #navLine { display: none !important; } .header-scrolled > nav > div.order-0 > a > img { height: 80px !important; } @keyframes reveal-header { from { transform: translateY(-200px); } to { transform: translateY(0px); } } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .navbar-brand { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-text-dark); image { max-height: 100%; max-width: 100%; } } .navbar-nav { text-align: center; @media (width >= 64rem) { text-align: left; } } .nav-link { display: block; cursor: pointer; padding: calc(var(--spacing) * 3); color: var(--color-text-dark); 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)); &:hover { @media (hover: hover) { color: var(--color-primary); } } @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 2); } @media (width >= 64rem) { padding-block: calc(var(--spacing) * 3); } } .nav-dropdown { margin-right: calc(var(--spacing) * 0); } .nav-dropdown > svg { pointer-events: none; } .nav-dropdown.active .nav-dropdown-list { display: block; } .nav-dropdown-list { z-index: 10; display: none; min-width: 180px; border-radius: 0.25rem; background-color: var(--color-body); padding: calc(var(--spacing) * 4); --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); @media (width >= 64rem) { visibility: hidden; } @media (width >= 64rem) { position: absolute; } @media (width >= 64rem) { display: block; } @media (width >= 64rem) { opacity: 0%; } } .nav-dropdown-item { &:not(:last-child) { margin-bottom: calc(var(--spacing) * 2); } } .nav-dropdown-link { display: block; padding-block: calc(var(--spacing) * 1); color: var(--color-text-dark); 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)); &:hover { @media (hover: hover) { color: var(--color-primary); } } } .theme-switcher { display: inline-flex; label { position: relative; display: inline-block; height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 6); cursor: pointer; border-radius: var(--radius-2xl); background-color: var(--color-border); @media (width >= 64rem) { width: calc(var(--spacing) * 10); } } input { position: absolute; opacity: 0%; } span { position: absolute; top: calc(var(--spacing) * -1); left: calc(var(--spacing) * 0); display: flex; height: calc(var(--spacing) * 6); width: calc(var(--spacing) * 6); align-items: center; justify-content: center; border-radius: calc(infinity * 1px); background-color: var(--color-dark); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 300ms; transition-duration: 300ms; } input:checked + label { span { @media (width >= 64rem) { left: calc(var(--spacing) * 4); } } } } .btn { display: inline-block; border-style: var(--tw-border-style); border-width: 1px; border-color: transparent; padding-inline: calc(var(--spacing) * 5.5); padding-block: calc(var(--spacing) * 3); --tw-leading: 1; line-height: 1; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); text-transform: capitalize; 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)); } .btn-sm { padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .btn-primary { border-color: var(--color-primary); background-color: var(--color-primary); color: var(--color-white); } .btn-dark { border-color: var(--color-dark); background-color: var(--color-dark); color: var(--color-white); } .btn-outline-primary { border-color: var(--color-primary); background-color: transparent; color: var(--color-primary); &:hover { @media (hover: hover) { background-color: var(--color-primary); } } &:hover { @media (hover: hover) { color: var(--color-white); } } } .shuffle-filter-btn { min-width: 170px; cursor: pointer; background-color: color-mix(in oklab, var(--color-primary) 5%, transparent); padding-inline: calc(var(--spacing) * 4); line-height: var(--tw-leading, var(--text-base--line-height)); font-size: var(--text-base); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 300ms; transition-duration: 300ms; --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); &:hover { @media (hover: hover) { background-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } } } .shuffle-filter-btn.active { background-color: var(--color-primary); color: var(--color-white); } }.search-wrapper{position:relative;z-index:1}.search-wrapper svg{display:inline-block;background-color:transparent}.search-wrapper-header{padding:14px;position:relative}.search-wrapper-header input{border:1px solid #ddd;width:100%;border-radius:4px;height:52px;padding:0 15px 0 40px;transition:.25s}.search-wrapper-header input:focus{border-color:var(--color-primary);box-shadow:none;outline:none}.search-wrapper-header label{position:absolute;left:28px;top:calc(50% - 13px)}.search-wrapper-header label .search-reset{display:none;transition:.1s}.search-wrapper-header label .search-reset:hover{cursor:pointer;color:#fb5c5c}.search-result-empty{display:block;text-align:center;padding:32px 0;cursor:text;user-select:none}.search-result mark{padding:0;border-radius:2px}.search-result:not(:empty)+.search-result-empty{display:none}.search-not-found{text-align:center}.search-not-found svg{margin-bottom:16px}.search-not-found p{margin-bottom:0}.search-result-item{position:relative;display:block;padding:16px;border-radius:4px;border:1px solid #eee;background-color:#fff;transition:0s;margin-bottom:4px;display:flex;align-items:flex-start}.search-result-item div:empty,.search-result-item .search-result-item-description:empty{display:none}.search-result-item-image{flex-shrink:0}.search-result-item-image:empty{display:none}.search-result-item-body{flex-grow:1}.search-result-item>div>img{border-radius:4px;max-height:400px;width:100%;object-fit:cover}.search-page .search-result-item>div>img{object-fit:cover;max-height:250px;width:100%}.search-result-item:focus,.search-result-item.search-item-selected,.search-result-item:hover{background-color:var(--color-primary)}.search-result-item:focus *,.search-result-item.search-item-selected *,.search-result-item:hover *{color:#fff}.search-result-item:focus mark,.search-result-item.search-item-selected mark,.search-result-item:hover mark{background-color:#fef08a;color:#060606}.search-result-item [data-result-item] u{color:var(--color-primary)}.search-result-item .hidden{display:none}.search-result-group-title{padding:0 12px;display:inline-block;margin-bottom:5px;margin-top:15px;font-size:18px}.search-result-item-title{transition:0s;font-size:18px;color:#000;margin-bottom:0;line-height:1.35;font-weight:700}.search-result-item-title::before{position:absolute;bottom:0;left:0;right:0;top:0;z-index:10;content:""}.search-result-item-content{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0}.search-result-item-description{font-size:90%;margin-top:6px;margin-bottom:4px}.search-result-item-content:empty{display:none}.search-result-item-taxonomies{display:flex;flex-wrap:wrap;font-size:13px;align-items:center}.search-result-item-taxonomies>div{margin-right:12px;color:#999}.search-result-item-taxonomies>div svg{margin-right:4px}.search-wrapper-footer{color:#999;font-size:12px;padding:8px 14px;user-select:none;line-height:1;display:flex;align-items:center}.search-wrapper-footer kbd{color:#777;background-color:#eee;font-size:12px;border-radius:3px;margin-right:3px;padding:2px 4px;line-height:1;text-align:center;display:inline-block}.search-wrapper-footer span:not(:last-child){margin-right:16px}.search-wrapper-footer span:last-child{margin-left:auto}.search-wrapper-footer .search-result-info:empty{display:none}.search-wrapper-footer .search-result-info{margin-left:-3px}.search-wrapper-footer .search-result-info em{color:#000;font-style:normal;padding:0 3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.search-modal{position:fixed;height:100%;width:100%;inset:0;z-index:9999;opacity:0;visibility:hidden}.search-modal.show{opacity:1;visibility:visible}.search-modal-overlay{position:fixed;height:100%;width:100%;top:0;left:0;background-color:rgba(0,0,0,.5)}.search-modal .search-wrapper{width:660px;max-width:96%;margin:100px auto;border-radius:4px;background-color:#fff}.search-modal .search-wrapper-body{max-height:calc(100vh - 350px);padding:14px;overflow-y:auto;background-color:#f5f6f7;box-shadow:inset 0 2px 18px #ddd;border-radius:4px}.search-modal .search-result-group:first-child .search-result-group-title:not(:empty){margin-top:-15px}.search-modal .search-result-item a>div{margin-right:16px}.search-modal .search-result-item-image{margin-right:15px}.search-modal .search-result-item-image img{width:100px;height:100px;object-fit:cover}@media(max-width:576px){.search-modal .search-result-item-image img{width:60px;height:60px}.search-wrapper-footer{display:none}}.dark .search-modal .search-wrapper{background-color:#1c1c1c}.dark .search-modal .search-wrapper-header input{color:#fff;background-color:#222;border-color:#535353}.dark .search-modal .search-wrapper-header input:focus{border-color:#fff}.dark .search-modal .search-wrapper-body{background-color:#222;box-shadow:none}.dark .search-modal .search-result-item{border-color:#3e3e3e;background-color:#1c1c1c}.dark .search-modal .search-result-item:focus,.dark .search-modal .search-result-item.search-item-selected,.dark .search-modal .search-result-item:hover{background-color:#060606}.dark .search-modal .search-result-item .search-result-item-title{color:#fff}.dark .search-wrapper-footer kbd{background-color:#3e3e3e;color:#ccc}.dark .search-wrapper-footer .search-result-info em{color:#fff}.search-page .search-wrapper{padding:100px 0}.search-page .search-wrapper-header,.search-page .search-wrapper-footer{width:660px;max-width:96%;margin:0 auto}.search-page .search-wrapper-footer{padding-top:0;padding-bottom:0;margin-bottom:60px}.search-page .search-wrapper-body{padding:0 16px}.search-page .search-result-group{display:flex;flex-wrap:wrap}.search-page .search-result-item{margin-right:-15px;margin-left:-15px}.search-page .search-result-group>p,.search-page .search-result-item{padding-right:15px !important;padding-left:15px !important}.search-page .search-result-group>p{width:100%}.search-page .search-result-item{flex:none;width:calc(100% - (4 * 4px));display:block;padding-top:15px !important;padding-bottom:15px !important;margin:0 8px 16px}.search-page .search-result-item .search-result-item-image{margin-bottom:10px}.search-page .search-result-group-title{font-size:22px;font-weight:700}.search-page .search-result-info{display:block;text-align:center}.search-page .search-wrapper-header input{padding:0 20px}@media(min-width:576px){.search-page .search-result-item{width:calc(50% - (4 * 4px))}}@media(max-width:576px){.search-wrapper .search-wrapper-footer span:not(.search-result-info){display:none}}@media(min-width:768px){.search-page .search-result-item{width:calc(33.3333333333% - (4 * 4px))}}@media(min-width:992px){.search-page .search-result-item{width:calc(25% - (4 * 4px))}}.dark .search-page .search-wrapper-header input{color:#fff;background-color:#222;border-color:#535353}.dark .search-page .search-wrapper-header input:focus{border-color:#fff}.dark .search-page .search-result-item{border-color:#3e3e3e;background-color:#1c1c1c}.dark .search-page .search-result-item:focus,.dark .search-page .search-result-item.search-item-selected,.dark .search-page .search-result-item:hover{background-color:#060606}.dark .search-page .search-result-item-title{color:#fff}.share-link{border-radius:.25rem;transition:25ms ease-out;height:2.5em;width:2.5em;line-height:2.5em;text-align:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration:none;color:#fff;margin:.5em;display:inline-block;vertical-align:middle;cursor:pointer}.share-icon{fill:#fff;stroke:none;display:block;height:100%}.share-icon svg{width:1em;height:100%;margin:auto}.share-pinterest{background-color:#bd081c}.share-pinterest:hover{background-color:#8c0615}.share-facebook{background-color:#3b5998}.share-facebook:hover{background-color:#2d4373}.share-tumblr{background-color:#35465c}.share-tumblr:hover{background-color:#222d3c}.share-reddit{background-color:#5f99cf}.share-reddit:hover{background-color:#3a80c1}.share-linkedin{background-color:#0077b5}.share-linkedin:hover{background-color:#046293}.share-vk{background-color:#507299}.share-vk:hover{background-color:#43648c}.share-x{background-color:#000}.share-x:hover{background-color:#000}.share-email{background-color:#777}.share-email:hover{background-color:#5e5e5e}.share-whatsapp{background-color:#25d366}.share-whatsapp:hover{background-color:#1da851}.share-telegram{background-color:#54a9eb}.share-telegram:hover{background-color:#4b97d1}.share-copy{background-color:#28a745}.share-copy:hover{background-color:#218838}.share-fediverse{background-color:#6364ff}.share-fediverse:hover{background-color:#4b4ccf}.fediverse-share{position:relative;display:inline-block}.fediverse-input-wrapper{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;background:#fff;border:1px solid #ccc;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:8px;display:none;z-index:10;white-space:nowrap}.dark .fediverse-input-wrapper{background:#2d2d2d;border-color:#444;box-shadow:0 4px 6px rgba(0,0,0,.5)}.fediverse-input{width:200px;padding:6px 8px;border:1px solid #ccc;font-size:14px;margin-right:8px}.fediverse-input:focus{outline:none;border-color:#4b4ccf}.fediverse-check-button{padding:7px 12px;background-color:#4b4ccf;color:#fff;border:none;cursor:pointer;font-size:14px}.fediverse-check-button:hover{background-color:#4b4ccf}.img{max-width:100%;height:auto}.gallery{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.gallery .gallery-item{margin:0 10px;margin-bottom:20px;overflow:hidden;max-width:calc(100% - 20px)}.gallery .gallery-item img{user-select:none;width:100%;vertical-align:middle;transition:.3s}.gallery.zoomable .gallery-item:hover img{transform:scale(1.05);cursor:zoom-in}.gallery::after{content:"";flex-grow:99999;min-width:calc(100vw/3)}@media(max-width:460px){.gallery{flex-direction:column}.gallery .gallery-item{width:calc(100% - 20px) !important}}.gallery-slider .swiper-slide img{width:100%}.gallery-slider .swiper-button-prev,.gallery-slider .swiper-button-next{color:#fff;opacity:0;transition:.3s}.gallery-slider:hover .swiper-button-prev,.gallery-slider:hover .swiper-button-next{opacity:1}.gallery-slider:hover .swiper-button-prev{left:30px}.gallery-slider:hover .swiper-button-next{right:30px}.img{max-width:100%;height:auto}.img-light{display:initial}.img-dark{display:none}.dark .img-light{display:none}.dark .img-dark{display:initial}.content img{max-width:100%;margin-bottom:1.5rem;height:auto;display:inline-block}.content img.glightbox{cursor:pointer}.content img.img-center{display:block;margin-left:auto;margin-right:auto}.content img.img-left{display:block;margin-left:0;margin-right:auto}.content img.img-right{display:block;margin-left:auto;margin-right:0}.content img.img-float-left{float:left;margin-right:1.5rem}.content img.img-float-right{float:right;margin-left:1.5rem}.content figure{display:inline-block;margin-bottom:1.5rem}.content figure img{margin-bottom:.7rem}.content figure.img-center{display:block;text-align:center}.content figure.img-left{display:block;text-align:left}.content figure.img-right{display:block;text-align:right}.content figure.img-float-left{float:left;margin-right:1.5rem}.content figure.img-float-right{float:right;margin-left:1.5rem}.table-of-content{margin:1rem 0 1.5rem}.table-of-content summary{font-size:18px;color:#fff;background-color:#555;padding:5px 20px;margin-bottom:0 !important}.table-of-content ul li:before{display:none}#TableOfContents{padding:10px;background-color:#f7f7f7}#TableOfContents li,#TableOfContents a{color:#333 !important}#TableOfContents a{text-decoration:none}#TableOfContents a:hover{text-decoration:underline}.content .table-of-content ul li,.content .table-of-content ol li{margin-bottom:6px !important}.dark #TableOfContents{background-color:#333}.dark #TableOfContents li,.dark #TableOfContents a{color:#fff !important}.tab-nav{list-style:none;padding:0;margin:0 !important;display:flex;border-bottom:1px solid #aaa;overflow-x:auto}.tab-nav::-webkit-scrollbar{width:2px}.tab-nav-item{padding:.5rem 1rem !important;cursor:pointer;opacity:.8;margin:0 !important;white-space:nowrap}.tab-nav-item::before{display:none !important}.tab-nav-item.active{border-bottom:3px solid #aaa;opacity:1}.tab-content .tab-content-panel{display:none;padding:1rem}.tab-content .tab-content-panel p{margin-bottom:0 !important}.tab-content .tab-content-panel.active{display:block}.accordion{border:1px solid #ccc}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;font-size:1.1rem;width:100%;font-weight:700;text-align:left;cursor:pointer}.accordion-icon{width:.78em;height:.78em;transform:rotate(-90deg);transition:transform .2s ease}.accordion-content{max-height:0;overflow:hidden;padding:0 1rem}.accordion.active .accordion-icon{transform:rotate(0)}.accordion.active .accordion-content{max-height:max-content}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;height:100%;width:100%;overflow:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;height:100%;width:100%;background-color:rgba(0,0,0,.4)}.modal-content{position:relative;top:50%;z-index:50;transform:translateY(-50%);background-color:#fff;border-radius:.5rem;padding:2rem;max-width:90%;margin:0 auto}.modal-close{position:absolute;top:.5rem;right:.5rem;height:2rem;width:2rem;background-color:#f2f2f2;color:#000;border-radius:50%;text-align:center;line-height:2rem}.notice{margin-bottom:1.5rem;border:1px solid;padding:1.5rem;border-color:initial}.notice-head{display:flex;align-items:center}.notice-head svg{margin-right:.75rem}.notice-head p{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;line-height:1}.notice-body{margin-top:.75rem}.notice-body p{margin:0}.notice.note{color:#293df2;background-color:rgba(41,61,242,.15)}.notice.abstract{color:#0ca68c;background-color:rgba(12,166,140,.15)}.notice.info{color:#09c3ed;background-color:rgba(9,195,237,.15)}.notice.todo{color:#8d05a8;background-color:rgba(141,5,168,.15)}.notice.tip{color:#19cfb0;background-color:rgba(25,207,176,.15)}.notice.success{color:#04d904;background-color:rgba(4,217,4,.15)}.notice.question{color:#e38902;background-color:rgba(227,137,2,.15)}.notice.warning{color:#e38902;background-color:rgba(227,137,2,.15)}.notice.failure{color:#e31a00;background-color:rgba(227,26,0,.15)}.notice.danger{color:#e31a00;background-color:rgba(227,26,0,.15)}.notice.bug{color:#e31a00;background-color:rgba(227,26,0,.15)}.notice.example{color:#b83acf;background-color:rgba(184,54,207,.15)}.notice.quote{color:#918e91;background-color:rgba(145,142,145,.15)}.dark .notice-head p{color:#d1d5db}.table-of-content{overflow:hidden;border-radius:.25rem}.share-icons .share-link{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);border-radius:.25rem;background-color:var(--color-primary);--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9);&:hover { @media (hover:hover) { background-color:var(--color-primary); } }}.fediverse-input-wrapper{border-radius:.25rem;background-color:var(--color-body);input { border-radius: 0.25rem; &:focus { border-color: var(--color-primary); } &:focus { --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 { border-radius: 0.25rem; background-color: var(--color-primary); color: var(--color-light); &:hover { @media (hover: hover) { background-color: var(--color-primary); } } }}.notice{border-radius:var(--radius-lg)}.tab{overflow:hidden;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border)}.tab-nav{border-color:var(--color-border);background-color:var(--color-light);padding-left:calc(var(--spacing) * 4)}.tab-nav-item{padding-inline:calc(var(--spacing) * 8);font-size:var(--text-lg) !important;line-height:var(--tw-leading,var(--text-lg--line-height)) !important;color:var(--color-text-dark)}.tab-nav-item.active{border-color:var(--color-dark)}.tab-content-panel{padding-inline:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 0) !important}.accordion{margin-bottom:calc(var(--spacing) * 6);overflow:hidden;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-light)}.accordion-header{color:var(--color-text-dark)}.cookie-box{border-radius:var(--radius-lg) !important}.gallery-slider{margin-left:calc(var(--spacing) * 0) !important}@layer base{[type='text'],input:where(:not([type])),[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; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: oklch(54.6% 0.245 262.881); } } input::placeholder,textarea::placeholder { color: oklch(55.1% 0.027 264.364); opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; } ::-webkit-date-and-time-value { text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-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-top: 0; padding-bottom: 0; } select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact; } [multiple],[size]:where(select:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } [type='checkbox'],[type='radio'] { appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: oklch(54.6% 0.245 262.881); background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; --tw-shadow: 0 0 #0000; } [type='checkbox'] { border-radius: 0px; } [type='radio'] { border-radius: 100%; } [type='checkbox']:focus,[type='radio']:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } [type='checkbox']:checked,[type='radio']:checked { border-color: transparent; background-color: currentColor; 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"); @media (forced-colors: active) { appearance: auto; } } [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"); @media (forced-colors: active) { appearance: auto; } } [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus { border-color: transparent; background-color: currentColor; } [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"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; @media (forced-colors: active) { appearance: auto; } } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { border-color: transparent; background-color: currentColor; } [type='file'] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type='file']:focus { outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; } }@layer base{:root { --text-h6: 1.25rem; --text-h6-sm: 1.125rem; --text-h5: 1.5625rem; --text-h5-sm: 1.40625rem; --text-h4: 1.953125rem; --text-h4-sm: 1.7578125rem; --text-h3: 2.44140625rem; --text-h3-sm: 2.197265625rem; --text-h2: 3.0517578125rem; --text-h2-sm: 2.74658203125rem; --text-h1: 3.814697265625rem; --text-h1-sm: 3.4332275390625rem; --text-base: 16px; --text-base-sm: 12.8px; --color-primary: #800000; --color-body: #ffffff; --color-border: #D9B2B2; --color-light: #F4F5F6; --color-dark: #040404; --color-text: #4F5662; --color-text-dark: #040404; --color-text-light: #606977; } }@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-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-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0; }@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0; }@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid; }@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-leading{syntax: "*"; inherits: false; }@property --tw-tracking{syntax: "*"; inherits: false; }@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-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-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-duration{syntax: "*"; inherits: false; }@property --tw-ease{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-content{syntax: "*"; initial-value: ""; inherits: false; }@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-font-weight: initial; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-border-style: solid; --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-leading: initial; --tw-tracking: initial; --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-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-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-duration: initial; --tw-ease: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-content: ""; } } }