.gallery{display:grid;gap:var(--space_xl);position:relative}.gallery__loader{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.7);display:flex;justify-content:center;align-items:center;z-index:10;border-radius:var(--radius_md)}.gallery__loader_spinner{width:48px;height:48px;border:4px solid var(--color_border_light);border-top:4px solid var(--color_border_selected);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.gallery__title{color:var(--color_text_brand);font:var(--typo_title_2xl_semibold) var(--typo_font_stack);letter-spacing:var(--typo_title_2xl_semibold_ls)}.gallery__form{opacity:0;position:absolute;z-index:-1;width:0;height:0;pointer-events:none}.gallery__desc_wrapper{display:flex;justify-content:space-between;color:var(--color_text_secondary);font:var(--typo_body_md_regular) var(--typo_font_stack);letter-spacing:var(--typo_body_md_regular_ls)}.gallery__text_right{display:grid;grid-template-columns:auto 1fr;gap:var(--space_xs)}.gallery__empty_image{display:flex;align-items:center;gap:var(--space_xs)}.gallery__empty_title{color:var(--color_text_secondary);font:var(--typo_body_md_regular) var(--typo_font_stack);letter-spacing:var(--typo_body_md_regular_ls)}.gallery__body--view{display:flex;gap:var(--space_sm);justify-content:center}@media screen and (min-width: 768px){.gallery__body--view{display:grid;grid-auto-rows:256px;grid-template-columns:repeat(4, 1fr)}}.gallery__body--edit{display:grid;grid-auto-rows:196px;grid-template-columns:repeat(2, 1fr);gap:var(--space_sm);overflow-y:auto}@media screen and (min-width: 768px){.gallery__body--edit{display:grid;grid-auto-rows:196px;grid-template-columns:repeat(4, 1fr)}}.gallery__item{position:relative;border-radius:var(--radius_md);overflow:hidden;background-color:#eee;display:grid;border:1px solid #1f2b61}.gallery__item--view{width:240px;height:320px}@media screen and (min-width: 768px){.gallery__item{width:unset;height:unset}}.gallery__item:first-child{grid-column:unset;grid-row:unset}@media screen and (min-width: 768px){.gallery__item:first-child{grid-column:span 2;grid-row:span 2}}.gallery__item img{object-fit:cover}.gallery__item--empty{place-content:center;border:1px dashed var(--color_border_light)}@media screen and (min-width: 768px){.gallery__item--empty{width:unset;height:unset;padding:var(--space_md)}}.gallery__delete,.gallery__expand{align-self:end;justify-self:end;border-radius:50%;background:#fff;display:grid;place-content:center;height:24px;width:24px}.gallery__expand{display:none}.gallery__slider{position:fixed;width:100%;height:100vh;background:#000;z-index:99;display:none;flex-direction:column;gap:var(--space_xl);justify-content:center;align-items:center}.gallery__slider.js-active{display:flex}.gallery__slider .footer{display:flex;align-items:center;justify-content:center;gap:var(--space_md)}.gallery__slider_close{display:flex;width:28px;height:28px;justify-content:center;align-items:center;border-radius:50%;background:var(--color_background_neutral_lightest);position:absolute;top:0;right:0;transform:translate(-30px, 30px)}.gallery__slider_counter{color:var(--color_text_inverse);font:var(--typo_body_md_regular) var(--typo_font_stack);letter-spacing:var(--typo_body_md_regular_ls);position:absolute;bottom:calc(env(safe-area-inset-bottom, 0) + 80px)}.gallery__slider_big_image{height:80%;width:100%;object-fit:contain}.gallery__slider_icon{position:absolute;padding:var(--space_lg)}.gallery__slider_icon.disabled{opacity:.4}.gallery__slider_icon--left{transform:rotate(90deg);left:0}.gallery__slider_icon--right{transform:rotate(270deg);right:0}.gallery__slider_image{object-fit:cover;height:48px;width:48px;border-radius:8px;opacity:.5}.gallery__slider_image.selected{opacity:1;border:2px solid var(--color_border_selected)}.gallery__show_more{background:rgba(51,35,67,.75);color:var(--color_text_inverse);text-align:center;font:var(--typo_body_2xl_semibold) var(--typo_font_stack);letter-spacing:var(--typo_body_2xl_semibold_ls);display:grid;place-items:center}.gallery--edit{height:calc(100vh - 50px);overflow-y:auto;padding:var(--space_4xl) var(--space_md)}@media screen and (min-width: 768px){.gallery--edit{padding:var(--space_6xl) var(--space_4xl) var(--space_4xl) var(--space_4xl);height:calc(83vh - 50px)}}.gallery--edit .gallery__item{padding:var(--space_xs)}@media screen and (min-width: 768px){.gallery--edit .gallery__item{padding:var(--space_md)}}.gallery--view .gallery__item--empty{width:240px;height:320px}@media screen and (min-width: 768px){.gallery--view .gallery__item--empty{width:unset;height:unset}}.gallery--view .gallery__body.placeholder{grid-auto-rows:105px}.gallery--view .gallery__item--image-1{width:100%}@media screen and (min-width: 1080px){.gallery--view .gallery__item--image-2,.gallery--view .gallery__item--image-3{height:520px}}.gallery--view .gallery__item--image-2:first-child,.gallery--view .gallery__item--image-3:first-child{grid-column:unset;grid-row:unset}.gallery--view .gallery__item--image-4:nth-child(2){grid-column:unset;grid-row:span 2}.gallery--view .gallery__item .gallery__expand{display:block;height:48px;width:48px;padding:var(--space_sm) var(--space_lg);transform:translate(-9px, -9px);border-radius:var(--radius_md);background:#332343;cursor:pointer}.gallery--view .gallery__item .gallery__expand img{height:20px;width:20px}.gallery--view .gallery__body--image-1{grid-template-columns:1fr}.gallery--view .gallery__body--image-2{grid-auto-rows:520px;grid-template-columns:repeat(2, 1fr)}.gallery--view .gallery__body--image-3{grid-auto-rows:520px;grid-template-columns:repeat(3, 1fr)}.gallery--view .gallery__body--image-4{grid-template-columns:repeat(4, 1fr)}/*# sourceMappingURL=gallery.css.map */