:root{--carbon-black:#191919;--graphite:#303030;--iron-grey:#474747;--grey:#747574;--silver:#a1a3a1;--dust-grey:#ced0ce;--alabaster-grey:#e6e8e6;--white:#fff;--intense-cherry:#ad343e;--sunflower-gold:#f2af29;--turquoise-surf:#23b5d3;--moss-green:#7ac74f;--success:var(--moss-green);--error:var(--intense-cherry);--warning:var(--sunflower-gold);--neutral:var(--turquoise-surf);--primary-background-colour:var(--carbon-black);--primary-text-colour:var(--white);--secondary-background-colour:var(--graphite);--secondary-text-colour:var(--white);--primary-link-colour:var(--turquoise-surf);--content-width:1000px;--page-padding:15px;--margin-bottom-title:3px;--margin-bottom-label:5px;--margin-bottom-option:5px;--margin-bottom-edit-dilemma-options-heading:3px;--margin-top-categories:3px;--margin-top-title:3px;--margin-top-context:3px;--line-height:2.5;--card-padding:10px;--dilemma-and-comment-card-avatar-dimensions:20px;--dilemma-avatar-dimensions:30px;--profile-avatar-dimensions:200px;--profile-avatar-preview-dimensions:150px;--input-text-length:250px;--input-url-length:800px}*{box-sizing:border-box;margin:0;padding:0}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--secondary-background-colour)inset!important;-webkit-text-fill-color:var(--secondary-text-colour)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--secondary-background-colour)inset!important;-webkit-text-fill-color:var(--secondary-text-colour)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--secondary-background-colour)inset!important;-webkit-text-fill-color:var(--secondary-text-colour)!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--secondary-background-colour)inset!important;-webkit-text-fill-color:var(--secondary-text-colour)!important}font-face{src:url(/fonts/Roboto-VariableFont_wdth,wght.ttf);font-family:Roboto}html{font-size:16px}body{background-color:var(--primary-background-colour);color:var(--primary-text-colour);font-family:Roboto,Arial,Helvetica,sans-serif;font-size:1rem}h1,h2,h3,h4,h5,h6{margin-bottom:10px}p,ul,ol{line-height:1.5}.copy p{margin-bottom:10px}ul,ol{margin-bottom:10px;padding-left:2em}img{max-width:100%;height:auto;display:block}a{color:var(--primary-link-colour)}input,textarea,select,button{font-family:Roboto,Arial,Helvetica,sans-serif}select,textarea{padding:10px;font-size:1rem;line-height:1.5}input[type=submit],button{cursor:pointer}input[type=text],input[type=search],input[type=password]{width:var(--input-text-length);background-color:var(--secondary-background-colour);color:var(--secondary-text-colour);border:0;padding:10px}input[type=text],input[type=search],input[type=password],input[type=url]{font-size:1rem}textarea{background-color:var(--secondary-background-colour);color:var(--secondary-text-colour);border:0;width:100%}input[type=submit],button[type=button]{padding:5px 10px}.input-character-count{font-size:.8rem}.error-text{color:var(--error)}.success-text{color:var(--success)}.warning-text{color:var(--warning)}.neutral-text{color:var(--neutral)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}section,aside{margin-bottom:30px}header,footer{background-color:var(--primary-background-colour)}header{border-bottom:1px solid var(--secondary-background-colour);padding:5px var(--page-padding);flex-wrap:wrap;justify-content:space-between;gap:5px 10px;display:flex}#logo-and-nav-container{flex-wrap:wrap;align-items:end;gap:3px 20px;display:flex}#logo{color:var(--primary-text-colour);font-size:1.5rem;font-weight:700;text-decoration:none}#main-nav{flex-wrap:wrap;gap:3px 20px;margin-bottom:2px;display:flex}#main-nav a{text-decoration:none}#main-nav a:hover{text-decoration:underline}#log-out-button{cursor:pointer;color:var(--primary-link-colour)}#log-out-button:hover{text-decoration:underline}#search-bar-container{flex-wrap:nowrap;justify-content:end;width:100%;max-width:600px;display:flex}#search-bar{width:100%}#breadcrumbs{width:100%;max-width:var(--content-width);padding:0 var(--page-padding);flex-wrap:wrap;gap:2px 10px;margin:20px auto 0;font-size:.8rem;display:flex}main{max-width:var(--content-width);padding:var(--page-padding);margin:auto}#footer-container{border-top:1px solid var(--secondary-background-colour)}footer{max-width:var(--content-width);padding:var(--page-padding)var(--page-padding)40px var(--page-padding);margin:auto}.footer-links-container{margin-bottom:20px}.footer-links{justify-items:start;display:grid}.footer-links *{line-height:var(--line-height);text-decoration:none}#footer-cookie-preferences-link{cursor:pointer;color:var(--primary-link-colour)}#cookie-consent-banner{background-color:var(--secondary-background-colour);padding:var(--page-padding);width:100%;position:fixed;bottom:0}#cookie-consent-banner-checkboxes-container{gap:3px;margin-bottom:10px;display:grid}#cookie-consent-banner-checkboxes-container input{margin-right:5px}#cookie-consent-banner-buttons-container{flex-wrap:wrap;gap:10px;display:flex}#copyright{line-height:1.5}.pagination-controls{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.pagination-controls button{background-color:var(--primary-background-colour);color:var(--primary-link-colour);border:0;padding:0;font-size:1rem;text-decoration:underline}#category-container{margin-bottom:10px}#category{background-color:var(--secondary-background-colour);color:var(--secondary-text-colour);border:0}.password-input-container{margin-bottom:10px}.password-input-container label{font-weight:700}.password-input-container input{margin-top:5px}.comment-input-container{margin-bottom:10px}#comment-input{border:1px solid var(--iron-grey)}.introductory-paragraphs-container{margin-bottom:10px}.introductory-paragraphs-container p{margin-bottom:5px}#beta-banner{background-color:var(--warning);color:var(--primary-background-colour);margin-bottom:10px;padding:10px}.dilemma-card-avatar-and-username,.comment-card-avatar-and-username{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:5px;display:flex}.dilemma-card-avatar,.comment-card-avatar,.reported-dilemma-card-avatar{width:var(--dilemma-and-comment-card-avatar-dimensions);aspect-ratio:1;object-fit:cover;border-radius:50%}.dilemma-card-username,.comment-card-username{font-size:.9rem}.dilemma-cards-container{gap:10px;margin-bottom:10px;display:grid}.dilemma-card{background-color:var(--secondary-background-colour);padding:var(--card-padding);justify-items:start;display:grid}.dilemma-card-title,.dilemma-card-context{margin-bottom:5px}.email-input-container,.username-input-container{margin-bottom:10px}.email-input-container label,.username-input-container label{font-weight:700}.email-input-container input,.username-input-container input,#sign-up-page-inputs-submit-button,#sign-up-page-submit-button{margin-top:5px}#categories-container,#title-container,#context-container,#options-container{margin-bottom:10px}#categories-container label,#title-container label,#context-container label{font-weight:700}#categories,#title,.option{background-color:var(--secondary-background-colour);color:var(--secondary-text-colour);border:0}#categories{max-width:100%;margin-top:var(--margin-top-categories)}#title{width:100%;margin-bottom:var(--margin-bottom-title);margin-top:var(--margin-top-title);padding:10px}#context{margin-top:var(--margin-top-context)}.option{margin-bottom:var(--margin-bottom-option);padding:10px}#dilemma-avatar-and-username-container,#dilemma-category,#dilemma-created-at-date{margin-bottom:5px}#dilemma-avatar-and-username-container{flex-wrap:wrap;align-items:center;gap:5px;display:flex}#dilemma-avatar{width:var(--dilemma-avatar-dimensions);aspect-ratio:1;object-fit:cover;border-radius:50%}#dilemma-created-at-date{margin-bottom:20px;line-height:1.5}.dilemma-context{white-space:pre-wrap;word-break:break-word;margin-bottom:10px}.options-container{background-color:var(--graphite);justify-items:start;gap:10px;margin-bottom:10px;padding:10px;display:grid}.option-text{font-size:1.3em;font-weight:700}input[name=dilemma-option]{margin-right:5px}.margin-bottom-option{margin-bottom:var(--margin-bottom-option)}.option{width:500px;max-width:100%}#dilemma-page-buttons-container,#dilemma-page-confirm-delete-dilemma-buttons-container{flex-wrap:wrap;gap:10px;margin-top:5px;display:flex}#dilemma-page-voting-messages{margin-bottom:5px}#dilemma-page-vote-button{margin-bottom:10px;padding:5px 10px}#dilemma-page-comment-input-form,#edit-dilemma-options-container{margin-bottom:10px}#edit-dilemma-options-heading{margin-bottom:var(--margin-bottom-edit-dilemma-options-heading);font-weight:700}#edit-dilemma-buttons-container{flex-wrap:wrap;gap:10px;display:flex}.comment-cards-container{gap:10px;margin-bottom:10px;display:grid}.comment-card{background-color:var(--secondary-background-colour);color:var(--secondary-text-colour);padding:var(--card-padding)}.comment-card-comment-container{margin-bottom:5px}.comment-card-comment{white-space:pre-wrap;word-break:break-word;margin-bottom:5px}.comment-card-read-more-and-show-less{cursor:pointer;color:var(--primary-link-colour);text-decoration:underline}.comment-card-created-at{margin-bottom:5px}.comment-card-like-and-dislike-buttons-container{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.comment-card-like-and-dislike-buttons-container button{background-color:var(--secondary-background-colour);border:0}.comment-card-edit-and-delete-buttons-container,.comment-card-cancel-and-save-buttons-container,.comment-card-cencel-and-delete-buttons-container{flex-wrap:wrap;gap:10px;margin-top:5px;display:flex}.comment-card-saving-updated-comment-message,.comment-card-saving-updated-comment-error-message,.comment-card-saving-updated-comment-success-message,.comment-card-delete-comment-confirmation-message,.comment-card-deleting-comment-message,.comment-card-deleting-comment-error-message,.comment-card-deleting-comment-success-message,.comment-card-report-button{margin-top:5px}#profile-avatar-and-username{justify-items:center;display:grid}#profile-avatar{width:var(--profile-avatar-dimensions);aspect-ratio:1;object-fit:cover;border-radius:50%}#avatar-url-input-container{margin-bottom:10px}#profile-avatar-preview{width:var(--profile-avatar-preview-dimensions);aspect-ratio:1;object-fit:cover;border-radius:50%;margin-bottom:10px}#profile-page-avatar-input-container{margin-bottom:5px}#profile-page-avatar-input-container label{font-weight:700}#profile-page-avatar-input-container input{max-width:100%;width:var(--input-url-length);background-color:var(--secondary-background-colour);color:var(--secondary-text-colour);border:0;margin-top:5px;padding:10px}.comment-card-dilemma-title{margin-bottom:5px}.reported-dilemma-cards-container,.reported-comment-cards-container{gap:10px;margin-bottom:10px;display:grid}.reported-dilemma-card,.reported-comment-card{background-color:var(--secondary-background-colour);padding:var(--card-padding)}.reported-dilemma-card-title{margin-bottom:5px}.reported-dilemma-card-dilemma-details,.reported-comment-card-dilemma-details,.reported-comment-card-comment-details{margin-bottom:10px}.profile-page-dilemma-card-context-container,.profile-page-comment-card-comment-container,.reported-dilemma-card-context-container,.reported-comment-card-dilemma-context-container,.reported-comment-card-comment-container{margin-bottom:5px}.profile-page-dilemma-card-context,.reported-dilemma-card-context,.reported-comment-card-dilemma-context,.reported-comment-card-comment,.reported-dilemma-card-report-details,.reported-comment-card-report-details{white-space:pre-wrap;word-break:break-word}.profile-page-dilemma-card-read-more-and-show-less,.profile-page-comment-card-read-more-and-show-less,.profile-page-report-dilemma-context-read-more-and-show-less{cursor:pointer;color:var(--primary-link-colour);margin-bottom:5px;text-decoration:underline}#profile-avatar-buttons,#profile-password-buttons,#profile-delete-account-buttons{flex-wrap:wrap;gap:10px;margin-top:5px;display:flex}#profile-avatar-buttons button,#profile-password-buttons button,#profile-delete-account-buttons button{padding:5px 10px}#report-page-dilemma-details,#report-page-comment-details{margin-bottom:10px}#report-page-dilemma-details *,#report-page-comment-details *{margin-bottom:5px}.report-dilemma-context,.report-comment{white-space:pre-wrap;word-break:break-word}.report-dilemma-context-read-more-and-show-less,.report-comment-read-more-and-show-less{cursor:pointer;color:var(--primary-link-colour);text-decoration:underline}#report-title-container,#report-details-container{margin-bottom:10px}#report-title-container label,#report-details-container label{font-weight:700}#report-title{background-color:var(--secondary-background-colour);width:100%;color:var(--secondary-text-colour);border:0;margin-top:5px;margin-bottom:5px;padding:10px}#report-details-container textarea{margin-top:5px}#report-page-buttons-container{flex-wrap:wrap;gap:10px;margin-top:5px;display:flex}#request-password-reset-link-form input,#reset-password-form input{margin-top:5px}