.auth{margin:0 auto;display:flex;align-items:center;flex-direction:column;padding:20px;padding-top:20px}@media (min-width: 600px){.auth{padding:0px;padding-top:20px}}.auth .logo{margin-top:20px;margin-bottom:40px;height:40px;display:block}@media (min-width: 600px){.auth .logo{display:none}}.auth form{max-width:400px;width:100%}.auth .field{width:100%}.auth .field input{width:100%}.auth .links{margin-top:60px;display:flex;font-size:1rem;align-items:center;justify-content:center}.auth .links .link-block{font-size:1rem;margin-right:25px;margin-right:0;margin-bottom:10px;margin-left:0}@media (min-width: 600px){.auth .links .link-block{margin-right:25px;margin-bottom:0}}.auth .devise-links{display:flex;align-items:center;flex-direction:column}.auth .devise-links a{color:#555;font-size:1rem}.field{margin-bottom:10px}label{font-size:1rem;margin-bottom:5px}input{padding:10px;font-size:1.2rem;border:2px solid;border-radius:5px}input:focus{outline:none;border-color:#410ed4}.actions{margin-bottom:10px}input[type="submit"]{width:100%;padding:10px 20px;border:0;background:#000;border-radius:7px;font-size:1.3rem;color:white}.home{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;padding-top:20px}@media (min-width: 600px){.home{padding:0px;padding-top:20px}}.home h2{font-size:1.4rem;text-align:center;line-height:1.2}.home .logo{width:300px;object-fit:contain;margin-bottom:40px}.home .mock{border:1px solid black;margin:40px 0}.home .links{display:flex;flex-direction:column;align-items:center;justify-content:space-between}@media (min-width: 600px){.home .links{flex-direction:row}}.home .links .link-block{margin-right:0;margin-bottom:10px;margin-left:0}@media (min-width: 600px){.home .links .link-block{margin-right:25px;margin-bottom:0}}a{color:black;font-size:1.2rem;padding:10px 15px;margin:0 5px;text-decoration:none}a:hover{text-decoration:underline}.link-block{background:#000;border-radius:7px;color:white;margin-right:0;margin-bottom:10px;margin-left:0}@media (min-width: 600px){.link-block{margin-right:25px;margin-bottom:0}}.how{display:flex;align-items:center;justify-content:center}.how img{width:24px;height:24px}.how .how-link{padding-left:0;padding-right:0}.nav{height:80px;display:flex;padding:0 20px;align-items:center;justify-content:space-between;width:100%}@media (min-width: 600px){.nav{padding:0 40px;align-items:center;width:auto;justify-content:space-between}}.nav .nav-logo-link{padding:0}.nav .logo-container{justify-content:center;width:33%;display:none}@media (min-width: 600px){.nav .logo-container{display:flex}}.nav .nav-auth{display:flex;justify-content:flex-end;width:60%}@media (min-width: 600px){.nav .nav-auth{width:33%}}.nav .nav-links{display:flex;justify-content:flex-start;width:33%}.nav .nav-logo{height:20px}@media (min-width: 600px){.nav .nav-logo{display:block;height:30px}}body{background-color:#fff;color:#333;margin:0;font-family:helvetica, arial, sans-serif;font-size:13px;line-height:18px;margin:0}*{box-sizing:border-box}p,ol,ul,td{font-family:helvetica, arial, sans-serif;font-size:13px;line-height:18px}pre{background-color:#eee;padding:10px;font-size:11px}th{padding-bottom:5px}td{padding:0 5px 7px}#notice{color:green}#error_explanation{width:450px;border:2px solid red;padding:7px 7px 0;margin-bottom:20px;background-color:#f0f0f0}#error_explanation h2{text-align:left;font-weight:bold;padding:5px 5px 5px 15px;font-size:12px;margin:-7px -7px 0;background-color:#c00;color:#fff}#error_explanation ul li{font-size:12px;list-style:square}label{display:block}.stories-form{display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;padding-top:20px}@media (min-width: 600px){.stories-form{padding:80px 25%;padding-top:20px}}.stories-form h1{font-size:2.5rem;line-height:3rem}.stories-form .stories-image{margin:0 auto;margin-bottom:20px;height:100px}.stories-form .audio-confirmation,.stories-form .media-confirmation{padding:30px;color:green;font-size:1.4rem}.stories-form .cloudinary-thumbnails{display:none !important}.stories-form .stories-text{color:#a6a6a6;margin:0;font-size:1.2rem;line-height:1.8rem;margin-bottom:40px}.stories-form .media-upload-button{margin:20px 0;background:#c704ef;background:linear-gradient(90deg, #c704ef 0%, #f8db0a 100%);color:white;width:250px;padding:10px 30px;border-radius:50px}.preview-audio{display:flex;align-items:center;justify-content:center;margin-bottom:40px;padding:5px;border-radius:10px}.preview-audio p,.preview-audio a{font-size:1rem}.preview-audio a{background:#c704ef;color:white;border-radius:50px}.current-media-preview{position:relative;height:100px;width:100px}.current-media-preview .media-image{width:100%;height:100%;object-fit:cover}.remove-preview{position:absolute;top:-10px;left:-10px;height:20px;width:20px}.current-media{display:grid;max-width:1200px;margin:40px auto;grid-gap:5rem;padding:0 20px}@media (min-width: 600px){.current-media{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 800px){.current-media{grid-template-columns:repeat(3, 1fr)}}@media (min-width: 1100px){.current-media{grid-template-columns:repeat(4, 1fr)}}.stories-header{display:flex;align-items:center;justify-content:center;margin-bottom:40px}.stories-header .stories-create{padding:15px 30px;display:flex;align-items:center;background:#000;color:white;border-radius:10px}.stories-header .stories-create img{margin-left:10px;height:20px;width:20px}.logo{margin-top:20px;margin-bottom:40px;height:40px;display:block}@media (min-width: 600px){.logo{display:none}}.stories-list{max-width:1200px;margin:0 auto;display:grid;grid-gap:1rem;padding:0 20px}.stories-list .stories-item{overflow:hidden;display:block;margin-bottom:50px}.stories-list .stories-item a{padding:0;margin:0}.stories-list .stories-item a:hover{text-decoration:none}.stories-list .stories-item .story-item-image{background-color:#eeeeee;width:200px;height:200px;object-fit:cover}.stories-list .stories-item .item-header{font-weight:bold;font-size:1.6rem;margin-bottom:8px;line-height:1.2}.stories-list .stories-item .item-subheader{color:#555;margin-top:0;margin-bottom:5px}.stories-list .stories-item .item-user{color:#410ed4;margin-top:0;margin:0}.stories-list .stories-item .item-actions{display:flex;margin-top:10px}.stories-list .stories-item .item-actions .item-icon{background:white;margin-right:20px;height:30px;width:30px}@media (min-width: 600px){.stories-list{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 800px){.stories-list{grid-template-columns:repeat(3, 1fr)}}@media (min-width: 1100px){.stories-list{grid-template-columns:repeat(4, 1fr)}}body{position:relative;padding-bottom:40px}