*,
::before,
::after {
box-sizing: border-box;
border: 0 solid #e5e7eb;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-gradient-from-position: ;
--tw-gradient-to-position: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
}
html {
--pt-site-min-width: 320px;
--pt-site-inline-size: max(100vw, var(--pt-site-min-width, 320px));
--pt-header-offset: calc(4rem + 1.5rem + 7px);
background-color: #f8f5ef;
line-height: 1.5;
min-width: var(--pt-site-min-width, 320px);
overflow-x: auto;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
tab-size: 4;
font-family: Inter, Segoe UI, Roboto, system-ui, sans-serif;
-webkit-tap-highlight-color: transparent;
}
@media (max-width: 839px) {
html {
--pt-header-offset: calc(4rem + 1.5rem + 7px);
}
}
@media (max-width: 639px) {
html {
--pt-header-offset: calc(3.3rem + 1.5rem + 7px);
}
}
body,
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
body {
background-color: #f8f5ef;
line-height: inherit;
min-width: var(--pt-site-min-width, 320px);
max-width: 100%;
overflow-x: hidden;
overflow-x: clip;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
a {
color: inherit;
text-decoration: inherit;
}
button,
input,
select,
textarea {
font: inherit;
letter-spacing: inherit;
color: inherit;
margin: 0;
padding: 0;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
appearance: button;
background: transparent;
cursor: pointer;
}
:disabled {
cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
}
img,
video {
max-width: 100%;
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none;
} .site-main {
flex: 1 0 auto;
background-color: #f8f5ef;
background-image:
radial-gradient(rgba(0,0,0,0.03) 1px, transparent 0),
radial-gradient(rgba(0,0,0,0.02) 1px, transparent 0);
background-position: 0 0, 0 0;
background-size: 20px 20px, 20px 20px;
}
.dark body {
background-color: #0f172a;
}
.dark .site-main {
background-color: #0b1220;
background-image:
radial-gradient(rgba(255,255,255,0.02) 1px, transparent 0),
radial-gradient(rgba(255,255,255,0.01) 1px, transparent 0);
} #primary {
float: none !important;
width: 100% !important;
max-width: 100%;
}
#primary.site-main {
display: flow-root;
margin: 0 !important;
padding-top: var(--pt-header-offset, 0px) !important;
padding-bottom: 1.2rem !important;
}
body.search #primary.site-main {
padding-bottom: 0.25rem !important;
}
#primary.site-main > :last-child,
#primary.site-main > article:last-of-type {
margin-bottom: 0 !important;
}
.site-main__inner,
.single-holiday {
margin-left: auto;
margin-right: auto;
}
.site-main__inner {
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 640px) {
.site-main__inner {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.article-body {
width: 100%;
max-width: 56rem;
font-size: 1rem;
line-height: 1.5rem;
line-height: 1.625;
--tw-text-opacity: 1;
color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.article-body:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.article-body p {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
text-align: justify;
}
.article-body p:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.article-body h1 {
margin-top: 2.5rem;
margin-bottom: 1rem;
font-size: 1.875rem;
line-height: 2.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.article-body h1:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.article-body h2:not(.pt-section-title) {
margin-top: 1.5rem;
margin-bottom: 0.75rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.article-body h2:not(.pt-section-title):is(.dark *) {
--tw-text-opacity: 1;
color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.article-body h3 {
margin-top: 1.25rem;
margin-bottom: 0.75rem;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 700;
letter-spacing: 0;
--tw-text-opacity: 1;
color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.article-body h3:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.single-holiday .article-body h3 {
position: relative;
margin-top: 1.2rem;
margin-bottom: 0.8rem;
padding-bottom: 0.5rem;
}
.single-holiday .article-body h3::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-radius: 9999px;
background: #0055cc;
}
.dark .single-holiday .article-body h3::after {
background: rgba(147, 197, 253, 0.9);
}
.single-holiday .article-body.policy-content h3::after {
content: none;
}
.policy-page__layout {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
.policy-page__article {
min-width: 0;
}
.policy-page__sidebar {
display: none;
}
.policy-page__navigation-title {
position: sticky;
top: 0;
z-index: 1;
margin: 0;
background-color: #f8f5ef;
color: #64748b;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1.4;
padding-top: 0.35rem;
padding-bottom: 0.75rem;
text-transform: uppercase;
}
.policy-page__navigation-list {
margin: 0;
padding: 0;
list-style: none;
}
.policy-page__navigation-list > li + li {
margin-top: 0.25rem;
}
.policy-page__navigation-link {
display: block;
border-left: 2px solid #cbd5e1;
color: #475569;
font-size: 0.9375rem;
line-height: 1.4;
padding: 0.5rem 0.625rem 0.5rem 0.75rem;
text-decoration: none;
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
.policy-page__navigation-list > li > .policy-page__navigation-link {
font-weight: 600;
}
.policy-page__navigation-sublist {
margin: 0.15rem 0 0.5rem;
padding: 0;
list-style: none;
}
.policy-page__navigation-sublist li + li {
margin-top: 0.0625rem;
}
.policy-page__navigation-link--subsection {
color: #64748b;
font-size: 0.8125rem;
line-height: 1.32;
padding: 0.27rem 0.35rem 0.27rem 1rem;
}
.policy-page__navigation-link:hover,
.policy-page__navigation-link:focus-visible,
.policy-page__navigation-link.is-active {
border-left-color: #0055cc;
color: #0055cc;
background-color: rgb(0 85 204 / 0.08);
}
.policy-page__navigation-link:focus-visible {
outline: 2px solid #0055cc;
outline-offset: 1px;
}
.policy-page__navigation-link.is-active {
border-left-width: 3px;
font-weight: 600;
padding-left: calc(0.75rem - 1px);
}
.policy-page__navigation-link--subsection.is-active {
padding-left: calc(1rem - 1px);
}
.policy-content [id] {
scroll-margin-top: calc(var(--pt-header-offset, 5.5rem) + 1rem);
}
.pt-payment-methods {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
align-items: center;
width: 100%;
min-width: 0;
}
.policy-payment-methods {
margin: 0.85rem 0 1rem;
}
.pt-payment-method {
position: relative;
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
transition: transform 0.15s ease, opacity 0.15s ease;
}
.pt-payment-method__icon {
width: auto;
max-width: 91px;
height: 26px;
object-fit: contain;
}
.pt-payment-method:hover,
.pt-payment-method:focus-visible {
z-index: 2;
outline: 0;
opacity: 0.92;
transform: translateY(-1px);
}
.pt-payment-method:hover::after,
.pt-payment-method:focus-visible::after {
content: attr(data-payment-tooltip);
position: absolute;
left: 50%;
bottom: calc(100% + 8px);
width: max-content;
max-width: min(260px, 86vw);
padding: 6px 9px;
border-radius: 8px;
background: #111827;
color: #fff;
font-size: 0.78rem;
font-weight: 600;
line-height: 1.25;
text-align: center;
white-space: normal;
box-shadow: 0 10px 24px rgb(15 23 42 / 0.18);
transform: translateX(-50%);
}
.pt-payment-method:hover::before,
.pt-payment-method:focus-visible::before {
content: "";
position: absolute;
left: 50%;
bottom: calc(100% + 3px);
border: 5px solid transparent;
border-top-color: #111827;
transform: translateX(-50%);
}
.dark .policy-page__navigation-title {
background-color: #0b1220;
color: #94a3b8;
}
.dark .policy-page__navigation-link {
border-left-color: #334155;
color: #cbd5e1;
}
.dark .policy-page__navigation-link--subsection {
color: #94a3b8;
}
.dark .policy-page__navigation-link:hover,
.dark .policy-page__navigation-link:focus-visible,
.dark .policy-page__navigation-link.is-active {
border-left-color: rgb(147 197 253);
color: rgb(147 197 253);
background-color: rgb(147 197 253 / 0.1);
}
.dark .policy-page__navigation-link:focus-visible {
outline-color: rgb(147 197 253);
}
@media (min-width: 1024px) {
.policy-page__layout {
padding-left: 2rem;
padding-right: 2rem;
}
}
@supports (overflow-x: clip) {
@media (min-width: 1360px) {
.policy-page__layout {
display: grid;
grid-template-columns: 15rem minmax(0, 60rem);
align-items: start;
column-gap: 2.5rem;
max-width: 82rem;
}
.policy-page__sidebar {
display: block;
min-width: 0;
position: sticky;
top: calc(var(--pt-header-offset, 0px) + 1.25rem);
max-height: calc(100vh - var(--pt-header-offset, 0px) - 2.5rem);
overflow-y: auto;
padding-top: 0;
}
}
}
.article-body a {
--tw-text-opacity: 1;
color: rgb(0 85 204 / var(--tw-text-opacity, 1));
text-decoration-line: none;
}
.article-body a:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.article-body a:hover,
.article-body a:focus-visible {
text-decoration-line: underline;
text-underline-offset: 2px;
}
.article-body ul {
margin-top: 1rem;
margin-bottom: 1rem;
list-style-type: disc;
padding-left: 1.5rem;
text-align: justify;
}
.article-body ol {
margin-top: 1rem;
margin-bottom: 1rem;
list-style-type: decimal;
padding-left: 1.5rem;
text-align: justify;
}
.article-body li {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.article-body blockquote {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
border-width: 1px;
border-style: solid;
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(0 85 204 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
--tw-text-opacity: 1;
color: rgb(51 65 85 / var(--tw-text-opacity, 1));
cursor: copy;
transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.article-body blockquote:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.35);
}
.article-body blockquote.is-copied {
border-color: rgb(34 197 94);
background-color: rgb(240 253 244);
}
.article-body blockquote:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
background-color: rgb(15 23 42 / 0.8);
--tw-text-opacity: 1;
color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.article-body blockquote.is-copied:is(.dark *) {
border-color: rgb(134 239 172);
background-color: rgb(20 83 45);
} .postcards-wrap .postcards {
display: grid;
gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
justify-items: center;
}
.postcards-wrap .postcard {
justify-self: center;
width: 100%;
max-width: 400px;
overflow: hidden;
border-radius: 0.75rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(0 85 204 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 0.5rem;
--tw-ring-opacity: 1;
--tw-ring-color: rgb(0 85 204 / 0.4);
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
height: auto;
}
.postcards-wrap .postcard img {
max-height: 400px;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.postcards-privet-ad {
width: 100%;
max-width: min(100%, 60rem);
margin: 1rem auto 0;
}
.postcards-privet-ad .pt-privet-ad {
margin-top: 0;
}
.pt-holiday-media-frame {
position: relative;
aspect-ratio: 1.91 / 1;
overflow: hidden;
}
.pt-holiday-media-frame picture {
display: block;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.pt-holiday-media-frame img {
display: block;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.pt-holiday-fallback-icon {
font-size: 11rem;
line-height: 1;
}
.pt-surface-border {
border-width: 1px;
border-style: solid;
border-color: #0055cc;
}
.dark .pt-surface-border {
border-color: rgba(147, 197, 253, 0.9);
}
.pt-card-surface,
.pt-calendar-widget,
.pt-modal-close,
.pt-header-icon,
.calendar-nav {
background-color: #fff;
box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
}
.dark .pt-card-surface,
.dark .pt-calendar-widget,
.dark .pt-modal-close,
.dark .pt-header-icon,
.dark .calendar-nav {
background-color: rgb(15 23 42 / .8);
}
.pt-card-surface {
overflow: hidden;
border-radius: 1rem;
}
.dark .pt-card-surface,
.dark .pt-calendar-widget {
box-shadow: none;
}
.pt-calendar-widget {
margin: 0 auto;
width: 100%;
max-width: 24rem;
border-radius: 0.5rem;
padding: 0.75rem;
}
.pt-modal-close {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
border-radius: 0.375rem;
padding: 0.5rem 0.75rem;
font-size: 0.875rem;
font-weight: 600;
color: #334155;
}
.pt-modal-close:hover {
background-color: #f1f5f9;
}
.dark .pt-modal-close,
.dark .calendar-nav {
color: #e2e8f0;
}
.dark .pt-modal-close:hover {
background-color: #334155;
}
.pt-holiday-category-chip {
background-color: rgba(59, 130, 246, 0.08);
max-width: 100%;
}
.dark .pt-holiday-category-chip {
background-color: rgba(148, 163, 184, 0.16);
border: 0;
}
.pt-holiday-meta-row {
flex-wrap: wrap;
}
.dark .pt-holiday-age-chip {
border: 0;
background-color: rgba(59, 130, 246, 0.2);
color: #93c5fd;
}
.dark .pt-age-year {
color: #93c5fd;
}
@media (max-width: 480px) {
.pt-holiday-meta-row {
flex-wrap: nowrap;
gap: 0.35rem;
font-size: clamp(0.68rem, 3.2vw, 0.78rem);
}
.pt-holiday-meta-row > span {
min-width: 0;
white-space: nowrap;
}
.pt-holiday-meta-row > span:not(.pt-holiday-category-chip) {
flex: 0 0 auto;
}
.pt-holiday-category-chip {
display: inline-block;
flex: 0 1 auto;
min-width: 0;
max-width: none;
overflow: hidden;
text-overflow: ellipsis;
padding: 0.18rem 0.45rem;
font-size: clamp(0.58rem, 2.8vw, 0.72rem);
line-height: 1.05;
letter-spacing: -0.01em;
}
.pt-holiday-age-chip {
padding: 0.18rem 0.45rem;
font-size: inherit;
line-height: 1.1;
}
}
.pt-learn-more {
position: relative;
display: inline-block;
cursor: pointer;
outline: none;
border: 0;
vertical-align: middle;
text-decoration: none;
background: transparent;
padding: 0;
font-size: inherit;
font-family: inherit;
width: 12rem;
height: auto;
}
.pt-learn-more__circle,
.pt-learn-more__icon,
.pt-learn-more__text {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.pt-learn-more__circle {
box-shadow: 0 0 6px 1px rgba(59, 130, 246, 0.6);
position: relative;
display: block;
margin: 0;
width: 3rem;
height: 3rem;
background: rgba(219, 234, 254, 0.95);
border-radius: 1.625rem;
}
.pt-learn-more__icon {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background: #1d4ed8;
}
.pt-learn-more__icon--arrow {
left: 0.625rem;
width: 1.125rem;
height: 0.125rem;
background: none;
}
.pt-learn-more__icon--arrow::before {
position: absolute;
content: "";
top: -0.29rem;
right: 0.0625rem;
width: 0.625rem;
height: 0.625rem;
border-top: 0.125rem solid #1d4ed8;
border-right: 0.125rem solid #1d4ed8;
transform: rotate(45deg);
}
.pt-learn-more__text {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0.75rem 0;
margin: 0 0 0 1.85rem;
color: #1d4ed8;
font-weight: 700;
line-height: 1.6;
text-align: center;
text-transform: uppercase;
}
.dark .pt-learn-more__circle {
box-shadow: 0 0 6px 1px rgba(120, 168, 255, 0.75);
background: rgba(29, 78, 216, 0.3);
}
.dark .pt-learn-more__text {
color: #78a8ff;
}
.dark .pt-learn-more__icon {
background: transparent;
}
.dark .pt-learn-more__icon--arrow::before {
border-top-color: #78a8ff;
border-right-color: #78a8ff;
}
@media (hover: hover) and (pointer: fine) {
.pt-learn-more:hover .pt-learn-more__circle {
width: 100%;
box-shadow: 0 0 12px 2px rgba(59, 130, 246, 0.8);
}
.pt-learn-more:hover .pt-learn-more__text {
transform: translate(-1.7rem, 0);
color: #1d4ed8;
}
.pt-learn-more:hover .pt-learn-more__icon--arrow {
background: #1d4ed8;
transform: translate(8.7rem, 0);
}
.pt-learn-more:active .pt-learn-more__icon--arrow,
.pt-learn-more:active .pt-learn-more__circle {
transition: all 0.3s;
}
.pt-learn-more:active .pt-learn-more__icon--arrow {
transform: translate(9.5rem, 0);
}
.pt-learn-more:active .pt-learn-more__circle {
transform: scale(0.9);
box-shadow: 0 0 6px 0.75px rgba(59, 130, 246, 0.7);
}
.pt-learn-more:active .pt-learn-more__text {
color: rgba(29, 78, 216, 0.72);
}
.dark .pt-learn-more:hover .pt-learn-more__circle {
box-shadow: 0 0 10px 2px rgba(120, 168, 255, 0.9);
}
.dark .pt-learn-more:hover .pt-learn-more__text {
color: #78a8ff;
}
.dark .pt-learn-more:hover .pt-learn-more__icon--arrow {
background: #78a8ff;
}
.dark .pt-learn-more:active .pt-learn-more__circle {
box-shadow: 0 0 5px 0.5px rgba(120, 168, 255, 0.8);
}
.dark .pt-learn-more:active .pt-learn-more__text {
color: rgba(120, 168, 255, 0.78);
}
}
@media (min-width: 640px) {
.pt-holiday-media-wrap {
width: clamp(11rem, 24vw, 14rem) !important;
min-width: 11rem !important;
max-width: 14rem !important;
flex: 0 0 auto;
align-self: center;
}
.pt-holiday-media-frame {
aspect-ratio: 1 / 1;
}
} html:not(.dark) body.bg-paper {
background-color: #f8f5ef;
background-image:
radial-gradient(rgba(0,0,0,0.03) 1px, transparent 0),
radial-gradient(rgba(0,0,0,0.02) 1px, transparent 0);
background-position: 0 0, 0 0;
background-size: 20px 20px, 20px 20px;
}
.dark body.bg-paper {
background-color: #0b1220;
background-image:
radial-gradient(rgba(255,255,255,0.02) 1px, transparent 0),
radial-gradient(rgba(255,255,255,0.01) 1px, transparent 0);
}
.pt-site-logo-link {
position: relative;
height: 3.3rem;
width: min(70vw, 18rem);
min-width: min(13.2rem, calc(100vw - 7.5rem));
max-width: 100%;
}
.pt-site-logo-img {
height: 100%;
width: auto;
max-width: 100%;
}
.pt-site-logo-img--dark {
display: none;
}
.dark .pt-site-logo-img--light {
display: none;
}
.dark .pt-site-logo-img--dark {
display: block;
} .pt-header-brand {
flex: 1 1 auto;
min-width: 0;
}
.pt-header-socials {
display: block;
flex: 0 0 auto;
}
.pt-social {
position: relative;
}
.pt-social__list {
position: relative;
display: flex;
align-items: flex-end;
column-gap: 0.5rem;
padding: 0.5rem;
}
.pt-social__item {
flex: 0 0 auto;
}
.pt-header-socials .pt-social__item--boosty {
display: none;
}
.pt-social__icon {
display: flex;
flex: 0 0 auto;
width: 3rem;
height: 3rem;
align-items: center;
justify-content: center;
border: 1px solid transparent;
border-radius: 0.75rem;
box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
transition: transform 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
}
.pt-social__icon--telegram {
border-color: rgb(56 189 248 / 0.5);
background-image: linear-gradient(to bottom right, #0ea5e9, #1d4ed8);
}
.pt-social__icon--boosty {
border-color: #f15f2c;
background-color: #f15f2c;
}
.pt-social__img {
flex: 0 0 auto;
width: 2rem;
height: 2rem;
}
.pt-social__img--fill {
width: 100%;
height: 100%;
}
.pt-modal-close,
.pt-header-icon,
.calendar-nav {
transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.pt-header-icon,
.calendar-nav {
display: inline-flex;
align-items: center;
justify-content: center;
-webkit-appearance: none;
appearance: none;
background-image: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
.pt-header-icon,
.pt-header-icon svg,
.pt-header-icon svg *,
.calendar-nav,
.calendar-nav svg,
.calendar-nav svg * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.pt-header-icon {
border-radius: 0.5rem;
color: #1e293b;
}
.calendar-nav {
height: 2rem;
width: 2rem;
border-radius: 0.375rem;
color: #334155;
}
.dark .pt-header-icon {
color: #f1f5f9;
}
.pt-header-layout {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
gap: 0.75rem;
}
#header-actions {
margin-left: auto;
flex: 0 0 auto;
gap: 0.375rem;
}
#header-actions > #inline-search {
order: 1;
}
#header-actions > #mobile-calendar-toggle {
order: 2;
}
#header-actions .pt-header-icon {
height: 2.25rem;
width: 2.25rem;
}
#mobile-calendar-toggle,
#inline-search-toggle {
height: 2.475rem;
width: 2.475rem;
}
#mobile-calendar-toggle svg {
height: 1.55rem;
width: 1.55rem;
}
#inline-search-form {
width: auto;
}
#inline-search-form input[type="search"] {
width: 24ch;
}
.ui-input-container {
position: relative;
width: 100%;
border: 1px solid #0055cc;
border-radius: 0.9rem;
overflow: hidden;
background-color: rgb(248 250 252 / 0.85);
}
.ui-input-container:focus-within {
border-color: #2563eb;
box-shadow: inset 0 1px 0 #2563eb, inset 0 -1px 0 #2563eb;
}
.ui-input {
width: 100%;
padding: 10px 10px 10px 72px;
border: none;
border-bottom: 2px solid #cbd5e1;
border-radius: 0.9rem;
outline: none;
background-color: transparent;
color: #0f172a;
-webkit-text-fill-color: #0f172a;
caret-color: #0f172a;
font-size: 1em;
transition: border-color 0.3s;
-webkit-appearance: none;
appearance: none;
}
#inline-search-form .ui-input,
#mobile-inline-search-form .ui-input,
.site-main__inner .ui-input {
box-sizing: border-box;
padding: 10px 10px 10px 72px;
border: none;
border-bottom: 2px solid #cbd5e1;
border-radius: 0.9rem;
background-color: transparent;
color: #0f172a;
-webkit-text-fill-color: #0f172a;
caret-color: #0f172a;
-webkit-appearance: none;
appearance: none;
}
.ui-input::placeholder {
color: #64748b;
}
.ui-input:focus {
border-color: #2563eb;
background-color: transparent;
}
.ui-input-underline {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 100%;
background-color: #2563eb;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s;
}
.ui-input:focus + .ui-input-underline {
transform: scaleX(1);
}
.ui-input-highlight {
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 0;
border-radius: 0.9rem;
background-color: rgb(37 99 235 / 0.08);
pointer-events: none;
transition: width 0.3s;
}
.ui-input:focus ~ .ui-input-highlight {
width: 100%;
}
.ui-input-icon {
position: absolute;
top: 50%;
left: 10px;
color: #64748b;
transform: translateY(-50%);
transition: color 0.3s;
pointer-events: none;
}
.ui-input:focus ~ .ui-input-icon {
color: #2563eb;
}
.ui-input-icon svg {
width: 20px;
height: 20px;
}
.dark .ui-input {
border-bottom-color: #475569;
color: #f1f5f9;
-webkit-text-fill-color: #f1f5f9;
caret-color: #f1f5f9;
}
.dark #inline-search-form .ui-input,
.dark #mobile-inline-search-form .ui-input,
.dark .site-main__inner .ui-input {
border-bottom-color: #475569;
background-color: transparent;
color: #f1f5f9;
-webkit-text-fill-color: #f1f5f9;
caret-color: #f1f5f9;
}
.dark .ui-input-container {
border-color: rgba(147, 197, 253, 0.9);
background-color: rgb(15 23 42 / 0.72);
}
.dark .ui-input-container:focus-within {
border-color: #60a5fa;
box-shadow: inset 0 1px 0 #60a5fa, inset 0 -1px 0 #60a5fa;
}
.dark .ui-input::placeholder {
color: #94a3b8;
}
.dark .ui-input:focus {
border-color: #60a5fa;
background-color: transparent;
-webkit-text-fill-color: #f1f5f9;
}
.dark .ui-input-underline {
background-color: #60a5fa;
}
.dark .ui-input-highlight {
background-color: rgb(96 165 250 / 0.14);
}
.dark .ui-input-icon {
color: #94a3b8;
}
.dark .ui-input:focus ~ .ui-input-icon {
color: #60a5fa;
}
.ui-input:-webkit-autofill,
.ui-input:-webkit-autofill:hover,
.ui-input:-webkit-autofill:focus {
-webkit-text-fill-color: #0f172a;
box-shadow: 0 0 0 1000px rgb(248 250 252 / 0.85) inset;
transition: background-color 9999s ease-in-out 0s;
}
.dark .ui-input:-webkit-autofill,
.dark .ui-input:-webkit-autofill:hover,
.dark .ui-input:-webkit-autofill:focus {
-webkit-text-fill-color: #f1f5f9;
box-shadow: 0 0 0 1000px rgb(15 23 42 / 0.72) inset;
}
.ui-input::-webkit-search-decoration,
.ui-input::-webkit-search-cancel-button,
.ui-input::-webkit-search-results-button,
.ui-input::-webkit-search-results-decoration {
-webkit-appearance: none;
}
@media (hover: hover) and (pointer: fine) {
.pt-social__icon:hover {
transform: translateY(-0.5rem) scale(1.1);
box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}
.calendar-nav--hover:hover {
background-color: #eff6ff;
color: #334155;
}
.dark .calendar-nav--hover:hover {
background-color: #475569;
color: #e2e8f0;
}
html:not(.dark) .pt-header-icon:hover {
border-color: #0055cc;
background-color: #f1f5f9;
box-shadow: none;
color: #1f2937;
}
.dark .pt-header-icon:hover {
border-color: rgba(147, 197, 253, 0.9);
background-color: #334155;
box-shadow: none;
color: #f1f5f9;
}
}
html:not(.dark) .pt-header-icon:focus,
html:not(.dark) .pt-header-icon:focus-visible,
html:not(.dark) .calendar-nav:focus,
html:not(.dark) .calendar-nav:focus-visible {
border-color: #0055cc;
outline: none;
background-color: #ffffff;
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
color: #334155;
}
html:not(.dark) .pt-header-icon:active,
html:not(.dark) .calendar-nav:active {
background-color: #f1f5f9;
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
transform: scale(0.96);
}
.dark .pt-header-icon:active,
.dark .calendar-nav:active {
border-color: rgba(147, 197, 253, 0.9);
background-color: #334155;
box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.28);
transform: scale(0.96);
}
@media (hover: none) and (pointer: coarse) {
html:not(.dark) .pt-header-icon,
html:not(.dark) .pt-header-icon:hover,
html:not(.dark) .pt-header-icon:focus,
html:not(.dark) .pt-header-icon:focus-visible,
html:not(.dark) .pt-header-icon:active {
border-color: #0055cc;
background-color: #ffffff;
box-shadow: none;
color: #1e293b;
-webkit-text-fill-color: #1e293b;
filter: none;
}
html:not(.dark) .calendar-nav,
html:not(.dark) .calendar-nav:hover,
html:not(.dark) .calendar-nav:focus,
html:not(.dark) .calendar-nav:focus-visible,
html:not(.dark) .calendar-nav:active {
border-color: #0055cc;
background-color: #ffffff;
box-shadow: none;
color: #334155;
-webkit-text-fill-color: #334155;
filter: none;
}
html:not(.dark) .pt-header-icon:active,
html:not(.dark) .calendar-nav:active {
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.22);
transform: scale(0.96);
}
.dark .pt-header-icon:active,
.dark .calendar-nav:active {
box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.28);
transform: scale(0.96);
}
}
#header-actions.pt-search-open {
width: auto;
}
#header-actions.pt-search-open > #inline-search,
#header-actions.pt-search-open #inline-search-form,
#header-actions.pt-search-open #inline-search-form input[type="search"] {
width: 100%;
min-width: 0;
}
#header-actions.pt-search-open.pt-search-compact {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
grid-column: 1 / -1;
align-items: center;
justify-items: center;
width: 100%;
gap: 0.5rem;
}
#header-actions.pt-search-open.pt-search-compact > #mobile-calendar-toggle {
justify-self: start;
}
#header-actions.pt-search-open.pt-search-compact > #inline-search {
width: 100%;
min-width: 0;
}
@media (max-width: 839px) {
.site-header .pt-header-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
row-gap: 0;
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.pt-header-brand {
gap: 0.5rem;
}
.pt-header-socials .pt-social__list {
align-items: center;
gap: 0.45rem;
padding: 0;
}
.site-header .pt-site-logo-link {
width: min(calc(var(--pt-site-inline-size, 100vw) * 0.52), 12.5rem);
min-width: 0;
}
#header-actions {
display: flex;
flex-wrap: nowrap;
align-items: center;
align-self: center;
justify-self: end;
gap: 0.625rem;
margin-left: 0;
transform: none;
}
#header-actions .pt-header-icon,
#mobile-calendar-toggle,
#inline-search-toggle {
display: grid;
place-items: center;
position: relative;
width: 3.4rem;
height: 3.4rem;
padding: 0;
line-height: 1;
}
#inline-search {
display: flex;
align-items: center;
}
#mobile-calendar-toggle svg,
#inline-search-toggle svg {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 2.18rem;
height: 2.18rem;
margin: 0;
transform: translate(-50%, -50%);
}
#header-actions.pt-search-open {
display: flex;
flex-wrap: wrap;
align-items: center;
width: auto;
}
#header-actions.pt-search-open > #inline-search {
order: 4;
flex-basis: 100%;
}
}
@media (min-width: 640px) {
.pt-header-layout {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
-moz-column-gap: 1rem;
column-gap: 1rem;
flex-wrap: nowrap;
gap: 1rem;
}
.pt-header-brand {
flex: 0 0 auto;
}
.pt-site-logo-link {
width: min(28vw, 30rem);
height: 4rem;
}
}
@media (max-width: 639px) {
.site-header .pt-site-logo-link {
width: min(calc(var(--pt-site-inline-size, 100vw) * 0.48), 11.25rem);
min-width: 0;
}
#header-actions .pt-header-icon,
#mobile-calendar-toggle,
#inline-search-toggle {
width: 3.06rem;
height: 3.06rem;
}
#mobile-calendar-toggle svg,
#inline-search-toggle svg {
width: 1.94rem;
height: 1.94rem;
}
.pt-header-socials .pt-social__icon {
width: 2.15rem;
height: 2.15rem;
}
.pt-header-socials .pt-social__img:not(.pt-social__img--fill) {
width: 1.18rem;
height: 1.18rem;
}
}
@media (min-width: 840px) {
.pt-header-socials .pt-social__item--boosty {
display: inline-block;
}
#mobile-calendar-toggle svg {
width: 2.15rem;
height: 2.15rem;
}
#header-actions {
display: flex;
flex: 1 1 auto;
flex-wrap: nowrap;
justify-content: flex-end;
width: 100%;
min-width: 0;
gap: 0.75rem;
}
#header-actions > #inline-search {
flex: 1 1 22rem;
min-width: 0;
order: 1;
}
#header-actions > #mobile-calendar-toggle {
flex: 0 0 auto;
width: 3.6rem;
height: 3.6rem;
order: 2;
}
#inline-search-toggle {
display: none;
}
#inline-search-form {
display: block;
width: 100%;
min-width: 0;
}
#inline-search-form input[type="search"] {
width: 100%;
min-width: 0;
}
} .pt-section-title {
position: relative;
margin-top: 1rem !important;
margin-bottom: 1rem !important;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
font-size: clamp(1.5rem, 1.18rem + 1.1vw, 2.1rem);
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.015em;
color: #0f172a;
}
.pt-section-title::before,
.pt-section-title::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 1px;
border-radius: 9999px;
background: #0055cc;
}
.pt-section-title::before {
top: 0.5rem;
}
.pt-section-title::after {
bottom: 0.5rem;
}
.dark .pt-section-title {
color: #f1f5f9;
}
.dark .pt-section-title::before,
.dark .pt-section-title::after {
background: rgba(147, 197, 253, 0.9);
}
.pt-privet-ad-strip {
width: 100%;
margin: .9rem 0 -.45rem;
}
.pt-privet-ad-strip__link {
display: flex;
align-items: center;
justify-content: center;
min-height: 60px;
padding: 4px 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
color: inherit;
text-decoration: none !important;
}
.pt-privet-ad-strip__link:focus-visible {
outline: 0;
}
.pt-privet-ad-strip__link:focus-visible .pt-privet-ad-strip__button {
box-shadow:
var(--privet-focus, 0 0 0 3px rgb(0 85 204 / .32)),
0 0 0 1px rgb(252 211 77 / .34),
0 0 22px rgb(252 211 77 / .52),
0 12px 24px rgb(2 6 23 / .28);
}
.pt-privet-ad-strip__button.prazdnik-privet-create-button {
--privet-create-button-width: auto;
--privet-create-button-min-height: 48px;
--privet-create-button-padding: .64rem 1.25rem;
--privet-create-button-font-size: 1.05rem;
max-width: 100%;
white-space: nowrap;
}
.dark .pt-privet-ad-strip__link {
background: transparent;
box-shadow: none;
}
@media (max-width: 600px) {
.pt-privet-ad-strip__button.prazdnik-privet-create-button {
--privet-create-button-width: 100%;
}
}
@media (min-width: 601px) {
.pt-privet-ad-strip__button.prazdnik-privet-create-button {
--privet-create-button-width: min(70%, 860px);
}
}
@media (max-width: 640px) {
.pt-privet-ad-strip {
margin-top: .75rem;
}
.pt-privet-ad-strip__link {
min-height: 50px;
padding: 3px 0;
}
.pt-privet-ad-strip__button.prazdnik-privet-create-button {
--privet-create-button-min-height: 42px;
--privet-create-button-padding: .52rem .72rem;
--privet-create-button-font-size: .78rem;
}
}
.pt-privet-ad {
--pt-privet-ad-bg: var(--pt-privet-ad-image-light);
--pt-privet-ad-overlay: linear-gradient(90deg, rgb(255 255 255 / .72) 0%, rgb(255 255 255 / .54) 43%, rgb(255 255 255 / .24) 70%, rgb(255 255 255 / .08) 100%);
--pt-privet-ad-glow: radial-gradient(at 12% 86%, rgb(220 38 38 / .14) 0, transparent 52%);
--pt-privet-ad-red: #d52b1e;
width: 100%;
margin: 1rem 0 0;
color: #0f172a;
}
.pt-privet-ad__link {
display: block;
color: inherit;
text-decoration: none !important;
}
.pt-privet-ad__link:focus-visible {
outline: 0;
}
.pt-privet-ad__link:focus-visible .pt-privet-ad__inner {
box-shadow: 0 0 0 3px rgb(0 85 204 / .28), 0 14px 34px rgb(15 23 42 / .12), 0 3px 12px rgb(0 85 204 / .06);
}
.pt-privet-ad__inner {
position: relative;
display: flex;
align-items: center;
min-height: clamp(145px, 12vw, 168px);
overflow: hidden;
padding: clamp(14px, 1.7vw, 20px) clamp(18px, 2.4vw, 28px);
border: 1px solid rgb(0 85 204 / .32);
border-radius: 16px;
background-color: #f8fbff;
background-image: var(--pt-privet-ad-overlay), var(--pt-privet-ad-glow), var(--pt-privet-ad-bg);
background-position: center right;
background-repeat: no-repeat;
background-size: auto, auto, cover;
box-shadow: 0 14px 34px rgb(15 23 42 / .12), 0 3px 12px rgb(0 85 204 / .06);
}
.pt-privet-ad__inner::before {
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(180deg, rgb(255 255 255 / .12), transparent 70%);
content: "";
pointer-events: none;
}
.pt-privet-ad__copy {
position: relative;
z-index: 1;
max-width: clamp(430px, 57%, 620px);
min-width: 0;
}
.pt-privet-ad__price {
display: inline-flex;
align-items: center;
min-height: 36px;
margin: 0 0 9px;
padding: 6px 14px;
border: 1px solid rgb(244 128 82 / .36);
border-radius: 999px;
background: rgb(255 255 255 / .74);
box-shadow: 0 8px 18px rgb(173 87 37 / .11);
color: var(--pt-privet-ad-red);
font-size: .95rem;
font-weight: 800;
line-height: 1;
}
.pt-privet-ad__title {
display: block;
max-width: 620px;
margin: 0;
color: #0f172a;
font-size: clamp(1.45rem, 2.15vw, 2.15rem);
font-weight: 850;
letter-spacing: 0;
line-height: 1.06;
overflow-wrap: anywhere;
-webkit-text-fill-color: currentColor;
text-shadow: 0 2px 4px rgb(80 39 22 / .14);
text-wrap: pretty;
}
.pt-privet-ad__title-accent {
color: var(--pt-privet-ad-red);
-webkit-text-fill-color: var(--pt-privet-ad-red);
-webkit-text-stroke: .9px rgb(255 255 255 / .96);
paint-order: stroke fill;
text-shadow: none;
}
.prazdnik-privet-create-button,
.prazdnik-privet .prazdnik-privet-create-button {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
display: inline-flex;
position: relative;
isolation: isolate;
z-index: 2;
align-items: center;
justify-content: center;
gap: .6rem;
width: var(--privet-create-button-width, 100%);
min-height: var(--privet-create-button-min-height, 64px);
overflow: hidden;
padding: var(--privet-create-button-padding, .92rem 1.5rem);
border: double 4px transparent;
border-radius: 9999px;
background-image:
linear-gradient(145deg, #21160f, #15110d),
linear-gradient(137.48deg, #ffdb3b 10%, #ff9b17 45%, #f9ff41 67%, #feb200 87%);
background-origin: border-box;
background-clip: padding-box, border-box;
background-size: 300% 300%;
box-shadow:
0 0 0 1px rgb(252 211 77 / .34),
0 0 18px rgb(252 211 77 / .46),
0 12px 24px rgb(2 6 23 / .28),
inset 0 1px 0 rgb(255 255 255 / .24);
color: #fff;
font-size: var(--privet-create-button-font-size, 1.35rem);
font-weight: 800;
line-height: 1.2;
text-decoration: none !important;
text-shadow: 0 0 4px rgb(0 0 0 / .78);
text-transform: uppercase;
-webkit-text-fill-color: #fff;
user-select: none;
-webkit-user-select: none;
transform: translateZ(0);
animation: pt-privet-create-gradient 5s ease infinite;
transition: border-color .28s ease, box-shadow .28s ease, transform .28s ease;
}
.pt-privet-ad__button {
--privet-create-button-width: min(100%, 220px);
--privet-create-button-min-height: 48px;
--privet-create-button-padding: .64rem 1.1rem;
--privet-create-button-font-size: 1.05rem;
margin-top: 16px;
}
.prazdnik-privet-create-button::before,
.prazdnik-privet-create-button::after,
.prazdnik-privet .prazdnik-privet-create-button::before,
.prazdnik-privet .prazdnik-privet-create-button::after {
position: absolute;
pointer-events: none;
content: "";
}
.prazdnik-privet-create-button::before,
.prazdnik-privet .prazdnik-privet-create-button::before {
inset: -120%;
z-index: 0;
background-image:
radial-gradient(#fff 1px, transparent 1px),
radial-gradient(#fff 1px, transparent 1px);
background-position: 0 0, 25px 25px;
background-size: 50px 50px;
opacity: .28;
transform: rotate(0deg);
animation: pt-privet-create-stars 80s linear infinite;
}
.prazdnik-privet-create-button::after,
.prazdnik-privet .prazdnik-privet-create-button::after {
inset: 10% 12%;
z-index: 0;
border-radius: inherit;
background:
radial-gradient(circle at 18% 50%, rgb(255 219 59 / .8), transparent 34%),
radial-gradient(circle at 82% 50%, rgb(254 178 0 / .72), transparent 36%);
filter: blur(22px);
opacity: .76;
animation: pt-privet-create-pulse 4s ease-in-out infinite;
}
.prazdnik-privet-create-button > *,
.prazdnik-privet .prazdnik-privet-create-button > * {
position: relative;
z-index: 2;
}
.prazdnik-privet-create-button:focus-visible,
.prazdnik-privet .prazdnik-privet-create-button:focus-visible,
.pt-privet-ad__link:focus-visible .prazdnik-privet-create-button,
.prazdnik-privet-scenario-card:focus-visible .prazdnik-privet-create-button {
outline: 0;
box-shadow:
var(--privet-focus, 0 0 0 3px rgb(0 85 204 / .32)),
0 0 0 1px rgb(252 211 77 / .34),
0 0 22px rgb(252 211 77 / .52),
0 12px 24px rgb(2 6 23 / .28);
color: #fff;
}
@media (hover: hover) and (pointer: fine) {
.prazdnik-privet-create-button:hover,
.prazdnik-privet .prazdnik-privet-create-button:hover,
.pt-privet-ad__link:hover .prazdnik-privet-create-button,
.prazdnik-privet-scenario-card:hover .prazdnik-privet-create-button {
box-shadow:
0 0 0 1px rgb(253 224 110 / .46),
0 0 30px rgb(252 211 77 / .72),
0 14px 30px rgb(2 6 23 / .34),
inset 0 1px 0 rgb(255 255 255 / .3);
color: #fff;
transform: scale(1.06);
}
.prazdnik-privet-create-button:hover::before,
.prazdnik-privet .prazdnik-privet-create-button:hover::before,
.pt-privet-ad__link:hover .prazdnik-privet-create-button::before,
.prazdnik-privet-scenario-card:hover .prazdnik-privet-create-button::before {
opacity: .58;
}
}
.prazdnik-privet-create-button:active,
.prazdnik-privet .prazdnik-privet-create-button:active,
.pt-privet-ad__link:active .prazdnik-privet-create-button,
.prazdnik-privet-scenario-card:active .prazdnik-privet-create-button {
border-color: rgb(254 202 202 / .92);
animation: none;
}
.prazdnik-privet-create-button:active::after,
.prazdnik-privet .prazdnik-privet-create-button:active::after,
.pt-privet-ad__link:active .prazdnik-privet-create-button::after,
.prazdnik-privet-scenario-card:active .prazdnik-privet-create-button::after {
background:
radial-gradient(circle at 18% 50%, rgb(254 83 187 / .62), transparent 34%),
radial-gradient(circle at 82% 50%, rgb(255 219 59 / .72), transparent 36%);
}
@keyframes pt-privet-create-stars {
from {
transform: translateY(0) rotate(360deg);
}
to {
transform: translateY(-18rem) rotate(0deg);
}
}
@keyframes pt-privet-create-gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes pt-privet-create-pulse {
0%,
100% {
transform: scale(.78);
opacity: .55;
}
60% {
transform: scale(1);
opacity: .82;
}
}
.dark .pt-privet-ad {
--pt-privet-ad-bg: var(--pt-privet-ad-image-dark);
--pt-privet-ad-overlay: linear-gradient(90deg, rgb(17 24 39 / .74) 0%, rgb(17 24 39 / .6) 43%, rgb(17 24 39 / .3) 70%, rgb(17 24 39 / .1) 100%);
--pt-privet-ad-glow: radial-gradient(at 12% 86%, rgb(255 122 102 / .16) 0, transparent 52%);
--pt-privet-ad-red: #ff7a66;
--pt-privet-ad-red-outline: rgb(255 239 232 / .88);
--pt-privet-ad-red-shadow:
1px 0 0 rgb(0 0 0 / .72),
-1px 0 0 rgb(0 0 0 / .72),
0 1px 0 rgb(0 0 0 / .72),
0 -1px 0 rgb(0 0 0 / .72),
1px 1px 0 rgb(0 0 0 / .58),
-1px 1px 0 rgb(0 0 0 / .58),
1px -1px 0 rgb(0 0 0 / .58),
-1px -1px 0 rgb(0 0 0 / .58),
0 2px 4px rgb(0 0 0 / .48),
0 0 16px rgb(255 122 102 / .18);
color: #f8fafc;
}
.dark .pt-privet-ad__inner {
border-color: rgb(147 197 253 / .42);
background-color: #111827;
box-shadow: 0 12px 28px rgb(0 0 0 / .22);
}
.dark .pt-privet-ad__price {
border-color: rgb(147 197 253 / .42);
background: rgb(15 23 42 / .72);
box-shadow: 0 8px 18px rgb(0 0 0 / .24);
color: var(--pt-privet-ad-red);
}
.dark .pt-privet-ad__title {
color: #f8fafc;
text-shadow: 0 2px 5px rgb(0 0 0 / .34);
}
.dark .pt-privet-ad__title-accent {
-webkit-text-stroke: 1px var(--pt-privet-ad-red-outline);
text-shadow: var(--pt-privet-ad-red-shadow);
}
@media (max-width: 640px) {
.pt-privet-ad__inner {
min-height: clamp(176px, 50vw, 218px);
padding: 16px;
background-position: 62% center;
}
.pt-privet-ad__copy {
max-width: min(100%, 23rem);
}
.pt-privet-ad__price {
min-height: 32px;
margin-bottom: 8px;
padding: 5px 12px;
font-size: .88rem;
}
.pt-privet-ad__title {
max-width: 21rem;
font-size: clamp(1.25rem, 6.4vw, 1.78rem);
line-height: 1.08;
}
.pt-privet-ad__button {
width: min(100%, 204px);
min-height: 44px;
margin-top: 13px;
font-size: .96rem;
}
} .single-holiday__glass {
border: 1px solid rgba(255, 255, 255, 0.56);
background:
linear-gradient(145deg, rgba(255,255,255,0.22), rgba(255,255,255,0.07)),
linear-gradient(145deg, rgba(2,6,23,0.58), rgba(2,6,23,0.36));
box-shadow:
0 16px 38px rgba(0, 0, 0, 0.58),
inset 0 1px 0 rgba(255,255,255,0.34),
inset 0 -1px 0 rgba(255,255,255,0.12);
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
-webkit-backdrop-filter: blur(2px) saturate(120%);
backdrop-filter: blur(2px) saturate(120%);
}
.single-holiday__title,
.single-holiday__date,
.single-holiday__emoji {
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}
.single-holiday__title {
font-family: 'Segoe UI', Inter, Roboto, 'Helvetica Neue', Arial, sans-serif;
font-weight: 700;
line-height: 1.12;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
letter-spacing: -0.015em;
-webkit-text-fill-color: #fff;
-webkit-text-stroke: 3px rgba(28, 18, 12, 0.42);
paint-order: stroke fill;
font-size: clamp(1.34rem, 6.4vw, 2.73rem);
}
.single-holiday__date {
font-family: 'Segoe UI', Inter, Roboto, 'Helvetica Neue', Arial, sans-serif;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.25;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
letter-spacing: -0.01em;
-webkit-text-fill-color: #fff;
-webkit-text-stroke: 0;
margin: 0 0 -0.25rem;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.26em 0.86em;
border-radius: 9999px;
}
@media (min-width: 640px) {
.single-holiday__date {
font-size: 1.875rem;
line-height: 1.25;
}
}
.single-holiday__date-row {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.55rem;
flex-wrap: nowrap;
}
.single-holiday__date-movable {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.35em;
line-height: 1;
font-size: 1.15rem;
padding: 0.34em 0.6em;
border-radius: 9999px;
}
@media (min-width: 640px) {
.single-holiday__date-movable {
font-size: 1.4rem;
min-width: 2.45em;
}
}
.single-holiday__title-text {
display: inline-block;
width: auto;
max-width: 97%;
margin: 0 auto;
padding: clamp(0.24em, 0.82vw, 0.34em) clamp(0.52em, 1.9vw, 0.62em);
border-radius: clamp(0.95rem, 3vw, 1.1rem);
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
text-align: center;
}
.single-holiday__title-text--short {
white-space: normal;
overflow-wrap: normal;
word-break: keep-all;
hyphens: none;
}
.single-holiday__title-text--long {
font-size: clamp(1.1rem, 4.9vw, 2.18rem);
line-height: 1.08;
}
.single-holiday__title-text--xlong {
font-size: clamp(0.98rem, 4.2vw, 1.82rem);
line-height: 1.06;
letter-spacing: -0.01em;
}
.single-holiday__date-text {
display: inline-block;
line-height: 1;
-webkit-text-stroke: 2.7px rgba(28, 18, 12, 0.42);
paint-order: stroke fill;
}
.single-holiday__emoji {
font-family: 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
-webkit-text-fill-color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.3em;
padding: 0;
line-height: 1;
font-size: 0.9em;
}
.dark .single-holiday__title,
.dark .single-holiday__date,
.dark .single-holiday__emoji {
-webkit-text-fill-color: #fff;
text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
}
.dark .single-holiday__title {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark .single-holiday__date {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.single-holiday__hero {
aspect-ratio: 1.91 / 1;
max-width: 37rem;
margin-bottom: 1rem;
background: #111827;
}
.single-holiday__hero-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.single-holiday__hero-shade {
position: absolute;
inset: 0;
}
.single-holiday__hero-content {
position: relative;
min-height: 100%;
}
.single-holiday__hero .single-holiday__title {
overflow-wrap: normal;
word-break: normal;
max-width: 100%;
}
.single-holiday__hero--no-image,
.dark .single-holiday__hero--no-image {
background: #111827;
background-image: url(//prazdnik.today/core/views/e68a402d69/assets/date-bg/background_placeholder.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.pt-date-hero {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 1.25rem;
margin-bottom: 0;
aspect-ratio: 4 / 1;
min-height: 11rem;
color: #fff;
background: #111827;
box-shadow: 0 10px 26px rgba(2, 6, 23, 0.28);
}
.pt-date-content {
margin-top: 0;
}
.pt-date-hero--fallback {
background: #111827;
}
.pt-date-hero__bg,
.pt-date-hero__shade,
.pt-date-hero__content {
position: absolute;
inset: 0;
}
.pt-date-hero__content {
z-index: 1;
}
.pt-date-hero__bg {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transform: scale(1.02);
}
.pt-date-hero__shade {
background: linear-gradient(180deg, rgba(13, 18, 38, 0.02) 0%, rgba(13, 18, 38, 0.05) 100%);
}
.pt-date-hero .single-holiday__glass {
backdrop-filter: blur(1.5px) saturate(120%);
-webkit-backdrop-filter: blur(1.5px) saturate(120%);
}
.pt-date-hero__row-wrap {
position: absolute;
inset: 0;
padding: 0;
}
.pt-date-hero__row {
position: relative;
height: 100%;
width: 100%;
}
.pt-date-hero__center {
display: flex;
position: absolute;
left: 50%;
top: 52%;
transform: translate(-50%, -50%);
width: fit-content;
max-width: min(100%, clamp(34.5rem, 57.5vw, 46rem));
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 1.44rem;
min-height: clamp(5.4rem, 10vw, 7.65rem);
padding: 0.78rem 1.1rem 0.85rem;
border-width: 1px;
}
.pt-date-hero__title {
margin: 0;
font-family: 'Segoe UI', Inter, Roboto, 'Helvetica Neue', Arial, sans-serif;
font-size: clamp(1.96rem, 6.8vw, 4.78rem);
line-height: 1.05;
font-weight: 700;
letter-spacing: -0.02em;
white-space: nowrap;
-webkit-text-fill-color: #fff;
-webkit-text-stroke: 2.7px rgba(28, 18, 12, 0.42);
paint-order: stroke fill;
text-shadow: 0 4px 14px rgba(8, 12, 30, 0.45);
}
.pt-date-hero__meta {
margin: 0.3rem 0 0;
font-size: clamp(1.06rem, 2.19vw, 1.5rem);
line-height: 1.16;
white-space: nowrap;
font-weight: 600;
color: rgba(255, 255, 255, 0.97);
-webkit-text-stroke: 1.55px rgba(28, 18, 12, 0.36);
paint-order: stroke fill;
text-shadow: 0 2px 10px rgba(8, 12, 30, 0.45);
}
.pt-date-hero__weekday,
.pt-date-hero__dayno {
display: none;
margin: 0.16rem 0 0;
line-height: 1.14;
font-size: clamp(1.04rem, 2.36vw, 1.47rem);
font-weight: 600;
color: rgba(255, 255, 255, 0.97);
-webkit-text-stroke: 1.2px rgba(28, 18, 12, 0.34);
paint-order: stroke fill;
text-shadow: 0 2px 10px rgba(8, 12, 30, 0.45);
}
.pt-date-hero__dayno {
margin-top: 0.08rem;
}
.pt-date-hero__nav {
justify-self: start;
min-width: clamp(6.75rem, 17.2vw, 11.1rem);
display: inline-flex;
align-items: center;
justify-content: center;
gap: clamp(0.4rem, 1.18vw, 0.67rem);
text-decoration: none;
color: #fff;
border-radius: 9999px;
border-width: 1px;
padding: clamp(0.53rem, 1.32vw, 0.82rem) clamp(0.74rem, 2.38vw, 1.43rem);
transition: transform 140ms ease, background-color 140ms ease;
white-space: nowrap;
}
.pt-date-hero__nav--prev {
position: absolute;
left: 1.1rem;
bottom: 0.7rem;
}
.pt-date-hero__nav--next {
position: absolute;
right: 1.1rem;
bottom: 0.7rem;
}
.pt-date-hero__nav.single-holiday__glass:hover {
color: #1d4ed8;
-webkit-text-fill-color: #1d4ed8;
border-color: rgba(59, 130, 246, 0.52);
background: linear-gradient(145deg, rgba(219, 234, 254, 0.72), rgba(191, 219, 254, 0.58));
box-shadow: 0 0 12px 2px rgba(59, 130, 246, 0.8);
text-shadow: none;
}
.pt-date-hero__nav:hover {
transform: translateY(-1px);
}
.pt-date-hero__nav:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.92);
outline-offset: 3px;
}
.pt-date-hero__nav-arrow {
font-size: clamp(1.55rem, 2.7vw, 2.2rem);
line-height: 0.8;
font-weight: 700;
-webkit-text-stroke: 1.15px rgba(28, 18, 12, 0.42);
paint-order: stroke fill;
}
.pt-date-hero__nav-date {
font-size: clamp(1.12rem, 1.75vw, 1.51rem);
font-weight: 700;
letter-spacing: -0.01em;
-webkit-text-stroke: 1.15px rgba(28, 18, 12, 0.42);
paint-order: stroke fill;
}
.pt-date-hero__today-wrap {
position: absolute;
left: clamp(5.2rem, 9vw, 7.4rem);
top: clamp(1.1rem, 2.2vw, 1.7rem);
transform: translateX(-50%);
z-index: 2;
pointer-events: none;
}
.pt-date-hero__dayoff-wrap {
position: absolute;
right: clamp(0.72rem, 2vw, 1.15rem);
top: clamp(1.1rem, 2.2vw, 1.7rem);
z-index: 2;
pointer-events: none;
}
.pt-date-hero__today {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.52rem;
border-radius: 9999px;
padding: clamp(0.3rem, 0.8vw, 0.4rem) clamp(0.92rem, 2.2vw, 1.3rem);
font-size: clamp(0.92rem, 1.7vw, 1.22rem);
font-weight: 700;
letter-spacing: 0.01em;
line-height: 1;
color: #ecfff3;
-webkit-text-stroke: 1.2px rgba(28, 18, 12, 0.32);
paint-order: stroke fill;
border-color: rgba(134, 239, 172, 0.9);
background:
linear-gradient(145deg, rgba(220, 252, 231, 0.18), rgba(220, 252, 231, 0.08)),
linear-gradient(145deg, rgba(18, 70, 45, 0.9), rgba(24, 86, 58, 0.82));
box-shadow:
0 0 0 1px rgba(220, 252, 231, 0.22),
0 8px 22px rgba(6, 24, 16, 0.48),
0 0 16px 2px rgba(134, 239, 172, 0.42),
inset 0 1px 0 rgba(220, 252, 231, 0.4);
text-shadow: none;
}
.pt-date-hero__dayoff {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.52rem;
border-radius: 9999px;
padding: clamp(0.3rem, 0.8vw, 0.4rem) clamp(0.92rem, 2.2vw, 1.3rem);
font-size: clamp(0.92rem, 1.7vw, 1.22rem);
font-weight: 800;
letter-spacing: 0.01em;
line-height: 1;
color: #fff0f0;
-webkit-text-stroke: 1.2px rgba(28, 18, 12, 0.32);
paint-order: stroke fill;
border-color: rgba(252, 165, 165, 0.9);
background:
linear-gradient(145deg, rgba(254, 226, 226, 0.2), rgba(254, 226, 226, 0.09)),
linear-gradient(145deg, rgba(127, 29, 29, 0.9), rgba(153, 27, 27, 0.82));
box-shadow:
0 0 0 1px rgba(254, 226, 226, 0.24),
0 8px 22px rgba(40, 10, 10, 0.5),
0 0 16px 2px rgba(248, 113, 113, 0.44),
inset 0 1px 0 rgba(254, 226, 226, 0.42);
text-shadow: none;
}
.pt-date-hero__today-dot {
width: clamp(0.76rem, 1.4vw, 1.05rem);
height: clamp(0.76rem, 1.4vw, 1.05rem);
border-radius: 9999px;
background: #86efac;
box-shadow: 0 0 0 3px rgba(134, 239, 172, 0.22), 0 0 18px rgba(134, 239, 172, 0.5);
flex-shrink: 0;
}
.pt-date-hero__dayoff-dot {
width: clamp(0.76rem, 1.4vw, 1.05rem);
height: clamp(0.76rem, 1.4vw, 1.05rem);
border-radius: 9999px;
background: #f87171;
box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.24), 0 0 18px rgba(248, 113, 113, 0.52);
flex-shrink: 0;
}
@media (max-width: 560px) {
.pt-date-hero__center {
max-width: min(100%, calc(100% - 13rem));
}
.pt-date-hero__meta {
display: none;
}
.pt-date-hero__weekday,
.pt-date-hero__dayno {
display: block;
}
}
.dark .pt-date-hero__meta,
.dark .pt-date-hero__weekday,
.dark .pt-date-hero__dayno,
.dark .pt-date-hero__title,
.dark .pt-date-hero__nav {
color: #fff;
-webkit-text-fill-color: #fff;
}
.dark .pt-date-hero__nav.single-holiday__glass:hover {
color: #1d4ed8;
-webkit-text-fill-color: #1d4ed8;
border-color: rgba(147, 197, 253, 0.62);
background: linear-gradient(145deg, rgba(219, 234, 254, 0.72), rgba(191, 219, 254, 0.58));
box-shadow: 0 0 12px 2px rgba(59, 130, 246, 0.8);
text-shadow: none;
}
@media (max-width: 460px) {
.pt-date-hero__bg {
background-position: right center;
}
.pt-date-hero__shade {
background: transparent;
}
.pt-date-hero__center {
max-width: min(100%, 23.5rem);
min-height: clamp(5.7rem, 23vw, 6.4rem);
padding-top: 0.76rem;
padding-bottom: 0.83rem;
top: 50.5%;
}
.pt-date-hero__title {
font-size: clamp(1.42rem, 6.4vw, 1.9rem);
line-height: 1.04;
}
.pt-date-hero__nav--prev {
left: 0.45rem;
bottom: 0.5rem;
}
.pt-date-hero__nav--next {
right: 0.45rem;
bottom: 0.5rem;
}
.pt-date-hero__nav {
min-width: clamp(5.06rem, 20.7vw, 7.59rem);
padding: clamp(0.39rem, 1.04vw, 0.58rem) clamp(0.53rem, 1.61vw, 1.01rem);
}
.pt-date-hero__nav-date {
font-size: clamp(0.9rem, 3.68vw, 1.15rem);
}
.pt-date-hero__nav-arrow {
font-size: clamp(1.27rem, 4.6vw, 1.61rem);
}
.pt-date-hero__today {
font-size: 0.84rem;
padding: 0.22rem 0.72rem;
gap: 0.4rem;
}
.pt-date-hero__dayoff {
font-size: 0.84rem;
padding: 0.22rem 0.72rem;
gap: 0.4rem;
}
.pt-date-hero__today-dot {
width: 0.66rem;
height: 0.66rem;
}
.pt-date-hero__dayoff-dot {
width: 0.66rem;
height: 0.66rem;
}
.pt-date-hero__today-wrap {
left: 0.62rem;
top: 0.62rem;
transform: none;
}
.pt-date-hero__dayoff-wrap {
right: 0.62rem;
top: 0.62rem;
}
.pt-date-hero__meta {
display: none;
}
.pt-date-hero__weekday,
.pt-date-hero__dayno {
display: block;
}
}
@media (max-width: 430px) {
.pt-date-hero__meta {
display: none;
}
.pt-date-hero__weekday,
.pt-date-hero__dayno {
display: block;
}
.pt-date-hero__weekday {
font-size: clamp(1.02rem, 4.1vw, 1.25rem);
}
.pt-date-hero__dayno {
font-size: clamp(0.98rem, 3.95vw, 1.2rem);
}
}
.single-holiday__article,
.single-holiday__related,
.single-holiday__similar,
.single-holiday__calendars {
padding-top: 0;
padding-bottom: 0;
}
.single-holiday > :is(.single-holiday__article, .single-holiday__similar, .single-holiday__related, .single-holiday__calendars) + :is(.single-holiday__article, .single-holiday__similar, .single-holiday__related, .single-holiday__calendars) {
margin-top: 1rem;
}
@media (min-width: 768px) {
.single-holiday > :is(.single-holiday__article, .single-holiday__similar, .single-holiday__related, .single-holiday__calendars) + :is(.single-holiday__article, .single-holiday__similar, .single-holiday__related, .single-holiday__calendars) {
margin-top: 1.25rem;
}
}
.single-holiday__similar-panel {
margin-top: 0.75rem;
}
.single-holiday__similar-list {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.75rem;
margin-top: 0.75rem;
}
.single-holiday__similar-card {
width: 100%;
max-width: 100%;
border-radius: 1rem;
padding: 0.8rem 1rem;
}
.single-holiday__similar-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.4rem;
white-space: normal;
text-decoration: none;
text-align: center;
padding: 0.15rem 0;
}
.single-holiday__similar-title {
font-size: 1.25rem !important;
line-height: 1.75rem !important;
font-weight: 700;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.single-holiday__similar-meta-row {
display: inline-flex;
align-items: center;
flex-wrap: nowrap;
gap: 0.5rem 0.8rem;
max-width: 100%;
min-width: 0;
}
.single-holiday__similar-meta {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 0.35rem;
white-space: nowrap;
}
.single-holiday__similar-icon {
line-height: 1;
}
.single-holiday__similar-category {
display: inline-block;
flex: 0 1 auto;
max-width: min(34vw, 12rem);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.single-holiday__similar-age-chip {
flex: 0 0 auto;
line-height: 1.1;
}
@media (min-width: 640px) {
.single-holiday__similar-card {
padding: 0.95rem 1.25rem;
}
.single-holiday__similar-item {
flex-direction: row;
align-items: center;
gap: 1rem;
justify-content: center;
}
.single-holiday__similar-title {
flex: 0 1 auto;
min-width: 0;
max-width: min(58vw, 52rem);
text-align: center;
}
.single-holiday__similar-meta-row {
flex: 0 1 auto;
max-width: 100%;
}
}
@media (max-width: 639px) {
.single-holiday__similar-meta-row {
display: flex;
flex-wrap: nowrap;
}
.single-holiday__similar-category {
max-width: min(56vw, 11rem);
}
}
.single-holiday__similar-item:hover .single-holiday__similar-title,
.single-holiday__similar-item:focus-visible .single-holiday__similar-title {
--tw-text-opacity: 1;
color: rgb(0 85 204 / var(--tw-text-opacity, 1));
}
.single-holiday__similar-item:hover .single-holiday__similar-title:is(.dark *),
.single-holiday__similar-item:focus-visible .single-holiday__similar-title:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(147 197 253 / var(--tw-text-opacity, 1));
} .single-holiday__cta {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
display: inline-flex;
position: relative;
z-index: 2;
align-items: center;
gap: 0.5rem;
border-radius: 9999px;
padding-left: 1.75rem;
padding-right: 1.75rem;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: -0.025em;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
-webkit-text-fill-color: #fff;
text-decoration: none;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
border: 1px solid rgba(255, 229, 143, 0.95);
background:
linear-gradient(145deg, rgba(255,255,255,0.2), rgba(255,255,255,0.08)),
linear-gradient(145deg, rgba(73, 27, 8, 0.72), rgba(42, 17, 8, 0.58));
box-shadow:
0 0 0 1px rgba(252, 211, 77, 0.42),
0 0 18px rgba(252, 211, 77, 0.48),
0 12px 24px rgba(2, 6, 23, 0.56),
inset 0 1px 0 rgba(255,255,255,0.38),
inset 0 -1px 0 rgba(255,255,255,0.14);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.78), 0 0 1px rgba(0, 0, 0, 0.65);
-webkit-backdrop-filter: blur(2px) saturate(120%);
backdrop-filter: blur(2px) saturate(120%);
transform: translateZ(0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.single-holiday__cta span {
color: inherit;
-webkit-text-fill-color: currentColor;
}
.single-holiday__cta:link,
.single-holiday__cta:visited,
.single-holiday__cta:active {
color: #fff;
-webkit-text-fill-color: #fff;
text-decoration: none;
}
.single-holiday__cta--memorable {
border-color: rgba(188, 224, 255, 0.92);
background:
linear-gradient(145deg, rgba(255,255,255,0.22), rgba(255,255,255,0.08)),
linear-gradient(145deg, rgba(2,6,23,0.68), rgba(2,6,23,0.46));
box-shadow:
0 0 0 1px rgba(96, 165, 250, 0.44),
0 0 14px rgba(59, 130, 246, 0.38),
0 10px 20px rgba(2, 6, 23, 0.48),
inset 0 1px 0 rgba(255,255,255,0.36),
inset 0 -1px 0 rgba(255,255,255,0.14);
}
.single-holiday__cta:hover,
.single-holiday__cta:focus-visible {
border-color: rgba(255, 239, 169, 0.98);
color: #fff;
box-shadow:
0 0 0 1px rgba(253, 224, 110, 0.5),
0 0 30px rgba(252, 211, 77, 0.82),
0 14px 30px rgba(2, 6, 23, 0.58),
inset 0 1px 0 rgba(255,255,255,0.42),
inset 0 -1px 0 rgba(255,255,255,0.16);
outline: none;
background:
linear-gradient(145deg, rgba(255,255,255,0.24), rgba(255,255,255,0.1)),
linear-gradient(145deg, rgba(101, 45, 15, 0.78), rgba(58, 24, 10, 0.62));
}
.single-holiday__cta--memorable:hover,
.single-holiday__cta--memorable:focus-visible {
border-color: rgba(191, 228, 255, 0.98);
box-shadow:
0 0 0 1px rgba(125, 188, 255, 0.46),
0 0 26px rgba(96, 165, 250, 0.7),
0 12px 28px rgba(100, 37, 9, 0.5),
inset 0 1px 0 rgba(255,255,255,0.42),
inset 0 -1px 0 rgba(255,255,255,0.16);
background:
linear-gradient(145deg, rgba(255,255,255,0.24), rgba(255,255,255,0.1)),
linear-gradient(145deg, rgba(8,47,73,0.72), rgba(15,23,42,0.58));
}
.single-holiday__cta svg {
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.35));
}
.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;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.inset-0 {
inset: 0px;
}
.z-50 {
z-index: 50;
}
.m-0 {
margin: 0px;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-0 {
margin-bottom: 0;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mt-0 {
margin-top: 0;
}
.mt-auto {
margin-top: auto;
}
.block {
display: block;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.aspect-square {
aspect-ratio: 1 / 1;
}
.h-6 {
height: 1.5rem;
}
.h-full {
height: 100%;
}
.max-h-\[80vh\] {
max-height: 80vh;
}
.w-6 {
width: 1.5rem;
}
.w-auto {
width: auto;
}
.w-full {
width: 100%;
}
.max-w-5xl {
max-width: 64rem;
}
.max-w-6xl {
max-width: 72rem;
}
.max-w-full {
max-width: 100%;
}
.max-w-md {
max-width: 28rem;
}
.max-w-xs {
max-width: 20rem;
}
.max-w-xl {
max-width: 36rem;
}
.flex-1 {
flex: 1 1 0%;
}
.shrink-0 {
flex-shrink: 0;
}
.grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[6ch_1fr\] {
grid-template-columns: 6ch 1fr;
}
.flex-row {
flex-direction: row;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
.items-stretch {
align-items: stretch;
}
.justify-end {
justify-content: flex-end;
}
.justify-start {
justify-content: flex-start;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-1 {
gap: 0.25rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-x-3 {
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
}
.gap-y-2 {
row-gap: 0.5rem;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.rounded-2xl {
border-radius: 1rem;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-xl {
border-radius: 0.75rem;
}
.border {
border-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-t {
border-top-width: 1px;
}
.border-dashed {
border-style: dashed;
}
.border-brand-blue {
--tw-border-opacity: 1;
border-color: rgb(0 85 204 / var(--tw-border-opacity, 1));
}
.border-brand-blue\/50 {
border-color: rgb(0 85 204 / 0.5);
}
.border-red-600 {
--tw-border-opacity: 1;
border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.border-rose-200 {
--tw-border-opacity: 1;
border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}
.border-slate-100 {
--tw-border-opacity: 1;
border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.bg-amber-100 {
--tw-bg-opacity: 1;
background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-black\/60 {
background-color: rgb(0 0 0 / 0.6);
}
.bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-rose-50 {
--tw-bg-opacity: 1;
background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-slate-50 {
--tw-bg-opacity: 1;
background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-100 {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-900 {
--tw-bg-opacity: 1;
background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/95 {
background-color: rgb(255 255 255 / 0.95);
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.p-0 {
padding: 0px;
}
.p-2 {
padding: 0.5rem;
}
.p-3 {
padding: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.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-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.pb-0 {
padding-bottom: 0;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.pt-0 {
padding-top: 0px;
}
.pt-2 {
padding-top: 0.5rem;
}
.pl-0 {
padding-left: 0;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.uppercase {
text-transform: uppercase;
}
.tracking-tight {
letter-spacing: -0.025em;
}
.tracking-wide {
letter-spacing: 0.025em;
}
.list-disc {
list-style-type: disc;
}
.font-sans {
font-family: Inter, Segoe UI, Roboto, system-ui, sans-serif;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-\[11px\] {
font-size: 11px;
}
.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;
}
.font-bold {
font-weight: 700;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.leading-none {
line-height: 1;
}
.leading-relaxed {
line-height: 1.625;
}
.text-amber-800 {
--tw-text-opacity: 1;
color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-emerald-700 {
--tw-text-opacity: 1;
color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-rose-700 {
--tw-text-opacity: 1;
color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-slate-500 {
--tw-text-opacity: 1;
color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600 {
--tw-text-opacity: 1;
color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700 {
--tw-text-opacity: 1;
color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-900 {
--tw-text-opacity: 1;
color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
text-decoration-line: underline;
}
.no-underline {
text-decoration-line: none;
}
.underline-offset-2 {
text-underline-offset: 2px;
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ring-2 {
--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, 0 0 #0000);
}
.ring-brand-blue\/40 {
--tw-ring-color: rgb(0 85 204 / 0.4);
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.hover\:bg-blue-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-brand-blueDark:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 64 170 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-600:hover {
--tw-bg-opacity: 1;
background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.hover\:bg-rose-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:text-brand-blue:hover {
--tw-text-opacity: 1;
color: rgb(0 85 204 / var(--tw-text-opacity, 1));
}
.hover\:text-brand-blueDark:hover {
--tw-text-opacity: 1;
color: rgb(0 64 170 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:no-underline:hover {
text-decoration-line: none;
}
.hover\:opacity-80:hover {
opacity: 0.8;
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.dark\:border-red-400:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.dark\:border-rose-400:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-600:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-700:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-800:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.dark\:border-white\/90:is(.dark *) {
border-color: rgb(147 197 253 / 0.9);
}
.dark\:bg-amber-300\/30:is(.dark *) {
background-color: rgb(252 211 77 / 0.3);
}
.dark\:bg-blue-500:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-500\/30:is(.dark *) {
background-color: rgb(59 130 246 / 0.3);
}
.dark\:bg-red-500:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.dark\:bg-rose-900\/40:is(.dark *) {
background-color: rgb(136 19 55 / 0.4);
}
.dark\:bg-slate-700:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-800:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-900:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-900\/60:is(.dark *) {
background-color: rgb(15 23 42 / 0.6);
}
.dark\:bg-slate-900\/80:is(.dark *) {
background-color: rgb(15 23 42 / 0.8);
}
.dark\:bg-slate-900\/95:is(.dark *) {
background-color: rgb(15 23 42 / 0.95);
}
.dark\:bg-transparent:is(.dark *) {
background-color: transparent;
}
.dark\:from-slate-700:is(.dark *) {
--tw-gradient-from: #334155 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:to-slate-800:is(.dark *) {
--tw-gradient-to: #1e293b var(--tw-gradient-to-position);
}
.dark\:text-\[\#78a8ff\]:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(120 168 255 / var(--tw-text-opacity, 1));
}
.dark\:text-\[\#d44334\]:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(212 67 52 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-200:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-200:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-200:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(167 243 208 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-200:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(254 205 211 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-100:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-200:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-300:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-400:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.dark\:text-white:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:placeholder-slate-400:is(.dark *)::-moz-placeholder {
--tw-placeholder-opacity: 1;
color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}
.dark\:placeholder-slate-400:is(.dark *)::placeholder {
--tw-placeholder-opacity: 1;
color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1));
}
.dark\:shadow-none:is(.dark *) {
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark\:ring-slate-700:is(.dark *) {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity, 1));
}
.dark\:ring-white\/90:is(.dark *) {
--tw-ring-color: rgb(147 197 253 / 0.75);
}
.dark\:hover\:bg-blue-400:hover:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-red-600:hover:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-rose-800\/60:hover:is(.dark *) {
background-color: rgb(159 18 57 / 0.6);
}
.dark\:hover\:bg-slate-600:hover:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-700:hover:is(.dark *) {
--tw-bg-opacity: 1;
background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:text-blue-300:hover:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
.sm\:mx-0 {
margin-left: 0px;
margin-right: 0px;
}
.sm\:mb-4 {
margin-bottom: 1rem;
}
.sm\:h-16 {
height: 4rem;
}
.sm\:h-9 {
height: 2.25rem;
}
.sm\:w-60 {
width: 15rem;
}
.sm\:min-w-\[16rem\] {
min-width: 16rem;
}
.sm\:max-w-\[19rem\] {
max-width: 19rem;
}
.sm\:grid-cols-\[1fr_auto_1fr\] {
grid-template-columns: 1fr auto 1fr;
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:items-center {
align-items: center;
}
.sm\:justify-start {
justify-content: flex-start;
}
.sm\:justify-end {
justify-content: flex-end;
}
.sm\:gap-3 {
gap: 0.75rem;
}
.sm\:gap-5 {
gap: 1.25rem;
}
.sm\:gap-6 {
gap: 1.5rem;
}
.sm\:p-6 {
padding: 1.5rem;
}
.sm\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.sm\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 768px) {
.md\:absolute {
position: absolute;
}
.md\:right-0 {
right: 0px;
}
.md\:top-0 {
top: 0px;
}
.md\:ml-0 {
margin-left: 0px;
}
.md\:pr-16 {
padding-right: 4rem;
}
.md\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
}
@media (min-width: 840px) {
.lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
} .site {
min-height: 100vh;
min-height: 100dvh;
display: flex;
flex-direction: column;
}
.site > footer {
margin-top: auto;
}
.site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
min-width: var(--pt-site-min-width, 320px);
z-index: 40;
border-bottom: 1px solid #f1f5f9;
background-color: rgb(255 255 255 / .95);
color: #0f172a;
}
.dark .site-header {
border-bottom-color: #1e293b;
background-color: rgb(15 23 42 / .95);
color: #f1f5f9;
}
body.admin-bar .site-header {
top: 32px;
}
.pt-cookie-notice {
position: fixed;
left: 50%;
right: auto;
bottom: 1rem;
z-index: 70;
display: flex;
align-items: center;
gap: 0.75rem;
max-width: min(calc(100vw - 2rem), 35rem);
padding: 0.7rem 0.8rem 0.7rem 0.95rem;
border: 1px solid rgb(226 232 240 / 0.95);
border-radius: 0.75rem;
background-color: rgb(255 255 255 / 0.97);
box-shadow: 0 14px 35px rgb(15 23 42 / 0.16);
color: #334155;
transform: translateX(-50%);
transition: opacity 160ms ease, transform 160ms ease;
}
.pt-cookie-notice[hidden] {
display: none;
}
.pt-cookie-notice--hidden {
opacity: 0;
transform: translateX(-50%) translateY(0.5rem);
pointer-events: none;
}
.pt-cookie-notice__text {
min-width: 0;
color: inherit;
font-size: 0.875rem;
line-height: 1.35;
}
.pt-cookie-notice__link {
color: #0055cc;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 2px;
white-space: nowrap;
}
.pt-cookie-notice__button {
flex: 0 0 auto;
min-height: 2.25rem;
padding: 0.45rem 0.85rem;
border-radius: 999px;
background-color: #0055cc;
color: #ffffff;
font-size: 0.875rem;
font-weight: 800;
line-height: 1;
transition: background-color 160ms ease, transform 160ms ease;
}
.pt-cookie-notice__button:hover {
background-color: #0039a6;
}
.pt-cookie-notice__button:focus-visible {
outline: 3px solid rgb(0 85 204 / 0.28);
outline-offset: 2px;
}
.pt-cookie-notice__button:active {
transform: translateY(1px);
}
.dark .pt-cookie-notice {
border-color: rgb(51 65 85 / 0.95);
background-color: rgb(15 23 42 / 0.97);
box-shadow: 0 14px 35px rgb(0 0 0 / 0.3);
color: #cbd5e1;
}
.dark .pt-cookie-notice__link {
color: #93c5fd;
}
.dark .pt-cookie-notice__button {
background-color: #60a5fa;
color: #0f172a;
}
.dark .pt-cookie-notice__button:hover {
background-color: #93c5fd;
}
@media (max-width: 782px) {
#wpadminbar {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
}
body.admin-bar .site-header {
top: 46px;
}
}
@media (max-width: 640px) {
.pt-cookie-notice {
right: 0.75rem;
bottom: 0.75rem;
left: 0.75rem;
max-width: none;
justify-content: space-between;
gap: 0.65rem;
padding: 0.65rem 0.7rem;
transform: none;
}
.pt-cookie-notice--hidden {
transform: translateY(0.5rem);
}
.pt-cookie-notice__text,
.pt-cookie-notice__button {
font-size: 0.8125rem;
}
.pt-cookie-notice__button {
min-height: 2.1rem;
padding: 0.4rem 0.7rem;
}
} .pt-footer-layout {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
}
.pt-footer-left {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
}
.pt-footer-right {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.8rem;
}
.pt-footer-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
-moz-column-gap: 0.7rem;
column-gap: 0.7rem;
row-gap: 0.45rem;
text-align: center;
}
.pt-footer-meta > * + *::before {
content: none;
}
.pt-theme-switch {
display: inline-flex;
align-items: center;
gap: 0.25rem;
border-radius: 0.55rem;
background-color: #ffffff;
padding: 0.25rem;
}
.pt-theme-switch__btn {
border: 0;
border-radius: 0.4rem;
background: transparent;
color: #334155;
font-size: 1.04rem;
font-weight: 600;
line-height: 1.1;
padding: 0.35rem 0.6rem;
cursor: pointer;
transition: background-color 160ms ease, color 160ms ease;
}
.pt-theme-switch__btn:hover {
background: #f1f5f9;
}
.pt-theme-switch__btn.is-active {
background: #0039A6;
color: #f8fafc;
}
.dark .pt-theme-switch {
background-color: rgb(15 23 42 / 0.72);
}
.dark .pt-theme-switch__btn {
color: #cbd5e1;
}
.dark .pt-theme-switch__btn:hover {
background: #1e293b;
}
.dark .pt-theme-switch__btn.is-active {
background: #f8fafc;
color: #0f172a;
}
@media (max-width: 379px) {
.pt-footer-meta {
flex-direction: column;
row-gap: 0.35rem;
-moz-column-gap: 0;
column-gap: 0;
}
}
@media (min-width: 640px) {
.pt-footer-meta {
flex-wrap: nowrap;
row-gap: 0;
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
}
.pt-footer-meta > * + *::before {
content: "•";
display: inline-block;
margin: 0 0.5rem 0 0.35rem;
line-height: 1;
color: #94a3b8;
}
.dark .pt-footer-meta > * + *::before {
color: #94a3b8;
}
}
@media (min-width: 840px) {
.pt-footer-layout {
display: grid;
grid-template-columns: minmax(320px, 1fr) minmax(420px, 1fr);
align-items: center;
justify-content: center;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.pt-footer-left {
align-items: center;
justify-content: center;
}
.pt-footer-right {
align-items: center;
justify-content: center;
gap: 0.9rem;
}
.pt-footer-right .pt-footer-meta {
justify-content: center;
text-align: center;
}
.pt-footer-right .pt-theme-switch {
align-self: center;
order: 3;
}
.pt-footer-right .pt-footer-meta[aria-label="Страницы сайта в футере"] {
order: 1;
}
.pt-footer-right .pt-footer-meta[aria-label="Копирайт в футере"] {
order: 2;
}
}
@media (max-width: 839px) {
.pt-footer-layout {
display: flex;
}
.pt-footer-right {
width: 100%;
align-items: center;
}
.pt-footer-right .pt-footer-meta {
justify-content: center;
text-align: center;
}
.pt-footer-right .pt-theme-switch {
align-self: center;
}
}
@media (min-width: 640px) and (max-width: 839px) {
.pt-footer-meta {
flex-direction: row;
}
}