@import"https://fonts.cdnfonts.com/css/hero-new";header{background-color:var(--afpp-color-primary);display:flex;align-items:center;grid-area:header;padding:1.875rem}footer{--_footer-gap: .5rem;background-color:var(--afpp-color-primary);color:var(--afpp-color-light-trans-50);display:flex;gap:var(--_footer-gap);justify-content:center;align-items:center;grid-area:footer;padding:1.875rem}footer ul{display:flex;gap:var(--_footer-gap);list-style:none;padding:0;margin:0}footer ul li{padding:0;margin:0}footer ul li a{color:inherit;display:flex;gap:var(--_footer-gap);text-decoration:none;transition:all .2s ease-in-out}footer ul li a:after{color:var(--afpp-color-light-trans-50);content:"|";display:inline-block}footer ul li a:hover{color:var(--afpp-color-light-100);text-decoration:underline}footer ul li:last-child a:after{content:""}.upload-page{position:absolute;display:inline-flex;flex-direction:column;align-items:center;gap:3.75rem;top:50%;left:50%;transform:translate(-50%,-50%)}.upload-page h1{text-align:center}.upload-page ul{color:var(--afpp-color-light-400);font-size:1.125rem;line-height:1.5;width:fit-content}.upload-page ul b{color:var(--afpp-color-primary)}.upload-page .actions{display:flex;align-items:center;gap:1.875rem;color:var(--afpp-color-light-400);font-size:1.125rem}.file-drop{position:absolute;inset:0}.file-drop>.file-drop-target{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.file-drop>.file-drop-target span{display:none;color:var(--afpp-color-light-100);font-size:2.625rem}.file-drop>.file-drop-target.file-drop-dragging-over-frame{background:var(--afpp-color-primary);border:3rem solid var(--afpp-color-primary);opacity:.9;z-index:100}.file-drop>.file-drop-target.file-drop-dragging-over-frame span{display:inline-block}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--afpp-font-family-base);font-size:var(--afpp-font-size-base);font-weight:var(--afpp-font-weight-base);line-height:var(--afpp-line-height-base);color:var(--afpp-font-color-base);text-align:start;background-color:var(--afpp-body-bg-color);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:var(--afpp-color-light-400)}p{margin-top:0;margin-bottom:1rem}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:800}a{color:var(--afpp-color-secondary);text-decoration:underline}a:hover{color:var(--afpp-color-secondary-dark);text-decoration:underline}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--afpp-color-light-400);text-align:left}th{font-weight:400;text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-weight:400;line-height:inherit;font-size:1.5rem}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}::-webkit-scrollbar{width:12px;height:12px;background-color:#ebebeb}::-webkit-scrollbar-thumb{border-radius:22px;background:#b8b8b8}:root{--afpp-color-primary-light: #15808d;--afpp-color-primary: #124e57;--afpp-color-primary-dark: #09393e;--afpp-color-secondary-light: #f17d52;--afpp-color-secondary: #f15a22;--afpp-color-secondary-dark: #9d3109;--afpp-color-danger: #931717;--afpp-color-light-100: #ffffff;--afpp-color-light-200: #f9f9f9;--afpp-color-light-300: #e0eff0;--afpp-color-light-400: #81999b;--afpp-color-light-trans-50: rgba(255, 255, 255, .5);--afpp-color-dark-trans-08: rgba(0, 0, 0, .08);--afpp-color-neutral-mid: #d9d9d9;--afpp-font-color-base: #124e57;--afpp-font-family-base: Hero New, sans-serif;--afpp-font-size-base: 16px;--afpp-font-weight-base: 500;--afpp-line-height-base: 1.334}h1{color:var(--afpp-color-primary);font-size:2.625rem}h1 div{color:var(--afpp-color-primary-light)}h2{color:var(--afpp-color-primary);font-size:1.5rem;margin:0}.text-primary-light{color:var(--afpp-color-primary-light)}.text-primary{color:var(--afpp-color-primary)}.text-primary-dark{color:var(--afpp-color-primary-dark)}.text-secondary-light{color:var(--afpp-color-secondary-light)}.text-secondary{color:var(--afpp-color-secondary)}.text-secondary-dark{color:var(--afpp-color-secondary-dark)}.text-danger{color:var(--afpp-color-danger)}.text-light-100{color:var(--afpp-color-light-100)}.text-light-200{color:var(--afpp-color-light-200)}.text-light-300{color:var(--afpp-color-light-300)}.text-light-400{color:var(--afpp-color-light-400)}.text-light-trans-50{color:var(--afpp-color-light-trans-50)}.text-dark-trans-08{color:var(--afpp-color-dark-trans-08)}.text-neutral-mid{color:var(--afpp-color-neutral-mid)}.btn{--_btn-bg-color: var(--afpp-color-secondary);--_btn-color: var(--afpp-color-light-100);--_btn-border-color: var(--_btn-bg-color);--_btn-border-style: solid;--_btn-padding: .625rem 1.875rem;--_btn-min-width: 244px;display:inline-flex;align-items:center;justify-content:center;background:var(--_btn-bg-color);border:2px var(--_btn-border-style) var(--_btn-border-color);border-radius:100px;box-shadow:0 4px 4px #692b1426;color:var(--_btn-color);cursor:pointer;font-size:1.125rem;line-height:1.5;padding:var(--_btn-padding);min-width:var(--_btn-min-width);transition:all .2s ease-in-out}.btn:hover{--_btn-bg-color: var(--afpp-color-secondary-dark)}.btn.outline{--_btn-bg-color: transparent;--_btn-color: var(--afpp-color-secondary);--_btn-border-color: var(--_btn-color);--_btn-border-style: dashed}.btn.outline:hover{--_btn-bg-color: transparent;--_btn-color: var(--afpp-color-secondary-dark);--_btn-border-color: var(--_btn-color)}.btn.fake{cursor:default;pointer-events:none}.btn:disabled{opacity:.5;cursor:not-allowed}.input{background-color:var(--afpp-color-light-300);border:1px solid var(--afpp-color-light-300);border-radius:.313rem;color:var(--afpp-color-primary);font-weight:800;padding:.938rem 1.25rem}.wrapper{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:117px 1fr 117px;grid-template-areas:"header" "content" "footer";min-height:100vh;width:100vw}.wrapper .content{grid-area:content;max-height:100%;overflow:hidden}.wrapper .content .uploading-title{font-size:2.625rem;font-weight:800;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.thumbnail{background:var(--afpp-color-neutral-mid);border:1px solid transparent;aspect-ratio:16/9;width:100%;overflow:hidden;position:relative;transition:all .2s ease-in-out}.thumbnail input[type=checkbox]{display:none}.thumbnail.allow-check:hover{border-color:var(--afpp-color-secondary)}.thumbnail.allow-check input[type=checkbox]{position:absolute;top:1rem;right:1rem;display:grid;place-content:center;appearance:none;width:1.5rem;height:1.5rem;background:var(--afpp-color-light-100);border:0;border-radius:50%;transition:all .2s ease-in-out;padding-left:0}.thumbnail.allow-check input[type=checkbox]:before{content:"";box-shadow:inset 1em 1em var(--afpp-color-light-100);width:.65em;height:.65em;transform:scale(0);transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform .12s ease-in-out}.thumbnail.allow-check input[type=checkbox]:checked{background:var(--afpp-color-secondary)}.thumbnail.allow-check input[type=checkbox]:checked:before{transform:scale(1)}.thumbnail img{width:100%;object-fit:cover}.builder-page{--_min-thumb-width: 285px;--_max-thumb-width: 385px;--_base-padding: 1.875rem;display:flex;height:100%;padding:var(--_base-padding);overflow:auto}.builder-page .flex-container{display:flex;flex-direction:column;gap:1.875rem;width:100%;padding-right:var(--_base-padding)}.builder-page .flex-container .library,.builder-page .flex-container .files{display:grid;grid-template-columns:repeat(4,1fr);gap:.938rem}.builder-page .flex-container .library>.autocomplete,.builder-page .flex-container .files>.autocomplete{grid-column:1/-1}.builder-page .flex-container .library label,.builder-page .flex-container .files label{background-color:var(--afpp-color-light-300);border-radius:.313rem;color:var(--afpp-color-primary);cursor:pointer;display:block;padding:.625rem 1.25rem;text-overflow:ellipsis;text-align:center;transition:all .2s ease-in-out;overflow:hidden;white-space:nowrap}.builder-page .flex-container .library label input[type=radio],.builder-page .flex-container .files label input[type=radio]{display:none}.builder-page .flex-container .library label:has(input[type=radio]:checked),.builder-page .flex-container .files label:has(input[type=radio]:checked){background-color:var(--afpp-color-primary);color:var(--afpp-color-light-100)}.builder-page .flex-container .files{border-top:1px solid var(--afpp-color-dark-trans-08);border-bottom:1px solid var(--afpp-color-dark-trans-08);padding:1.875rem 0}.builder-page .flex-container .library{background-color:var(--afpp-color-light-300);border-radius:.313rem;grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:.313rem}.builder-page .thumbnail-wrapper .thumbnails{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 576px){.builder-page .thumbnail-wrapper .thumbnails{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.builder-page .thumbnail-wrapper .thumbnails{grid-template-columns:repeat(3,1fr)}}@media (min-width: 992px){.builder-page .thumbnail-wrapper .thumbnails{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1200px){.builder-page .thumbnail-wrapper .thumbnails{grid-template-columns:repeat(5,1fr)}}.builder-page .deck{border-left:1px solid var(--afpp-color-neutral-mid);display:flex;flex-direction:column;gap:1.875rem;width:calc(var(--_min-thumb-width) + var(--_base-padding));height:100%;padding-left:var(--_base-padding)}.builder-page .deck .dragged-thumbnail{position:absolute;box-shadow:0 4px 8px var(--afpp-color-dark-trans-08);z-index:100}.builder-page .deck .slides-wrapper{display:flex;aspect-ratio:16/9;width:100%;margin-bottom:.938rem}.builder-page .deck .slides-wrapper:nth-last-child(2){margin-bottom:0}.builder-page .deck .slides-wrapper.drop-zone{aspect-ratio:16/9;background-color:var(--afpp-color-light-300);width:100%}.builder-page .deck .slides-wrapper.drop-zone.hidden{width:0;height:0;margin-bottom:0}.builder-page .deck .save-form{display:flex;flex-direction:column;gap:.938rem}.builder-page .deck .save-form .buttons{border-top:1px solid var(--afpp-color-dark-trans-08);border-bottom:1px solid var(--afpp-color-dark-trans-08);padding:1.875rem 0}.builder-page .deck .thumbnails{height:100%;overflow-y:auto}.builder-page .deck .autocomplete{position:relative;min-width:200px}.builder-page .deck .hsplit{display:flex;flex-direction:row;gap:.5em}.builder-page .deck .hsplit>*{flex-grow:1;flex-shrink:1;flex-basis:50%;width:0;box-sizing:border-box}.builder-page .deck .hsplit .btn{min-width:0}.builder-page .deck select.round{border-radius:100px}.builder-page .deck input,.builder-page .deck select{width:100%;padding-block:10px;padding-inline-start:15px;font-size:16px;border-radius:4px;background:#e0eff0;outline:none;border:1px solid transparent}.builder-page .deck input::placeholder{color:#124e5780;font-weight:500;font-size:16px}.builder-page .deck .search-icon{position:absolute;right:10px;top:12px;color:#999;cursor:pointer}.builder-page .deck .suggestions{list-style:none;padding:0;margin-block:10px;position:absolute;width:100%;max-height:150px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-radius:4px;z-index:3}.builder-page .deck .suggestions li{padding:10px;cursor:pointer}.builder-page .deck .suggestions li:nth-child(odd){background-color:#f9f9f9}.builder-page .deck .suggestions li:nth-child(2n){background-color:#fff}.builder-page .deck .suggestions li:hover,.builder-page .deck .suggestion-active{background-color:#f0f0f0}.builder-page .deck .no-suggestions{padding:10px;color:#999}.builder-page .autocomplete{position:relative}.builder-page input,.builder-page select{width:100%;padding-block:10px;padding-inline-start:15px;font-size:16px;border-radius:4px;background:#e0eff0;outline:none;border:1px solid transparent}.builder-page input::placeholder{color:#124e5780;font-weight:500;font-size:16px}.builder-page .search-icon{position:absolute;right:10px;top:12px;color:#999;cursor:pointer}
