/* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) 2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color` */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: var(--un-default-border-color, #e5e7eb); /* 2 */ } ::before, ::after { --un-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS. */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default. */ [hidden]:where(:not([hidden="until-found"])) { display: none; } /* cyrillic-ext */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/themes/z58/build/assets/fonts/inter-6e85163c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}/* cyrillic */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/themes/z58/build/assets/fonts/inter-467acc7a.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}/* greek-ext */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/themes/z58/build/assets/fonts/inter-9be0371e.woff2) format('woff2'); unicode-range: U+1F00-1FFF;}/* greek */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/themes/z58/build/assets/fonts/inter-05cf802c.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}/* vietnamese */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/themes/z58/build/assets/fonts/inter-2b2f25a4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}/* latin-ext */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/themes/z58/build/assets/fonts/inter-7048add3.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/themes/z58/build/assets/fonts/inter-a28b7e31.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* cyrillic-ext */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/themes/z58/build/assets/fonts/inter-6e85163c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}/* cyrillic */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/themes/z58/build/assets/fonts/inter-467acc7a.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}/* greek-ext */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/themes/z58/build/assets/fonts/inter-9be0371e.woff2) format('woff2'); unicode-range: U+1F00-1FFF;}/* greek */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/themes/z58/build/assets/fonts/inter-05cf802c.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}/* vietnamese */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/themes/z58/build/assets/fonts/inter-2b2f25a4.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}/* latin-ext */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/themes/z58/build/assets/fonts/inter-7048add3.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/themes/z58/build/assets/fonts/inter-a28b7e31.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);}.disabled\:pointer-events-none:disabled{pointer-events:none;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.-bottom-10{bottom:-2.5rem;}.-bottom-20{bottom:-5rem;}.-bottom-32{bottom:-8rem;}.-right-10{right:-2.5rem;}.-right-12{right:-3rem;}.-right-20{right:-5rem;}.-top-10{top:-2.5rem;}.-top-16{top:-4rem;}.bottom-2{bottom:0.5rem;}.left-\[10px\]{left:10px;}.left-\[5px\]{left:5px;}.left-0{left:0;}.right-0{right:0;}.top-\[10px\]{top:10px;}.top-\[1px\]{top:1px;}.top-0{top:0;}.top-full{top:100%;}.z-10{z-index:10;}.z-20{z-index:20;}.z-30{z-index:30;}.grid{display:grid;}.col-span-2{grid-column:span 2/span 2;}.row-span-2{grid-row:span 2/span 2;}.row-start-1{grid-row-start:1;}.row-start-3{grid-row-start:3;}.row-start-4{grid-row-start:4;}.row-start-5{grid-row-start:5;}.row-start-6{grid-row-start:6;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.m-auto{margin:auto;}.m6{margin:1.5rem;}.mx-auto{margin-left:auto;margin-right:auto;}.-ml-4{margin-left:-1rem;}.mb-1{margin-bottom:0.25rem;}.mb-10{margin-bottom:2.5rem;}.mb-12{margin-bottom:3rem;}.mb-14{margin-bottom:3.5rem;}.mb-16{margin-bottom:4rem;}.mb-2{margin-bottom:0.5rem;}.mb-20{margin-bottom:5rem;}.mb-3{margin-bottom:0.75rem;}.mb-4{margin-bottom:1rem;}.mb-5{margin-bottom:1.25rem;}.mb-6{margin-bottom:1.5rem;}.mb-7{margin-bottom:1.75rem;}.mb-8{margin-bottom:2rem;}.mb-9{margin-bottom:2.25rem;}.ml-1{margin-left:0.25rem;}.ml-2{margin-left:0.5rem;}.mt-10{margin-top:2.5rem;}.mt-11{margin-top:2.75rem;}.mt-2{margin-top:0.5rem;}.mt-3{margin-top:0.75rem;}.mt-4{margin-top:1rem;}.mt-5{margin-top:1.25rem;}.mt-6{margin-top:1.5rem;}.mt-auto{margin-top:auto;}.block{display:block;}.hidden{display:none;}.aspect-video{aspect-ratio:16/9;}.\!h-10{height:2.5rem !important;}.\!max-w-5xl{max-width:64rem !important;}.\!w-full{width:100% !important;}.h-\[19px\]{height:19px;}.h-\[40\%\]{height:40%;}.h-\[50\%\]{height:50%;}.h-\[500px\]{height:500px;}.h-\[56px\]{height:56px;}.h-\[60\%\]{height:60%;}.h-10{height:2.5rem;}.h-15{height:3.75rem;}.h-2{height:0.5rem;}.h-28{height:7rem;}.h-32{height:8rem;}.h-4{height:1rem;}.h-5{height:1.25rem;}.h-full{height:100%;}.h-min{height:min-content;}.h-screen{height:100vh;}.max-h-\[215px\]{max-height:215px;}.max-h-\[250px\]{max-height:250px;}.max-h-\[760px\]{max-height:760px;}.max-h-\[850px\]{max-height:850px;}.max-w-max{max-width:max-content;}.min-h-\[130px\]{min-height:130px;}.min-h-\[140px\]{min-height:140px;}.min-h-\[80px\]{min-height:80px;}.min-w-0{min-width:0;}.w-\[18px\]{width:18px;}.w-\[48\%\]{width:48%;}.w-\[50\%\],.w-1\/2{width:50%;}.w-\[74px\]{width:74px;}.w-\[80\%\]{width:80%;}.w-0{width:0;}.w-1\/3{width:33.3333333333%;}.w-10{width:2.5rem;}.w-2{width:0.5rem;}.w-4{width:1rem;}.w-40{width:10rem;}.w-5{width:1.25rem;}.w-auto{width:auto;}.w-fit{width:fit-content;}.w-full{width:100%;}.w-min{width:min-content;}.flex{display:flex;}.flex-col-reverse{display:flex;flex-direction:column;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.shrink-0{flex-shrink:0;}.grow-0{flex-grow:0;}.basis-full{flex-basis:100%;}.flex-row{flex-direction:row;}.flex-row-reverse{flex-direction:row-reverse;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.-rotate-12{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-12deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.-rotate-45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180,.rotate-\[180deg\]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-\[20deg\]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:20deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.hover\:scale-105:hover{--un-scale-x:1.05;--un-scale-y:1.05;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.hover\:scale-110:hover{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.cursor-pointer{cursor:pointer;}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed;}.resize-none{resize:none;}.list-disc{list-style-type:disc;}.list-inside{list-style-position:inside;}.list-none{list-style-type:none;}.content-center{align-content:center;}.items-start{align-items:flex-start;}.items-end{align-items:flex-end;}.items-center{align-items:center;}.items-stretch{align-items:stretch;}.self-start{align-self:flex-start;}.self-end{align-self:flex-end;}.justify-start{justify-content:flex-start;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-1{gap:0.25rem;}.gap-12{gap:3rem;}.gap-2{gap:0.5rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1rem;}.gap-5{gap:1.25rem;}.gap-6{gap:1.5rem;}.gap-7{gap:1.75rem;}.gap-8{gap:2rem;}.gap-9{gap:2.25rem;}.gap-x-1{column-gap:0.25rem;}.gap-x-2{column-gap:0.5rem;}.gap-x-3{column-gap:0.75rem;}.gap-y-1{row-gap:0.25rem;}.gap-y-2{row-gap:0.5rem;}.gap-y-4{row-gap:1rem;}.gap-y-5{row-gap:1.25rem;}.gap-y-6{row-gap:1.5rem;}.space-x-1>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.25rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.25rem * var(--un-space-x-reverse));}.space-x-3>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.75rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.75rem * var(--un-space-x-reverse));}.space-y-0>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0px * var(--un-space-y-reverse));}.space-y-1>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.25rem * var(--un-space-y-reverse));}.space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.5rem * var(--un-space-y-reverse));}.overflow-hidden{overflow:hidden;}.whitespace-break-spaces{white-space:break-spaces;}.whitespace-nowrap{white-space:nowrap;}.break-words{overflow-wrap:break-word;}.\!border{border-width:1px !important;}.border{border-width:1px;}.\!file\:border-0::file-selector-button{border-width:0px !important;}.file\:border-0::file-selector-button{border-width:0px;}.border-b{border-bottom-width:1px;}.border-t{border-top-width:1px;}.\!border-gray-800{--un-border-opacity:1 !important;border-color:rgb(31 41 55 / var(--un-border-opacity)) !important;}.border-brown-t{--un-border-opacity:1;border-color:rgb(67 61 56 / var(--un-border-opacity));}.border-gray-800{--un-border-opacity:1;border-color:rgb(31 41 55 / var(--un-border-opacity));}.border-secondary{--un-border-opacity:1;border-color:rgb(85 112 40 / var(--un-border-opacity));}.border-r-white{--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgb(255 255 255 / var(--un-border-right-opacity));}.rounded-2xl{border-radius:1rem;}.rounded-full{border-radius:9999px;}.rounded-md{border-radius:calc(var(--radius) - 2px);}.rounded-sm{border-radius:calc(var(--radius) - 4px);}.rounded-xl{border-radius:0.75rem;}.\!bg-\[\#8C8C8C\]{--un-bg-opacity:1 !important;background-color:rgb(140 140 140 / var(--un-bg-opacity)) !important;}.bg-\[\#D9D9D9\]{--un-bg-opacity:1;background-color:rgb(217 217 217 / var(--un-bg-opacity));}.bg-background{--un-bg-opacity:1;background-color:hsl(var(--background) / var(--un-bg-opacity));}.bg-brown{--un-bg-opacity:1;background-color:rgb(89 73 64 / var(--un-bg-opacity));}.bg-litegray{--un-bg-opacity:1;background-color:rgb(248 245 242 / var(--un-bg-opacity));}.bg-primary{--un-bg-opacity:1;background-color:rgb(223 139 12 / var(--un-bg-opacity));}.bg-secondary,.data-\[state\=checked\]\:bg-secondary[data-state=checked]{--un-bg-opacity:1;background-color:rgb(85 112 40 / var(--un-bg-opacity));}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}.hover\:bg-accent:hover{--un-bg-opacity:1;background-color:hsl(var(--accent) / var(--un-bg-opacity));}.hover\:bg-primary\/90:hover{background-color:rgb(223 139 12 / 0.9);}.hover\:bg-secondary\/80:hover{background-color:rgb(85 112 40 / 0.8);}.file\:bg-transparent::file-selector-button{background-color:transparent;}.object-cover{object-fit:cover;}.p-12{padding:3rem;}.p-2{padding:0.5rem;}.p-3{padding:0.75rem;}.p-4{padding:1rem;}.p-5{padding:1.25rem;}.\!py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}.px-16{padding-left:4rem;padding-right:4rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-4{padding-left:1rem;padding-right:1rem;}.px-5{padding-left:1.25rem;padding-right:1.25rem;}.px-9{padding-left:2.25rem;padding-right:2.25rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-12{padding-top:3rem;padding-bottom:3rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1rem;padding-bottom:1rem;}.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}.py-7{padding-top:1.75rem;padding-bottom:1.75rem;}.py-8{padding-top:2rem;padding-bottom:2rem;}.pb-10{padding-bottom:2.5rem;}.pb-14{padding-bottom:3.5rem;}.pb-4{padding-bottom:1rem;}.pl-4{padding-left:1rem;}.pl-5{padding-left:1.25rem;}.pt-9{padding-top:2.25rem;}.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}.text-wrap{text-wrap:wrap;}.text-\[2\.1rem\]{font-size:2.1rem;}.text-2xl{font-size:1.6875rem;line-height:1;}.text-3xl{font-size:1.875rem;line-height:2.25rem;}.text-4xl{font-size:2.25rem;line-height:2.5rem;}.text-5xl{font-size:3rem;line-height:1;}.text-base{font-size:1rem;line-height:1.5rem;}.text-lg{font-size:1.125rem;line-height:1.75rem;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-xl{font-size:1.25rem;line-height:1.75rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.file\:text-sm::file-selector-button{font-size:0.875rem;line-height:1.25rem;}.\!text-brown-t{--un-text-opacity:1 !important;color:rgb(67 61 56 / var(--un-text-opacity)) !important;}.\!text-primary{--un-text-opacity:1 !important;color:rgb(223 139 12 / var(--un-text-opacity)) !important;}.\!text-secondary{--un-text-opacity:1 !important;color:rgb(85 112 40 / var(--un-text-opacity)) !important;}.\!text-white{--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity)) !important;}.data-\[active\]\:text-secondary[data-active],.data-\[state\=open\]\:text-secondary[data-state=open],.text-secondary{--un-text-opacity:1;color:rgb(85 112 40 / var(--un-text-opacity));}.data-\[state\=checked\]\:text-white[data-state=checked],.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}.text-\[\#767676\]{--un-text-opacity:1;color:rgb(118 118 118 / var(--un-text-opacity));}.text-brown-t{--un-text-opacity:1;color:rgb(67 61 56 / var(--un-text-opacity));}.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}.text-primary{--un-text-opacity:1;color:rgb(223 139 12 / var(--un-text-opacity));}.\!hover\:text-primary:hover{--un-text-opacity:1 !important;color:rgb(223 139 12 / var(--un-text-opacity)) !important;}.hover\:text-accent-foreground:hover{--un-text-opacity:1;color:hsl(var(--accent-foreground) / var(--un-text-opacity));}.hover\:text-secondary:hover{--un-text-opacity:1;color:rgb(85 112 40 / var(--un-text-opacity));}.placeholder\:text-muted-foreground::placeholder{--un-text-opacity:1;color:hsl(var(--muted-foreground) / var(--un-text-opacity));}.font-bold{font-weight:700;}.font-medium{font-weight:500;}.font-normal{font-weight:400;}.font-semibold{font-weight:600;}.file\:font-medium::file-selector-button{font-weight:500;}.leading-10{line-height:2.5rem;}.leading-4{line-height:1rem;}.leading-7{line-height:1.75rem;}.leading-none{line-height:1;}.data-\[state\=open\]\:underline[data-state=open],.underline{text-decoration-line:underline;}.hover\:underline:hover{text-decoration-line:underline;}.data-\[state\=open\]\:decoration-2[data-state=open],.decoration-2{text-decoration-thickness:2px;}.hover\:decoration-2:hover{text-decoration-thickness:2px;}.hyphens-manual{-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.hover\:opacity-70:hover{opacity:0.7;}.hover\:opacity-80:hover{opacity:0.8;}.disabled\:opacity-50:disabled{opacity:0.5;}.peer:disabled~.peer-disabled\:opacity-70{opacity:0.7;}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.focus-visible\:ring-1:focus-visible{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:ring-offset-0:focus-visible{--un-ring-offset-width:0px;}.focus-visible\:ring-offset-2:focus-visible{--un-ring-offset-width:2px;}.focus-visible\:ring-ring:focus-visible{--un-ring-opacity:1;--un-ring-color:hsl(var(--ring) / var(--un-ring-opacity));}.focus-visible\:ring-secondary:focus-visible{--un-ring-opacity:1;--un-ring-color:rgb(85 112 40 / var(--un-ring-opacity));}.ring-offset-background{--un-ring-offset-opacity:1;--un-ring-offset-color:hsl(var(--background) / var(--un-ring-offset-opacity));}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-200{transition-duration:200ms;}@media (min-width: 640px){.sm\:col-span-2{grid-column:span 2/span 2;}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.sm\:mb-16{margin-bottom:4rem;}.sm\:mb-5{margin-bottom:1.25rem;}.sm\:mt-4{margin-top:1rem;}.sm\:block{display:block;}.sm\:hidden{display:none;}.sm\:h-full{height:100%;}.sm\:w-\[35\%\]{width:35%;}.sm\:flex{display:flex;}.sm\:flex-row{flex-direction:row;}.sm\:gap-4{gap:1rem;}.sm\:gap-5{gap:1.25rem;}.sm\:p-10{padding:2.5rem;}.sm\:p-5{padding:1.25rem;}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem;}.sm\:py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem;}.sm\:text-left{text-align:left;}.sm\:text-2xl{font-size:1.6875rem;line-height:1;}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem;}.sm\:text-6xl{font-size:4rem;line-height:1;}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem;}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem;}}@media (min-width: 768px){.md\:left-\[15px\]{left:15px;}.md\:left-\[20px\]{left:20px;}.md\:top-\[20px\]{top:20px;}.md\:top-0{top:0;}.md\:col-span-1{grid-column:span 1/span 1;}.md\:col-span-2{grid-column:span 2/span 2;}.md\:col-start-2{grid-column-start:2;}.md\:row-start-1{grid-row-start:1;}.md\:row-start-2{grid-row-start:2;}.md\:row-start-3{grid-row-start:3;}.md\:row-end-3{grid-row-end:3;}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.md\:mb-10{margin-bottom:2.5rem;}.md\:mb-14{margin-bottom:3.5rem;}.md\:mb-16{margin-bottom:4rem;}.md\:mb-20{margin-bottom:5rem;}.md\:mb-5{margin-bottom:1.25rem;}.md\:mb-6{margin-bottom:1.5rem;}.md\:mb-7{margin-bottom:1.75rem;}.md\:mb-8{margin-bottom:2rem;}.md\:mt-5{margin-top:1.25rem;}.md\:block{display:block;}.md\:hidden{display:none;}.md\:h-\[67px\]{height:67px;}.md\:h-\[86\%\]{height:86%;}.md\:h-\[95px\]{height:95px;}.md\:h-10{height:2.5rem;}.md\:h-14{height:3.5rem;}.md\:h-3{height:0.75rem;}.md\:max-h-\[320px\]{max-height:320px;}.md\:min-h-fit{min-height:fit-content;}.md\:w-\[411px\]{width:411px;}.md\:w-\[42\%\]{width:42%;}.md\:w-\[58\%\]{width:58%;}.md\:w-\[60\%\]{width:60%;}.md\:w-1\/2{width:50%;}.md\:w-3{width:0.75rem;}.md\:w-full{width:100%;}.md\:flex-row{flex-direction:row;}.md\:flex-row-reverse{flex-direction:row-reverse;}.md\:flex-col{flex-direction:column;}.md\:gap-10{gap:2.5rem;}.md\:gap-16{gap:4rem;}.md\:gap-5{gap:1.25rem;}.md\:gap-6{gap:1.5rem;}.md\:gap-x-3{column-gap:0.75rem;}.md\:gap-y-2{row-gap:0.5rem;}.md\:gap-y-20{row-gap:5rem;}.md\:rounded-2xl{border-radius:1rem;}.md\:p-5{padding:1.25rem;}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem;}.md\:px-4{padding-left:1rem;padding-right:1rem;}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem;}.md\:py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.md\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.md\:py-4{padding-top:1rem;padding-bottom:1rem;}.md\:py-8{padding-top:2rem;padding-bottom:2rem;}.md\:text-right{text-align:right;}.md\:\!text-lg{font-size:1.125rem !important;line-height:1.75rem !important;}.md\:text-2xl{font-size:1.6875rem;line-height:1;}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem;}.md\:text-5xl{font-size:3rem;line-height:1;}.md\:text-xl{font-size:1.25rem;line-height:1.75rem;}.md\:\!leading-10{line-height:2.5rem !important;}.md\:leading-9{line-height:2.25rem;}}@media (min-width: 1024px){.lg\:-bottom-10{bottom:-2.5rem;}.lg\:-top-10{top:-2.5rem;}.lg\:left-\[40px\]{left:40px;}.lg\:top-\[37px\]{top:37px;}.lg\:col-auto{grid-column:auto;}.lg\:col-span-1{grid-column:span 1/span 1;}.lg\:row-span-3{grid-row:span 3/span 3;}.lg\:col-start-3{grid-column-start:3;}.lg\:col-start-4{grid-column-start:4;}.lg\:row-start-1{grid-row-start:1;}.lg\:row-start-3{grid-row-start:3;}.lg\:col-end-5{grid-column-end:5;}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}.lg\:mb-10{margin-bottom:2.5rem;}.lg\:mb-16{margin-bottom:4rem;}.lg\:mb-2{margin-bottom:0.5rem;}.lg\:mb-20{margin-bottom:5rem;}.lg\:mb-24{margin-bottom:6rem;}.lg\:mb-40{margin-bottom:10rem;}.lg\:mb-44{margin-bottom:11rem;}.lg\:mb-5{margin-bottom:1.25rem;}.lg\:mb-7{margin-bottom:1.75rem;}.lg\:mb-8{margin-bottom:2rem;}.lg\:mt-10{margin-top:2.5rem;}.lg\:mt-5{margin-top:1.25rem;}.lg\:mt-7{margin-top:1.75rem;}.lg\:block{display:block;}.lg\:h-\[220px\]{height:220px;}.lg\:h-\[81px\]{height:81px;}.lg\:h-4{height:1rem;}.lg\:h-40{height:10rem;}.lg\:h-64{height:16rem;}.lg\:max-w-\[30\%\]{max-width:30%;}.lg\:min-h-32{min-height:8rem;}.lg\:w-\[106px\]{width:106px;}.lg\:w-\[35\%\]{width:35%;}.lg\:w-\[40\%\]{width:40%;}.lg\:w-\[60\%\]{width:60%;}.lg\:w-1\/2{width:50%;}.lg\:w-1\/3{width:33.3333333333%;}.lg\:w-1\/4{width:25%;}.lg\:w-2\/3{width:66.6666666667%;}.lg\:w-3\/4{width:75%;}.lg\:w-4{width:1rem;}.lg\:flex-col-reverse{display:flex;flex-direction:column;}.lg\:flex-row{flex-direction:row;}.lg\:flex-row-reverse{flex-direction:row-reverse;}.lg\:flex-col{flex-direction:column;}.lg\:items-start{align-items:flex-start;}.lg\:items-end{align-items:flex-end;}.lg\:justify-start{justify-content:flex-start;}.lg\:justify-end{justify-content:flex-end;}.lg\:gap-1{gap:0.25rem;}.lg\:gap-14{gap:3.5rem;}.lg\:gap-16{gap:4rem;}.lg\:gap-2{gap:0.5rem;}.lg\:gap-3{gap:0.75rem;}.lg\:gap-4{gap:1rem;}.lg\:gap-40{gap:10rem;}.lg\:gap-5{gap:1.25rem;}.lg\:gap-x-5{column-gap:1.25rem;}.lg\:gap-y-3{row-gap:0.75rem;}.lg\:gap-y-4{row-gap:1rem;}.lg\:border-r-white{--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgb(255 255 255 / var(--un-border-right-opacity));}.lg\:p-0{padding:0;}.lg\:p-16{padding:4rem;}.lg\:p-5{padding:1.25rem;}.lg\:p-6{padding:1.5rem;}.lg\:p-7{padding:1.75rem;}.lg\:p-8{padding:2rem;}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem;}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem;}.lg\:px-7{padding-left:1.75rem;padding-right:1.75rem;}.lg\:px-8{padding-left:2rem;padding-right:2rem;}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem;}.lg\:py-14{padding-top:3.5rem;padding-bottom:3.5rem;}.lg\:py-20{padding-top:5rem;padding-bottom:5rem;}.lg\:py-4{padding-top:1rem;padding-bottom:1rem;}.lg\:py-8{padding-top:2rem;padding-bottom:2rem;}.lg\:pb-11{padding-bottom:2.75rem;}.lg\:pb-5{padding-bottom:1.25rem;}.lg\:pl-8{padding-left:2rem;}.lg\:pr-3{padding-right:0.75rem;}.lg\:pt-12{padding-top:3rem;}.lg\:text-2xl{font-size:1.6875rem;line-height:1;}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem;}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem;}.lg\:text-5xl{font-size:3rem;line-height:1;}.lg\:text-6xl{font-size:4rem;line-height:1;}.lg\:text-7\.5xl{font-size:5rem;line-height:1;}.lg\:text-base{font-size:1rem;line-height:1.5rem;}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem;}}@media (min-width: 1280px){.xl\:mb-16{margin-bottom:4rem;}.xl\:h-\[426px\]{height:426px;}.xl\:w-\[55\%\]{width:55%;}.xl\:w-\[86\%\]{width:86%;}.xl\:w-1\/2{width:50%;}.xl\:w-full{width:100%;}.xl\:items-start{align-items:flex-start;}.xl\:justify-start{justify-content:flex-start;}.xl\:justify-end{justify-content:flex-end;}.xl\:gap-0{gap:0;}.xl\:gap-5{gap:1.25rem;}.xl\:gap-x-8{column-gap:2rem;}.xl\:p-4{padding:1rem;}.xl\:text-xl{font-size:1.25rem;line-height:1.75rem;}.xl\:\!leading-9{line-height:2.25rem !important;}}@font-face { font-family: "tenor"; src: local("TenorSans-Regular"), url("./fonts/TenorSans-Regular.ttf") format("truetype"); } .font-tenor { font-family: 'tenor'; font-weight: 400; } .font-inter { font-family: "Inter"; } #root { min-height: 100vh; height: 100%; font-family: "Inter"; } .flag-dropdown { pointer-events:none !important;--un-border-opacity:1 !important;border-color:rgb(31 41 55 / var(--un-border-opacity)) !important;} @layer base { :root { --background: 0 0% 100%; --foreground: 224 71.4% 4.1%; --card: 0 0% 100%; --card-foreground: 224 71.4% 4.1%; --popover: 0 0% 100%; --popover-foreground: 224 71.4% 4.1%; --primary: 220.9 39.3% 11%; --primary-foreground: 210 20% 98%; --secondary: 220 14.3% 95.9%; --secondary-foreground: 220.9 39.3% 11%; --muted: 220 14.3% 95.9%; --muted-foreground: 220 8.9% 46.1%; --accent: 220 14.3% 95.9%; --accent-foreground: 220.9 39.3% 11%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 20% 98%; --border: 220 13% 91%; --input: 220 13% 91%; --ring: 224 71.4% 4.1%; } .dark { --background: 224 71.4% 4.1%; --foreground: 210 20% 98%; --card: 224 71.4% 4.1%; --card-foreground: 210 20% 98%; --popover: 224 71.4% 4.1%; --popover-foreground: 210 20% 98%; --primary: 210 20% 98%; --primary-foreground: 220.9 39.3% 11%; --secondary: 215 27.9% 16.9%; --secondary-foreground: 210 20% 98%; --muted: 215 27.9% 16.9%; --muted-foreground: 217.9 10.6% 64.9%; --accent: 215 27.9% 16.9%; --accent-foreground: 210 20% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 20% 98%; --border: 215 27.9% 16.9%; --input: 215 27.9% 16.9%; --ring: 216 12.2% 83.9%; } } @layer base { * { --un-border-opacity:1;border-color:hsl(var(--border) / var(--un-border-opacity)); } body { --un-bg-opacity:1;background-color:hsl(var(--background) / var(--un-bg-opacity));--un-text-opacity:1;color:hsl(var(--foreground) / var(--un-text-opacity)); } } .main-wrapper { max-width: 1440px; } .article-wrapper { max-width: 1024px !important; } .text-h2 { font-size:1.125rem;line-height:1.75rem;--un-text-opacity:1;color:rgb(67 61 56 / var(--un-text-opacity));font-weight:500;}@media (min-width: 1024px){.text-h2{font-size:1.6875rem;line-height:1;}} .text-h2-m { font-size:1.125rem;line-height:1.75rem;--un-text-opacity:1;color:rgb(67 61 56 / var(--un-text-opacity));font-weight:500;}@media (min-width: 1024px){.text-h2-m{font-size:1.6875rem;line-height:1;}} .text-p { font-size:1rem;line-height:1.5rem;--un-text-opacity:1;color:rgb(67 61 56 / var(--un-text-opacity));}@media (min-width: 1024px){.text-p{font-size:1.25rem;line-height:1.75rem;}} .styles-module_image__2hdkJ { height:90%;width:600px;object-fit:cover;} .styles-module_image__2hdkJ { max-width: 90%; } .react-simple-image-viewer__next { opacity:1 !important;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}@media (min-width: 1024px){.react-simple-image-viewer__next{opacity:0.4 !important;}}@media (min-width: 1024px){.react-simple-image-viewer__next:hover{opacity:1 !important;}} .react-simple-image-viewer__previous { opacity:1 !important;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}@media (min-width: 1024px){.react-simple-image-viewer__previous{opacity:0.4 !important;}}@media (min-width: 1024px){.react-simple-image-viewer__previous:hover{opacity:1 !important;}} .react-simple-image-viewer__close { opacity:1 !important;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}@media (min-width: 1024px){.react-simple-image-viewer__close{opacity:0.4 !important;}}@media (min-width: 1024px){.react-simple-image-viewer__close:hover{opacity:1 !important;}} /* News ("Новость") full-node article page — mirrors the SPA article layout at https://zarechny58.ru/article/. The article is constrained to the same 1024px reading column as the SPA (.article-wrapper). */ .news-article { max-width: 1024px; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 768px) { .news-article { margin-top: 2.5rem; } } .news-back { align-self: flex-start; font-size: 1.125rem; margin-bottom: 1.25rem; color: #767676; text-decoration: none; transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1); } .news-back:hover { color: #557028; } /* Title — font-tenor, brown-t; sizes match SPA: text-4xl / md:text-5xl / lg:text-6xl. */ .news-title { font-family: "tenor", serif; color: #433D38; text-align: left; font-weight: 400; line-height: 1; margin-bottom: 1.25rem; font-size: 2.25rem; } @media (min-width: 768px) { .news-title { font-size: 3rem; margin-bottom: 2.5rem; } } @media (min-width: 1024px) { .news-title { font-size: 4rem; } } /* Lead — body summary; SPA: text-2xl / sm:text-3xl / md:text-4xl / lg:text-5xl. */ .news-lead { font-family: "tenor", serif; color: #433D38; text-align: left; font-weight: 400; line-height: 1.15; margin-bottom: 1.25rem; font-size: 1.6875rem; } @media (min-width: 640px) { .news-lead { font-size: 1.875rem; } } @media (min-width: 768px) { .news-lead { font-size: 2.25rem; margin-bottom: 2.5rem; } } @media (min-width: 1024px) { .news-lead { font-size: 3rem; } } .news-cover { width: 100%; margin-bottom: 1.25rem; } @media (min-width: 768px) { .news-cover { margin-bottom: 2.5rem; } } .news-cover img { width: 100%; max-height: 600px; object-fit: cover; } /* Article body typography — uses the site's design tokens. */ .article-body { color: #433D38; font-family: "Inter", sans-serif; font-size: 1rem; line-height: 1.5rem; } @media (min-width: 1024px) { .article-body { font-size: 1.25rem; line-height: 1.75rem; } } .article-body > *:last-child { margin-bottom: 0; } .article-body p { margin-bottom: 1.25rem; } .article-body h1, .article-body h2, .article-body h3, .article-body h4 { font-family: "tenor", serif; color: #433D38; font-weight: 400; line-height: 1.1; margin-top: 2rem; margin-bottom: 1rem; } .article-body h1 { font-size: 2rem; } .article-body h2 { font-size: 1.75rem; } .article-body h3 { font-size: 1.5rem; } @media (min-width: 1024px) { .article-body h1 { font-size: 3rem; } .article-body h2 { font-size: 2.25rem; } .article-body h3 { font-size: 1.875rem; } } .article-body strong, .article-body b { font-weight: 600; } .article-body a { color: #557028; text-decoration: underline; text-decoration-thickness: 2px; transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1); } .article-body a:hover { color: #DF8B0C; } .article-body ul, .article-body ol { margin-bottom: 1.25rem; padding-left: 1.5rem; } .article-body ul { list-style: disc; } .article-body ol { list-style: decimal; } .article-body li { margin-bottom: 0.5rem; } .article-body blockquote { margin: 1.25rem 0; padding-left: 1rem; border-left: 4px solid #DF8B0C; font-style: italic; } .article-body img { width: 100%; height: auto; margin: 1.25rem 0; border-radius: 0.5rem; } /** * @file * Main navigation — styled to mirror https://zarechny58.ru