@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; --ease-out: cubic-bezier(0, 0, 0.2, 1); --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); } } @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 { .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .fixed { position: fixed; } .hidden { display: none; } .resize { resize: both; } .italic { font-style: italic; } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .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)); } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } } :root { --paper: #ffffff; --paper-deep: #e4dccd; --paper-light: #f6f1e7; --ink: #25231f; --ink-soft: rgba(37, 35, 31, 0.62); --hairline: rgba(37, 35, 31, 0.19); --accent: #a74735; --serif: 'Slight Chance', Arial, Helvetica, sans-serif; --sans: TokenSans7, Arial, Helvetica, sans-serif; } .press-experience, .press-experience * { box-sizing: border-box; } .press-experience { color: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } button, a { color: inherit; font: inherit; } button { border: 0; } button:focus-visible, a:focus-visible, canvas:focus-visible { outline: 1px solid var(--ink); outline-offset: 5px; } ::selection { color: var(--paper-light); background: var(--ink); } #complete-shelf-root { display: block; width: 100%; } .press-experience { position: relative; width: 100%; height: 100%; isolation: isolate; overflow: hidden; background: radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.28), transparent 46%), var(--paper); } .press-experience::after { position: absolute; z-index: 14; inset: 0; pointer-events: none; content: ""; opacity: 0.18; mix-blend-mode: multiply; background-image: radial-gradient(circle at 12% 31%, rgba(45, 35, 24, 0.12) 0 0.7px, transparent 0.8px), radial-gradient(circle at 73% 69%, rgba(255, 255, 255, 0.9) 0 0.6px, transparent 0.7px); background-size: 7px 9px, 11px 13px; } .shelf-canvas { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; cursor: grab; touch-action: none; opacity: 0; transition: opacity 900ms cubic-bezier(0.22, 1, 0.36, 1); } .shelf-canvas.is-dragging { cursor: grabbing !important; } .is-ready .shelf-canvas { opacity: 1; } .site-header { position: absolute; z-index: 20; top: 0; right: 0; left: 0; display: flex; align-items: flex-start; justify-content: space-between; padding: 26px clamp(22px, 3.4vw, 56px); pointer-events: none; } .wordmark { display: flex; gap: 13px; align-items: center; font-size: 10px; font-weight: 650; letter-spacing: 0.185em; line-height: 1; } .wordmark__divider { width: 28px; height: 1px; background: currentColor; opacity: 0.4; } .edition-mark { display: grid; gap: 5px; justify-items: end; color: var(--ink-soft); font-size: 9px; font-weight: 560; letter-spacing: 0.17em; line-height: 1; } .header-actions { display: flex; gap: 24px; align-items: flex-start; pointer-events: auto; } .browse-caption { position: absolute; z-index: 16; bottom: clamp(230px, 30vh, 290px); left: clamp(24px, 5.4vw, 92px); width: min(430px, 36vw); isolation: isolate; pointer-events: none; transition: opacity 420ms ease, transform 520ms cubic-bezier(0.22, 1, 0.36, 1); } .browse-caption::before { position: absolute; z-index: -1; top: -42px; right: -72px; bottom: -39px; left: -92px; content: ""; background: linear-gradient( 90deg, rgba(222, 222, 222, 0.96) 0%, rgba(222, 222, 222, 0.22) 58%, rgba(222, 222, 222, 0) 100% ); pointer-events: none; } .is-focused .browse-caption, .browse-caption.is-shelved { opacity: 0; pointer-events: none; transform: translate3d(-22px, 0, 0); } .eyebrow { display: flex; gap: 10px; align-items: center; margin: 0 0 17px; font-size: 9px; font-weight: 620; letter-spacing: 0.19em; line-height: 1; } .eyebrow__line { width: 46px; height: 1px; background: var(--ink); opacity: 0.35; } .browse-caption h1 { max-width: 420px; margin: 0; font-family: var(--serif); font-size: clamp(37px, 4.4vw, 72px); font-weight: 430; letter-spacing: -0.045em; line-height: 0.9; } .browse-caption__author { margin: 17px 0 0; color: var(--ink-soft); font-family: var(--serif); font-size: 21px; font-style: italic; line-height: 1.2; } .inspect-button { display: inline-flex; gap: 21px; align-items: center; margin-top: 13px !important; padding: 0 0 7px; border-bottom: 1px solid currentColor; background: transparent; cursor: pointer; pointer-events: auto; font-size: 10px; font-weight: 620; letter-spacing: 0.15em; text-transform: uppercase; } .inspect-button span:last-child { transition: transform 220ms ease; } .inspect-button:hover span:last-child { transform: translate3d(2px, -2px, 0); } .shelf-arrow { position: absolute; z-index: 17; top: 18%; display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid var(--hairline); border-radius: 50%; background: var(--enfold-main-color-secondary); color: white; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: opacity 260ms ease, transform 260ms ease, background-color 220ms ease; } .shelf-arrow:disabled { cursor: default; opacity: 0.25; } .is-focused .shelf-arrow { display: none; } .shelf-arrow--left { left: clamp(15px, 2.7vw, 44px); } .shelf-arrow--right { right: clamp(15px, 2.7vw, 44px); } .arrow-icon { position: relative; display: block; width: 17px; height: 9px; } .arrow-icon span, .arrow-icon::before, .arrow-icon::after { position: absolute; display: block; content: ""; background: currentColor; } .arrow-icon span { top: 4px; width: 17px; height: 1px; } .arrow-icon::before, .arrow-icon::after { width: 6px; height: 1px; } .arrow-icon--right::before { top: 2px; right: -1px; transform: rotate(45deg); } .arrow-icon--right::after { right: -1px; bottom: 2px; transform: rotate(-45deg); } .arrow-icon--left::before { top: 2px; left: -1px; transform: rotate(-45deg); } .arrow-icon--left::after { bottom: 2px; left: -1px; transform: rotate(45deg); } .shelf-index { position: absolute; z-index: 19; right: clamp(24px, 5vw, 82px); bottom: 34px; left: clamp(24px, 5vw, 82px); display: grid; grid-template-columns: minmax(280px, 1fr) auto; gap: 38px; align-items: end; transition: opacity 300ms ease, transform 420ms cubic-bezier(0.22, 1, 0.36, 1); } .is-focused .shelf-index { opacity: 0; pointer-events: none; transform: translateY(12px); } .shelf-index__ticks { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; align-items: end; height: 21px; padding-top: 10px; } .shelf-index__ticks button { position: relative; display: block; width: 100%; height: 21px; padding: 0; background: transparent; cursor: pointer; } .shelf-index__ticks button::before { position: absolute; right: 0; bottom: 4px; left: 0; height: 1px; content: ""; background: var(--hairline); } .shelf-index__ticks button span { position: absolute; z-index: 1; right: 50%; bottom: 1px; width: 1px; height: 7px; background: var(--ink); opacity: 0.48; transition: height 220ms ease, opacity 220ms ease, width 220ms ease; } .shelf-index__ticks button:hover span { width: 2px; height: 18px; opacity: 1; } .shelf-index__ticks button.is-active span { right: calc(50% - 7px); bottom: -3px; width: 14px; height: 14px; border-radius: 50%; background: var(--enfold-main-color-secondary); opacity: 1; } .input-hint { display: none; gap: 11px; align-items: center; padding-bottom: 1px; color: var(--ink-soft); white-space: nowrap; font-size: 8px; font-weight: 600; letter-spacing: 0.14em; } .input-hint i { width: 2px; height: 2px; border-radius: 50%; background: currentColor; } .book-details { position: absolute; z-index: 22; top: 0; right: 0; width: min(620px, 41vw); height: 100%; opacity: 0; pointer-events: none; transform: translateX(44px); transition: opacity 420ms ease 80ms, transform 620ms cubic-bezier(0.22, 1, 0.36, 1); } .book-details::before { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(220, 220, 220, 0), rgba(220, 220, 220, 0.25) 0%, var(--paper) 24%), var(--paper); } .is-focused .book-details { opacity: 1; pointer-events: auto; transform: translateX(0); } .book-details__inner { display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; height: 100%; padding: 27px clamp(28px, 4vw, 68px) 30px clamp(52px, 6vw, 98px); border-left: 1px solid rgba(37, 35, 31, 0.08); } .back-button { display: inline-flex; gap: 13px; align-items: center; justify-self: start; padding: 0; background: transparent; cursor: pointer; font-size: 9px; font-weight: 650; letter-spacing: 0.16em; line-height: 1; text-transform: uppercase; } .back-button .arrow-icon { transform: scale(0.78); } .book-details__position { display: flex; gap: 8px; align-items: center; justify-self: end; margin-top: -9px; font-size: 9px; font-weight: 620; letter-spacing: 0.14em; } .book-details__position span:first-child::after { display: inline-block; width: 34px; height: 1px; margin: 0 9px 3px 13px; content: ""; background: currentColor; opacity: 0.28; } .book-details__copy { align-self: center; max-height: 100%; padding: 34px 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--hairline) transparent; } .book-details__copy .eyebrow { margin-bottom: 20px; color: var(--ink-soft); } .book-details h2 { max-width: 500px; margin: 0; text-wrap: balance; font-family: var(--serif); text-transform: uppercase; font-size: clamp(42px, 4.35vw, 70px); font-weight: 440; letter-spacing: -0.055em; line-height: 0.91; } .book-details__author { margin: 18px 0 0; color: var(--ink-soft); font-size: 18px; font-style: italic; } .book-details__description { max-width: 520px; margin: 34px 0 0; font-size: clamp(16px, 1.25vw, 20px); font-weight: 430; line-height: 1.38; } .book-details blockquote { position: relative; max-width: 475px; margin: 33px 0 0; padding: 0 0 0 23px; border-left: 1px solid currentColor; } .book-details blockquote p { margin: 0; font-size: 17px; font-style: italic; line-height: 1.32; } .book-details blockquote cite { display: block; margin-top: 10px; color: var(--ink-soft); font-size: 8px; font-style: normal; font-weight: 650; letter-spacing: 0.17em; text-transform: uppercase; } .book-details dl { display: grid; grid-template-columns: 1fr; gap: 20px; max-width: 500px; margin: 34px 0 0; padding: 16px 0 0; border-top: 1px solid var(--hairline); } .book-details dl div { display: flex; flex-direction: column; min-width: 0; } .book-details dt { margin-bottom: 5px; color: var(--ink-soft); font-size: 8px; font-weight: 650; letter-spacing: 0.16em; text-transform: uppercase; } .book-details dd { margin: 0; font-size: 14px; line-height: 1.25; } .official-link { display: flex; align-items: center; justify-content: space-between; max-width: 500px; margin-top: 20px !important; padding: 16px 0 12px; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; text-decoration: none; font-size: 10px; font-weight: 650; letter-spacing: 0.16em; text-transform: uppercase; } .official-link span:last-child { transition: transform 220ms ease; } .official-link:hover span:last-child { transform: translate3d(3px, -3px, 0); } .focus-controls { display: flex; gap: 14px; align-items: center; justify-content: space-between; padding-top: 16px; border-top: 1px solid var(--hairline); color: var(--ink-soft); font-size: 8px; font-weight: 590; letter-spacing: 0.11em; text-transform: uppercase; } .focus-controls span + span::before { display: inline-block; width: 3px; height: 3px; margin: 0 14px 2px 0; border-radius: 50%; content: ""; background: currentColor; } .focus-controls button { padding: 8px 12px; border: 1px solid var(--hairline); background: transparent; cursor: pointer; color: var(--ink); font-size: 8px; font-weight: 650; letter-spacing: 0.12em; text-transform: uppercase; } .experience-status { position: absolute; z-index: 18; top: 72px; left: clamp(24px, 3.4vw, 56px); display: flex; gap: 8px; align-items: center; color: var(--ink-soft); font-size: 8px; font-weight: 560; letter-spacing: 0.12em; text-transform: uppercase; transition: opacity 300ms ease; } .experience-status__dot { display: block; width: 5px; height: 5px; border-radius: 50%; background: #6c8b64; box-shadow: 0 0 0 3px rgba(108, 139, 100, 0.13); } .is-focused .experience-status { opacity: 0; } .loading-screen { position: absolute; z-index: 40; inset: 0; display: grid; place-content: center; justify-items: center; background: var(--paper); transition: opacity 720ms ease 120ms, visibility 720ms ease 120ms; } .is-ready .loading-screen { visibility: hidden; opacity: 0; } .loading-screen__mark { display: flex; gap: 5px; align-items: flex-end; height: 62px; } .loading-screen__mark span { display: block; width: 13px; background: var(--enfold-main-color-secondary); animation: assemble 1.25s ease-in-out infinite alternate; } .loading-screen__mark span:nth-child(1) { height: 46px; } .loading-screen__mark span:nth-child(2) { height: 59px; animation-delay: -0.42s; } .loading-screen__mark span:nth-child(3) { height: 39px; animation-delay: -0.78s; } .loading-screen p { margin: 19px 0 0; font-size: 9px; font-weight: 620; letter-spacing: 0.17em; text-transform: uppercase; } @keyframes assemble { from { opacity: 0.45; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } .independent-note { position: absolute; z-index: 17; right: clamp(24px, 3.4vw, 56px); bottom: 72px; max-width: 260px; margin: 0; color: rgba(37, 35, 31, 0.46); text-align: right; font-family: var(--serif); font-size: 10px; line-height: 1.25; transition: opacity 280ms ease; } .is-focused .independent-note { opacity: 0; } .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } @media (max-width: 1020px) { .book-details { width: min(570px, 48vw); } .book-details__inner { padding-right: 34px; padding-left: 60px; } .focus-controls span:nth-child(2) { display: none; } .independent-note { display: none; } } @media (max-width: 760px) { .site-header { padding: 20px 18px; } .wordmark { gap: 9px; font-size: 8px; letter-spacing: 0.15em; } .wordmark__divider { width: 14px; } .edition-mark { display: none; } .header-actions { gap: 0; } .experience-status { top: 53px; left: 18px; max-width: 65vw; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .browse-caption { right: 0; bottom: 106px; left: 0; width: auto; padding: 64px 20px 19px; background: linear-gradient( 180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.76) 45px, var(--paper) 54px ); } .browse-caption::before { display: none; } .browse-caption h1 { max-width: 78vw; font-size: clamp(39px, 12.5vw, 58px); } .browse-caption__author { font-size: 19px; } .inspect-button { margin-top: 18px; } .shelf-arrow { top: auto; bottom: 60px; width: 42px; height: 42px; } .shelf-arrow--left { left: 18px; } .shelf-arrow--right { right: 18px; } .shelf-index { right: 72px; bottom: 68px; left: 72px; display: block; } .shelf-index__ticks { height: 13px; } .shelf-index__ticks button { height: 13px; } .shelf-index__ticks button span { bottom: 2px; height: 5px; } .shelf-index__ticks button:hover span { height: 12px; } .input-hint { display: none; } .book-details { top: auto; bottom: 0; width: 100%; height: min(49dvh, 500px); opacity: 0; transform: translateY(100%); } .book-details::before { top: -55px; height: 110px; background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .8) 54px, var(--paper) 55px); } .is-focused .book-details { opacity: 1; transform: translateY(0); } .book-details__inner { grid-template-columns: 1fr auto; grid-template-rows: auto minmax(0, 1fr) auto; padding: 9px 20px max(14px, env(safe-area-inset-bottom)); border-top: 1px solid rgba(37, 35, 31, 0.08); border-left: 0; } .back-button { grid-column: 1; grid-row: 1; } .book-details__position { grid-column: 2; grid-row: 1; margin: 0; } .book-details__position span:first-child::after { width: 20px; } .book-details__copy { grid-column: 1 / -1; grid-row: 2; align-self: auto; padding: 25px 0 18px; } .book-details__copy .eyebrow { margin-bottom: 11px; } .book-details h2 { max-width: 90%; font-size: clamp(35px, 10vw, 48px); } .book-details__author { margin-top: 10px; font-size: 14px; } .book-details__description { margin-top: 20px; font-size: 16px; } .book-details blockquote { margin-top: 21px; } .book-details dl { margin-top: 23px; } .official-link { margin-top: 20px !important; } .focus-controls { grid-column: 1 / -1; grid-row: 3; } .focus-controls span:nth-child(2) { display: none; } .is-focused .site-header { opacity: 0.52; } } @media (max-height: 700px) and (min-width: 761px) { .browse-caption { bottom: 94px; } .book-details__copy { padding-top: 18px; padding-bottom: 18px; } .book-details h2 { font-size: clamp(38px, 4vw, 58px); } .book-details__description { margin-top: 20px; } .book-details blockquote, .book-details dl { margin-top: 20px; } } @media (pointer: coarse) { .shelf-canvas { cursor: default; } .shelf-index__ticks button { min-height: 28px; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; transition-delay: 0ms !important; } } @media (max-width: 768px) { .shelf-canvas { margin-top: -140px; } } .press-experience .avia-button { font-weight: 500; letter-spacing: 0; font-size: 16px !important; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: "<percentage>"; 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: "<percentage>"; 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: "<length>"; 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-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: "<percentage>"; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; 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-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-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-ease: initial; } } }