@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-code{width:100%}}.brxe-section.book { scroll-margin-top: 72px; } .book .book__inner { display: flex; flex-direction: row; align-items: center; gap: var(--space-xl); } .book .book__calendar { flex: 1 1 0; min-width: 0; } .book .book__content { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-m); } .book :is(.book__title, .book__text, .book__note) { margin: 0; } .book .book__note { margin-top: -8px; }.book .book__cal-wrap { position: relative; min-height: 700px; } .book .book__calendar .calendly-inline-widget { position: relative; z-index: 1; width: 100%; min-width: 320px; height: 700px; min-height: 700px !important; transition: height 0.2s ease; } .book .calendly-spinner { display: none !important; } .book .book__skeleton { position: absolute; inset: 0; z-index: 2; background-color: var(--n-lilac); pointer-events: none; transition: opacity 0.4s ease; } .book .book__cal-wrap.is-loaded .book__skeleton { opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0s linear 0.4s; } .book .book__sk-card { position: absolute; top: 65px; left: 17px; right: 17px; height: 602px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; padding: 40px 24px; border-radius: var(--radius-s); background: var(--n-white); } .book .book__sk-label { font-size: 14px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--n-primary); } .book .book__sk-line { position: relative; display: block; width: 120px; height: 1px; margin-top: -12px; overflow: hidden; background: #ddd6f3; } .book .book__sk-line::after { content: ""; position: absolute; top: 0; left: -40%; width: 40%; height: 100%; background: var(--n-primary); animation: bookSweep 1.4s ease-in-out infinite; } .book :is(.book__sk-bar, .book__sk-grid span) { display: block; background: linear-gradient(90deg, #e6e1f7 0%, #f2effc 50%, #e6e1f7 100%); background-size: 200% 100%; animation: bookShimmer 1.6s ease-in-out infinite; } .book .book__sk-bar { height: 12px; } .book .book__sk-bar--month { width: 30%; margin-top: 8px; } .book .book__sk-bar--tz { width: 36%; } .book .book__sk-grid { display: grid; grid-template-columns: repeat(7, 32px); gap: 16px 18px; } .book .book__sk-grid span { width: 32px; height: 32px; border-radius: 50%; } .book .book__sk-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }@keyframes bookSweep { 0% { left: -40%; } 100% { left: 100%; } }@keyframes bookShimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }@media (prefers-reduced-motion: reduce) { html body .book :is(.book__sk-bar, .book__sk-grid span, .book__sk-line::after) { animation: none; } html body .book .book__skeleton { transition: none; }}@media (max-width: 991px) { html body .brxe-section.book { scroll-margin-top: 60px; } html body .book .book__inner { flex-direction: column; align-items: stretch; gap: var(--space-m); text-align: center; } html body .book .book__content { display: contents; } html body .book .book__title { order: 1; } html body .book .book__note { order: 2; margin-top: 0; } html body .book .book__calendar { order: 3; flex: none; } html body .book .book__text { order: 4; }}@media (max-width: 767px) { html body .book .book__cal-wrap { height: auto !important; min-height: 0 !important; } html body .book .book__cal-wrap .calendly-inline-widget { height: 580px; min-height: 0 !important; } html body .book .book__skeleton { height: 100% !important; } html body .book .book__sk-card { top: 0 !important; left: 0 !important; right: 0 !important; height: 100% !important; }}@media (max-width: 478px) { html body .book .book__sk-grid { grid-template-columns: repeat(7, 28px); gap: 12px 10px; } html body .book .book__sk-grid span { width: 28px; height: 28px; }}