*{box-sizing:border-box}body{margin:0;font-family:var(--font-family-primary);background-image:url('../img/background.png');background-repeat:repeat;background-size:auto;background-position:top left;background-attachment:fixed;min-height:100vh;padding-top:var(--header-height);color:var(--color-text);display:flex;flex-direction:column;text-underline-offset:3px;-webkit-text-size-adjust:100%;text-size-adjust:100%}main{flex:1;min-height:calc(100vh - var(--header-height) - 200px);position:relative;margin-bottom:var(--spacing-3xl)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-family-primary)}a{color:inherit;text-decoration:none}a:hover{color:var(--color-primary)}input,button,select,textarea{font-family:var(--font-family-primary)}.fg-checkbox{display:block;position:relative;cursor:pointer;user-select:none;padding-left:26px}.fg-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background:url('../img/unchecked.svg') 0 0 no-repeat}.fg-checkbox input:checked ~ .checkmark{background:url('../img/checked.svg') 0 0 no-repeat}.checkmark:after{content:"";position:absolute;display:none}.fg-checkbox input:checked ~ .checkmark:after{display:block}.dropdown-selector{display:flex;align-items:center;position:relative}.dropdown-dialog{position:relative;cursor:pointer}.dropdown-selected{color:var(--color-primary);font-size:var(--font-xl);font-weight:500;padding:4px 8px;display:flex;align-items:center;gap:var(--spacing-xs);user-select:none;border:2px solid transparent;border-radius:var(--border-radius-sm);transition:all var(--transition-normal);line-height:1}.dropdown-selected:hover{color:var(--color-primary-hover);border-color:var(--color-primary);background-color:var(--color-pink-lighter)}.dropdown-arrow{font-size:var(--font-md);transition:transform var(--transition-normal)}.dropdown-dialog.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-options{position:absolute;top:30px;right:0;background-color:white;border:2px solid var(--color-primary);border-radius:var(--border-radius-md);padding:var(--spacing-sm);min-width:150px;box-shadow:var(--shadow-md);display:none;z-index:100}.dropdown-dialog.open .dropdown-options{display:block}.dropdown-option{font-size:var(--font-xl);margin:4px 0;padding:6px 10px;cursor:pointer;transition:background-color var(--transition-fast);border-radius:var(--border-radius-md);border:solid 1px white}.dropdown-option:hover{background-color:var(--color-pink-hover);border-color:var(--color-primary)}.dropdown-option.active{color:var(--color-primary);border-color:var(--color-primary);font-weight:500}.view-selectors{display:flex;gap:8px}.breadcrumb{font-size:var(--font-xl);color:var(--color-text-light);margin:var(--spacing-lg) 1%;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}.breadcrumb strong{color:var(--color-text)}.breadcrumb a{color:var(--color-text-light)}.breadcrumb a:hover{color:var(--color-primary)}.section-header{width:100%;margin-bottom:var(--spacing-2xl)}.divider-wrapper{position:relative;margin:0}.divider{border:1px solid var(--color-divider);margin:0 auto;width:98%}.secondary-title{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--color-background);padding:0 var(--spacing-md);font-size:var(--font-lg);color:var(--color-divider);white-space:nowrap;z-index:var(--z-overlay)}.section-title{min-height:50px;line-height:1}.section-title h2{font-size:var(--font-6xl);max-width:65%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2}.bubble-1{width:64px;height:25px;margin-top:-7px}.bubble-2{width:64px;height:31px;margin-top:7px}.bubble-2.reverse{transform:scaleX(-1)}.section-controls{margin:-81px 1% 81px 1%;z-index:var(--z-overlay)}.homepage-section{margin-top:var(--spacing-3xl);text-align:center;transition:margin-top var(--transition-normal)}.homepage-section h2{font-size:var(--font-5xl);color:var(--color-text)}.dialog-header{padding:30px 30px 20px;text-align:center;border-bottom:1px solid var(--color-border-dark)}.dialog-header h2{font-size:var(--font-6xl);color:var(--color-off-black);margin-bottom:var(--spacing-sm)}.dialog-header p{color:var(--color-light-gray);margin:0}.dialog-content{padding:25px 30px}.dialog-content p{text-align:center}.dialog-actions{padding:0 30px;text-align:center;margin-bottom:var(--spacing-lg)}.dialog-close{position:absolute;top:4px;right:5px;background:0;border:0;font-size:36px;color:var(--color-primary);cursor:pointer;width:40px;padding:0}.dialog-close:hover{color:var(--color-primary-hover)}.dont-show-again{display:inline-block;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-lg) 0;border-top:1px solid var(--color-border-dark);text-align:left;font-size:var(--font-xl)}.text-bubble{position:absolute;left:0;bottom:100%;width:50%;padding:var(--spacing-md);background:var(--color-background-gray);border:solid 1px var(--color-border-dark);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);cursor:pointer;display:none}@media(max-width:768px){.section-title h2{font-size:var(--font-4xl);text-wrap:nowrap;overflow:visible}.divider{width:100%}.section-controls{margin:-26px var(--spacing-md) 26px var(--spacing-md)}.dialog-header{padding:25px 20px 15px}.dialog-header h2{font-size:20px}.dialog-content{padding:20px}.dialog-actions{padding:0}.text-bubble{width:100%}}
