body,#root{width:100%;height:100%;margin:0;background-color:#fbfbfb;color:#1a1a1a;font-size:14px}.navbar{display:flex;justify-content:space-between;align-items:center;position:fixed;height:70px;background-color:teal;padding:5px 30px;top:0;width:-webkit-fill-available;z-index:20}.navbar img#logo{height:60px}.bottom-bar{height:35px;width:100%;position:fixed;bottom:0;display:flex;justify-content:flex-end;align-items:center;background-color:teal;z-index:10}.bottom-bar .bottom-link{font-family:Roboto,sans-serif;text-decoration:none;color:#ebfafa;margin-right:60px;cursor:pointer}.content{margin-top:80px;display:flex;height:calc(100vh - 110px);overflow-y:auto}.content h1{padding:20px}.spacer{height:10px}.option-card{border:2px solid transparent;position:relative;min-height:430px;width:250px;border-radius:8px;padding:10px;margin:10px;cursor:pointer;box-shadow:0 0 5px #0006;transition:box-shadow .3s,border-color .3s;display:flex;flex-direction:column;gap:15px}.option-card .description{min-height:100px;height:100%;font-family:Roboto,sans-serif;color:#606766;white-space:pre-wrap;overflow-y:auto}.option-card img{border-radius:8px;width:250px;min-width:250px;height:200px;min-height:200px;object-fit:cover;background-color:#e1e1e1}.option-card:hover{border:2px solid #008080;box-shadow:0 0 10px #00808080}.option-card.selected{border:2px solid #008080;box-shadow:0 0 10px #00808080;background-color:#ebfafa}.option-card .selected-option{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;background:#ffffffe6;border-radius:20px;padding:4px 10px;box-shadow:0 2px 6px #00000014;z-index:2;gap:8px}.stepper-content{width:100%;min-width:100px;padding-top:20px;display:flex;flex-direction:column;height:calc(100vh - 130px)}.stepper-content .category-overview{display:flex;flex-direction:column;align-items:center}.stepper-content .category-overview>div{justify-content:center}.stepper-content .button-row{display:flex;justify-content:space-between;margin:10px 50px 20px}.stepper-content .stepper-scroll-area{flex:1 1 auto;overflow-y:auto;margin-bottom:16px}.stepper-content .drawer-button{position:absolute;height:36px;right:0;padding-right:30px;border-radius:4px 0 0 4px;border:none;background-color:teal;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.selections-summary{width:400px;padding:20px;display:flex;flex-direction:column}.selections-summary .summary-header{display:flex;align-items:center;margin-bottom:20px}.selections-summary .summary-header .close-button{width:40px;margin-right:20px}.selections-summary ul li{margin-bottom:20px;display:flex}.selections-summary ul li p{margin-left:10px}.selections-summary .selections-save{width:100%}.selections-summary .selections-save button,.selections-summary .selections-save div{margin-bottom:5px}.admin-page{padding:50px 50px 150px;height:fit-content;width:100%;box-sizing:border-box}.all-steps{display:flex;flex-direction:column;gap:10px}.all-steps .step-edit{padding-right:10px}.all-steps .step-edit .summary{display:flex;align-items:center;justify-content:space-between}.all-steps .step-edit .summary .MuiTextField-root{margin-right:10px;width:500px}.all-steps .step-edit button{align-self:center;height:fit-content}.option-edit{margin:5px 10px;display:flex;flex-direction:column;align-items:center;gap:10px}.option-edit>div{display:flex;flex-direction:column;gap:10px;border-radius:5px;padding:10px;width:280px}.sampling-detail{width:100%;overflow-y:auto;padding:50px}.sampling-detail .content-container{display:flex;justify-content:space-between}.sampling-detail .content-container .buttons{display:flex;gap:20px}.sampling-detail .separator{margin:24px 20px 40px}.sampling-detail .input-container{display:flex;flex-wrap:wrap;width:100%;align-items:flex-start}.sampling-detail .input-container .input{flex:1 1 30%;min-width:250px;margin:16px}.clickable-image{cursor:zoom-in}.clickable-image-modal{position:fixed;inset:0;margin:auto;outline:none;width:80vw;height:80vh;display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px #0003;background-color:#fff;padding:8px;border-radius:16px}.clickable-image-modal .modal-img{max-width:90%;max-height:90%;width:auto;height:auto;display:block;margin:auto;z-index:1}.clickable-image-modal .caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;background:#ffffffb3;padding:0 8px;border-radius:4px;font-size:.8rem;z-index:2}.clickable-image-modal .caption span,.clickable-image-modal .caption .MuiTypography-root{background:#ffffffb3;padding:0 8px;border-radius:4px;font-size:.8rem;display:inline-block}.clickable-image-modal .close-button{position:absolute;right:8px;top:8px;z-index:3}.clickable-image-modal .prev-button{position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:3}.clickable-image-modal .next-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:3}