@layer custom-components{@keyframes mode-description-in{0%{translate:0 var(--modes-y-amount, 10px);opacity:0}to{translate:0;opacity:1}}@keyframes mode-description-out{0%{translate:0;opacity:1}to{translate:0 calc(var(--modes-y-amount, 10px) * -1);opacity:0}}@keyframes mode-image-in{0%{opacity:0}to{opacity:1}}@keyframes mode-image-out{0%{opacity:1}to{opacity:0}}.SelectionContainer.sq-custom-modes-container{--modes-y-amount: 10px;--animation-in-duration-desc: var(--grid-animation-in-duration, .2s);--animation-out-duration-desc: var(--grid-animation-out-duration, .2s);--animation-in-duration-img: calc(var(--grid-animation-in-duration, .2s) * 2);--animation-out-duration-img: calc(var(--grid-animation-out-duration, .2s) * 2)}@media (min-width: 1280px){.sq-custom-mode-info>*{max-width:var(--text-variant-100-r-max-width)}}@media (max-width: 1023px){.sq-custom-mode-tabs{flex-wrap:nowrap!important;overflow-x:scroll;margin-left:calc(var(--frame-padding) * -1);margin-right:calc(var(--frame-padding) * -1);padding-left:var(--frame-padding);padding-right:var(--frame-padding);width:calc(100% + var(--frame-padding) * 2)!important;scrollbar-width:none}.sq-custom-mode-tabs button{min-width:min-content!important;white-space:nowrap}}.sq-custom-mode-description-group{display:grid}.sq-custom-mode-description-group .RichTextFieldComponent{grid-area:1/1;opacity:0}.sq-custom-mode-description-group .RichTextFieldComponent.hidden{display:block!important;animation:mode-description-out var(--animation-out-duration-desc) ease-in forwards;z-index:-1}.sq-custom-mode-description-group .RichTextFieldComponent:not(.hidden){animation:mode-description-in var(--animation-in-duration-desc) ease-out forwards var(--animation-out-duration-desc)}.sq-custom-mode-image-group{container-name:image-group-container;container-type:size;display:grid;align-content:center}.sq-custom-mode-image-group .AproposImageComponent{scroll-margin-bottom:200px;grid-area:1/1;padding:1.75cqw;opacity:0}@media (max-width: 1023px){.sq-custom-mode-image-group .AproposImageComponent{overflow:hidden;display:flex!important;justify-content:center;align-items:center}}.sq-custom-mode-image-group .AproposImageComponent.hidden{display:flex!important;animation:mode-image-out var(--animation-out-duration-img) linear forwards;z-index:-1}.sq-custom-mode-image-group .AproposImageComponent:not(.hidden){animation:mode-image-in var(--animation-in-duration-img) linear forwards}.sq-custom-mode-image-group img{border-radius:3cqw;box-shadow:0 0 0 1.5cqw #0006,0 0 0 1.75cqw #fff6}@media (max-width: 1023px){.sq-custom-mode-image-group .ResponsiveImagePartial,.sq-custom-mode-image-group picture{display:flex;height:100%;margin:auto}.sq-custom-mode-image-group img{width:auto!important;height:auto;max-height:100%;margin:auto}}}