.add-stories-page{display:flex;margin-top:7rem}.add-stories__input-top{background-color:var(--c-accent-3);display:flex;flex-direction:column;padding-bottom:2rem}.add-stories__text-container{width:30%;margin-right:2rem}.add-stories__input-container{width:70%}.line{fill:var(--c-accent-3);margin:0;border:none}.line--rotate{transform:rotate(180deg)}.heading{font-family:B52}.stories-checkbox{margin:0 1rem 1rem 2rem;font:var(--font-extra-small);transform:translate3d(0,0,0)}.stories-checkbox--focus{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.stories-input{height:50vh;background-color:transparent;border:none;padding:0 2rem;outline:0;font:var(--font-big);font-family:B52;color:var(--c-foreground)}.hollow-button:hover{background-color:var(--c-dark-blue)}.thanks{width:100%;display:flex;justify-content:center}.tell-storie__massonry p{margin:1rem 2rem 0 2rem}.tell-storie__icon-1{transform:rotate(180deg);position:absolute;fill:var(--c-accent-3)}.tell-storie__icon-2{top:-1.2rem;position:absolute;fill:var(--c-accent-3)}.tell-storie__heading{align-self:center;margin-top:3rem;font-family:B52}.tell-storie__subheading{font-family:B52;max-width:20rem;margin:7rem 0}.tell-storie__subheading-vertical{display:none;font-family:B52;writing-mode:vertical-rl;max-height:18rem}.tell-storie__subheading-vertical--second{margin-top:20rem;margin-left:0}.storie__top-container{display:flex;flex-direction:column}.storie__container{background:#fff;padding:1rem .75rem}.storie__photo{aspect-ratio:4/5;object-fit:cover}.storie__heading{margin:.5rem 0}.tell-storie__massonry{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-template-rows:masonry}.storie-pop-up__background{display:none;z-index:1000;position:fixed;background:rgba(0,0,0,.2);left:0;top:0;width:100vw;height:100vh;backdrop-filter:blur(4px);padding:0 1rem}.storie-pop-up__background--active{display:none}.storie-pop-up{display:flex;flex-direction:column;background:var(--c-background);padding:2rem;width:100%;max-height:90%;overflow-y:auto;margin:2rem auto;max-width:30rem}.storie-pop-up--large{display:block}.pop-up-small-text{max-width:50%;align-self:end}.popup-floated-img{float:right;width:50%;margin:0 0 .25rem .5rem}.gallery{grid-column:full;display:grid;grid-template-columns:inherit;padding-block:var(--space-md);overflow-x:scroll;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -2.25rem}.gallery::-webkit-scrollbar{inline-size:0!important;display:none}.gallery .wrapper{grid-column:content;display:flex;align-items:center;gap:1rem;padding:0 10rem}.gallery .item{flex-shrink:0;display:flex;align-self:baseline;padding:0;background:0 0;flex-direction:column;width:100%;max-width:20rem}.item .img-container{aspect-ratio:4/5}.item--open{max-width:22rem!important;transition:max-width .3s ease;align-self:flex-start!important}.gallery img{width:100%;height:100%;object-fit:cover}.left-gradient{position:absolute;left:0;top:0;width:100px;height:100%;background:linear-gradient(to left,rgba(0,0,0,0),var(--c-background) 90%);z-index:1}.right-gradient{position:absolute;right:0;top:0;width:100px;height:100%;background:linear-gradient(to right,rgba(0,0,0,0),var(--c-background) 90%);z-index:1}.storie__text{margin:.5rem 0;visibility:hidden}@media screen and (max-width:50rem){.add-stories-page{flex-direction:column}.add-stories__text-container{width:100%}.add-stories__input-container{margin:1rem -1rem;width:100vw}.storie__top-container{flex-direction:row;margin:8rem 0 0 0}.tell-storie__subheading{display:none}.tell-storie__subheading-vertical{display:initial}.gallery .wrapper{flex-direction:column;padding:0;max-height:100vh}.gallery{padding-bottom:5rem;margin:0}.gallery .item{max-width:initial!important}.left-gradient{display:none}.right-gradient{display:none}.storie__text{display:none}.item--open{max-width:initial!important}.storie-pop-up__background--active{display:initial}}