.faq-accordion,
.is-style-faq-accordion {
--faq-accordion-border: #dbe3ea;
--faq-accordion-accent: var(--wp--preset--color--primary, #168bd4);
--faq-accordion-text: inherit;
--faq-accordion-muted: #64748b;
}
.faq-accordion__items {
border-top: 1px solid var(--faq-accordion-border);
margin: 1.25rem 0;
}
.faq-accordion__item {
border-bottom: 1px solid var(--faq-accordion-border);
}
.faq-accordion__title {
font-size: inherit;
line-height: inherit;
margin: 0;
}
.faq-accordion__question {
align-items: center;
background: transparent;
border: 0;
color: var(--faq-accordion-text);
cursor: pointer;
display: flex;
font: inherit;
font-weight: 600;
gap: 1rem;
justify-content: space-between;
padding: 1rem 0;
text-align: left;
width: 100%;
}
.faq-accordion__question:hover,
.faq-accordion__question:focus-visible {
color: var(--faq-accordion-accent);
}
.faq-accordion__question:focus-visible {
outline: 2px solid currentColor;
outline-offset: 4px;
}
.faq-accordion__question-text {
display: block;
}
.faq-accordion__icon {
color: var(--faq-accordion-accent);
flex: 0 0 auto;
height: 1rem;
position: relative;
width: 1rem;
}
.faq-accordion__icon::before {
border-bottom: 2px solid currentColor;
border-right: 2px solid currentColor;
content: "";
display: block;
height: .45rem;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -60%) rotate(45deg);
transition: transform .2s ease;
width: .45rem;
}
.faq-accordion__item.is-open .faq-accordion__icon::before {
transform: translate(-50%, -35%) rotate(225deg);
}
.faq-accordion__answer {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows .22s ease;
}
.faq-accordion__item.is-open .faq-accordion__answer {
grid-template-rows: 1fr;
}
.faq-accordion__answer-inner {
color: var(--faq-accordion-text);
overflow: hidden;
}
.faq-accordion__answer-inner > :first-child {
margin-top: 0;
}
.faq-accordion__answer-inner > :last-child {
margin-bottom: 1rem;
}
@media (prefers-reduced-motion: reduce) {
.faq-accordion__answer,
.faq-accordion__icon::before {
transition: none;
}
}.gsm-ref-item {
transition:
opacity .25s ease,
transform .25s ease;
}   .gsm-ref-fullwidth {
position: relative;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
padding-top: 50px;
padding-bottom: 140px;
overflow: hidden;
}   .gsm-ref-filter-shell {
position: relative;
} .gsm-ref-filter-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.gsm-ref-filter-wrapper::-webkit-scrollbar {
display: none;
} .gsm-ref-filter {
display: flex;
gap: 12px;
width: max-content;
padding-bottom: 16px;
}
.gsm-filter-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
border-radius: 999px;
cursor: pointer;
white-space: nowrap;
border: 0;
}
.gsm-filter-btn.active {
background: #2B8CCD;
color: #fff;
}
.gsm-filter-btn .count {
opacity: .6;
font-size: .85em;
} @media (max-width: 768px) {
.gsm-filter-btn .count {
display: none;
}
}   .gsm-ref-filter-scrollbar {
height: 4px;
background: rgba(0, 0, 0, .08);
border-radius: 2px;
overflow: hidden;
}
.gsm-ref-filter-scrollbar span {
display: block;
height: 100%;
width: 30%;
background: rgba(0, 0, 0, .35);
border-radius: 2px;
transform: translateX(0);
}   .gsm-ref-grid {
display: grid;
gap: 30px;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.gsm-ref-item {
position: relative;
overflow: hidden;
border-radius: 15px;
aspect-ratio: 4 / 3;
box-shadow: 0 0 7px 2px #0000001c;
}
.gsm-ref-item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .35s ease;
display: block;
}
.gsm-ref-item:hover img {
transform: scale(1.06);
}   .swiper-zoom-container,
.swiper-zoom-container * {
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
}
#gsm-swiper-modal {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.92);
z-index: 999999;
display: none;
align-items: center;
justify-content: center;
overflow: hidden !important;
touch-action: none;
-webkit-touch-callout: none;
}
#gsm-swiper-modal * {
background: transparent !important;
box-shadow: none !important;
}
#gsm-swiper-modal img {
max-width: 100vw !important;
max-height: 100vh !important;
object-fit: contain !important;
background: transparent !important;
}
.swiper,
.swiper-wrapper,
.swiper-slide {
background: transparent !important;
touch-action: pan-y pinch-zoom;
}
.swiper-slide {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 100vh !important;
background: transparent !important;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex !important;
justify-content: center !important;
align-items: center !important;
overflow: hidden;
background: transparent !important;
} .swiper-slide>div,
.swiper-slide>* {
pointer-events: auto !important;
}
.swiper-pagination,
.swiper-button-next,
.swiper-button-prev {
z-index: 1000000 !important;
}
.gsm-ref-loader {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: #f3f3f3;
z-index: 2;
pointer-events: none;
}
.gsm-ref-item.is-loaded .gsm-ref-loader {
opacity: 0;
visibility: hidden;
transition: opacity .2s ease;
}
.gsm-ref-loader::after {
content: '';
width: 26px;
height: 26px;
border: 3px solid #d0d0d0;
border-top-color: #2B8CCD;
border-radius: 50%;
animation: gsm-spin .8s linear infinite;
}
@keyframes gsm-spin {
to {
transform: rotate(360deg);
}
}