@layer components;/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@font-face{font-family:Lily Script One;font-style:normal;font-weight:400;src:url(/assets/LilyScriptOne-Regular-4GbpnFge.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:normal;font-weight:400;src:url(/assets/Rubik-Regular-C2SsDFU5.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:normal;font-weight:lighter;src:url(/assets/Rubik-Light-CTN6lZCq.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:normal;font-weight:700;src:url(/assets/Rubik-Regular-C2SsDFU5.ttf) format("truetype")}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-gray-500:oklch(55.1% .027 264.364);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-bold:700;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--main-fg-color);--color-primary-hover:var(--primary-hover-color)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-4{margin-top:calc(var(--spacing)*4)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-5{height:calc(var(--spacing)*5)}.h-48{height:calc(var(--spacing)*48)}.w-5{width:calc(var(--spacing)*5)}.w-48{width:calc(var(--spacing)*48)}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.btn-orange{cursor:pointer;border-radius:var(--radius-lg);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:var(--color-orange-500);color:var(--color-white)}@media(hover:hover){.btn-orange:hover{background-color:var(--color-orange-600)}}.btn-orange:focus{background-color:var(--color-orange-700)}.link-orange{cursor:pointer;color:var(--color-orange-500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.link-orange:hover{color:var(--color-orange-600)}}.link-orange:focus{color:var(--color-orange-700)}.link-primary{cursor:pointer}@media(hover:hover){.link-primary:hover{color:var(--color-primary-hover)}}.link-primary{color:var(--main-fg-color)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.object-contain{object-fit:contain}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-gray-500{color:var(--color-gray-500)}.text-orange-500{color:var(--color-orange-500)}.text-primary{color:var(--color-primary)}.text-white{color:var(--color-white)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.focus\:bg-orange-500:focus{background-color:var(--color-orange-500)}.focus\:text-orange-500:focus{color:var(--color-orange-500)}.active\:bg-orange-700:active{background-color:var(--color-orange-700)}.active\:text-orange-700:active{color:var(--color-orange-700)}}body{background-color:var(--main-bg-color);font-optical-sizing:auto;color:#fff;margin:0;font-family:Rubik,monospace;font-style:normal;font-weight:400}:root{--main-fg-color:#72bee5;--main-bg-color:#091922;--muted-gray-color:#4c5f69;--muted-input-color:#315c71;--light-grey-color:#6b7280;--med-grey-color:#9ca3af;--tile-size-default: 12.5svh ;--tile-size-small: 12.5svh ;--tile-count-across:3;--soft-red-color:#e05555;--primary-hover-color:#608191}a.disabled{pointer-events:none;cursor:default}.text-primary{color:var(--main-fg-color)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.loading{font-size:24px;font-family:Rubik;color:var(--muted-gray-color);display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:50vh}.form-button{cursor:pointer}.logo-login,.logo-standard{font-family:Lily Script One,system-ui;font-weight:400;font-style:normal;color:var(--main-fg-color)}.logo-login{font-size:4rem;margin-top:8rem;margin-bottom:4rem;text-align:center}.logo-standard{font-size:2.5rem;margin:2rem 0;text-align:center}@media screen and (max-width:680px){.logo-standard{font-size:2.5rem}}@media screen and (min-height:800px){.logo-standard{margin:3rem 0}}.form-element{background-color:#4c5f694d;color:var(--main-fg-color);font-family:Rubik,sans-serif;padding:15px 25px;border:solid 1px var(--main-fg-color);border-radius:2rem;font-size:1rem;margin-bottom:3rem;width:100%;text-align:center}.form-element.input-inactive{color:var(--muted-input-color);background-color:var(--main-bg-color);border-color:var(--muted-grey-color);cursor:not-allowed}.form-element:hover{opacity:.7;transition:opacity .1s ease-in-out}.login-page{display:flex;justify-content:center;align-items:center;flex-direction:column}.login-panel{position:relative;width:300px}.login-buttons{position:absolute;top:0;transition:all .5s ease-in-out;left:150px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;padding:20px 0;width:100%}.login-buttons button{width:100%}#initial-buttons{opacity:1;top:0;pointer-events:auto;-webkit-user-select:auto;user-select:auto;zoom:1;margin-top:4rem;padding-inline:1rem}#login-signup-toggle{width:100%;display:flex;flex-direction:row;justify-content:space-between}.form-toggle-button{padding-inline:1rem;min-width:0;flex-basis:0;flex-grow:2;flex-shrink:2;color:var(--muted-input-color);background-color:var(--main-bg-color);border-color:var(--muted-grey-color);transition:all .5s ease}.form-toggle-button.selected{background-color:#4c5f694d;color:var(--main-fg-color);border:solid 1px var(--main-fg-color);cursor:default;flex-grow:4;flex-shrink:2}.form-toggle-button.selected:hover{opacity:1}#login-button{grid-column-start:1;grid-column-end:3}#login-button.selected{grid-column-start:1;grid-column-end:5}#signup-button{grid-column-start:5;grid-column-end:7}#signup-button.selected{grid-column-start:3;grid-column-end:7}#login-signup-form{opacity:0;top:300px;pointer-events:none;-webkit-user-select:none;user-select:none;zoom:0;padding-inline:1rem}#initial-buttons.login-or-signup-selected{top:-300px;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;zoom:0}#login-signup-form.login-or-signup-selected{top:0;opacity:1;pointer-events:auto;-webkit-user-select:auto;user-select:auto;zoom:1}.login-error{color:red}#show-login-signup{margin-top:14px;margin-bottom:200px}#quick-share,#trigger-login-signup{margin-bottom:20px}.form-input{cursor:text;text-align:start;box-sizing:border-box}.empty-file{position:relative;background-color:#8c979d33}.tile{width:var(--tile-size-default);height:var(--tile-size-default);object-fit:cover;border-radius:10px}@media screen and (max-width:680px){.tile{width:var(--tile-size-small);height:var(--tile-size-small)}}.video-tile-play-cover,.video-tile-pause-cover{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;display:flex;justify-content:center;align-items:center}.media-element{border:1px solid var(--main-fg-color);box-sizing:border-box}.room-file{display:flex;position:relative}.room-file:hover{cursor:pointer}.room-file-mask{position:absolute;top:0;left:0;background:linear-gradient(to left top,#fff,#000);background-size:200% 200%;opacity:.8;-webkit-animation:Animation 2s ease infinite;-moz-animation:Animation 2s ease infinite;animation:Animation 2s ease infinite}.room-file-error{position:relative;object-fit:cover;display:flex;align-items:center;justify-content:center;background-color:#8c979d33}.room-file-error img{width:50%}.room-file-edit{position:absolute;top:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;width:var(--tile-size-default);height:var(--tile-size-default)}.room-file-edit img{width:80%}@-webkit-keyframes Animation{0%{background-position:10% 0%}50%{background-position:91% 100%}to{background-position:10% 0%}}@-moz-keyframes Animation{0%{background-position:10% 0%}50%{background-position:91% 100%}to{background-position:10% 0%}}@keyframes Animation{0%{background-position:10% 0%}50%{background-position:91% 100%}to{background-position:10% 0%}}@media screen and (max-width:680px){.room-file-edit{width:var(--tile-size-small);height:var(--tile-size-small)}}.upload-plus{display:flex;justify-content:center;align-items:center;position:relative;width:var(--tile-size-default);height:var(--tile-size-default)}.upload-plus:hover{cursor:pointer}.upload-plus.edit-mode:hover{cursor:not-allowed}.upload-plus img{width:80%}@media screen and (max-width:680px){.upload-plus{width:var(--tile-size-small);height:var(--tile-size-small)}}.countdown-timer{font-family:monospace;font-weight:400;color:var(--muted-gray-color);font-size:1.2rem;display:flex;align-items:center;justify-content:center;margin-block:.6rem}.countdown-timer img{margin-right:.5em;margin-top:-.1rem;width:1.2rem}.countdown-timer.expiring{color:var(--soft-red-color)}.edit-mode-button{cursor:pointer;display:flex;justify-content:center;align-self:center;margin:1.5em 0;-webkit-tap-highlight-color:transparent;outline:none}.edit-mode-button .icon{width:1.5em;height:1.5em;color:var(--muted-gray-color)}.edit-mode-button .icon.active{color:var(--main-fg-color)}.tile-album-container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:fit-content;border:3px solid transparent;transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:ease-out}.file-selection-error{color:red;font-size:1rem;margin-bottom:1rem;text-align:left;margin-left:2rem}.album{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.5rem;padding:0;width:calc(var(--tile-count-across) * var(--tile-size-default) + (var(--tile-count-across) - 1) * .5rem)}.album.dragging{background-color:#ffffff26;outline:3px dashed rgba(255,255,255,.5)}.album-controls{display:flex;justify-content:flex-end;position:relative;width:100%}.album-controls .countdown-timer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}.album-controls .edit-mode-button{position:relative;margin:1rem .3rem}@media screen and (max-width:680px){.album{gap:.5rem;padding:0;width:calc(var(--tile-count-across) * var(--tile-size-small) + (var(--tile-count-across) - 1) * .5rem)}}.highlight{color:var(--main-fg-color)}.profile-page{padding:0 1rem}.share-links-section{width:100%;margin:0 auto}.share-link{padding:1rem 0;text-align:left;border-bottom:1px solid var(--muted-gray-color)}.share-link:last-child{border-bottom:none}.share-link p{display:flex;justify-content:space-between;align-items:center}.share-link a{color:var(--main-fg-color);text-decoration:none;font-size:1rem}.share-links-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 0;color:var(--main-fg-color)}.share-links-empty svg{width:auto;height:15rem}.share-links-empty p{margin:0;font-size:1.5rem}.shares-page{padding:0 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;width:100%;min-width:300px;max-width:500px;line-height:1.5}.create-link-wrapper{position:relative}.create-link-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--main-bg-color);border:1px solid #e5e7eb;border-radius:.625rem;box-shadow:0 4px 16px #0000001f;padding:.5rem 0;min-width:9.375rem;z-index:100}.create-link-menu-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;cursor:pointer;color:var(--light-grey-color);padding:.125rem;line-height:1;font-size:1.5rem}.create-link-menu-close:hover{color:#fff}.create-link-menu-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--med-grey-color);padding:.25rem 1rem .4rem;margin:0}.create-link-menu-item{display:block;width:100%;text-align:left;background:none;border:none;padding:.45rem 1rem;font-size:1.25rem;cursor:pointer;color:var(--main-fg-color)}.create-link-menu-item:hover{color:#fff}.room-link-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;margin-top:1rem;font-weight:400;color:var(--muted-gray-color);width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;--room-link-text-size: 1.2rem}.room-link-footer p{margin:3px 0;padding:0;font-size:1rem}.room-link-footer .room-link{color:var(--muted-gray-color);font-size:var(--room-link-text-size);display:flex;justify-content:center;align-items:center}.room-link-footer img.copy{width:calc(var(--room-link-text-size) * 1);margin-left:.3rem}#enter-gathering-container{display:flex;justify-content:center;width:100%;position:absolute;top:0;bottom:0}#enter-gathering-upload-mask{border-radius:999px;color:var(--main-fg-color);background:var(--muted-gray-color);border:2px solid var(--main-fg-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center}#enter-gathering-upload-mask:hover{cursor:pointer;color:#fff}#enter-gathering-upload-mask:hover #enter-gathering-upload-icon{stroke:#fff}#enter-gathering-upload-lead.uploading{color:#fff}#enter-gathering-upload-icon{width:2rem;stroke:var(--main-fg-color);margin-bottom:.5rem}#enter-gathering-upload-lead{font-size:1rem}#enter-gathering-bubble-canvas{display:block;width:100%;height:100%;max-width:1000px}.menu-container{position:relative;display:flex;align-items:center}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:1000;transition:opacity .3s}.menu-sidemenu{position:fixed;top:0;left:0;width:250px;height:100vh;background:var(--muted-gray-color);color:var(--main-fg-color);box-shadow:2px 0 8px #0000001a;z-index:1001;transform:translate(-100%);transition:transform .3s;display:flex;flex-direction:column;padding:2rem 1rem}.menu-sidemenu a{color:var(--main-fg-color);text-decoration:none;margin:.5rem 0;font-size:1.5rem}.menu-sidemenu a.disabled{color:var(--main-bg-color)}.menu-sidemenu.open{transform:translate(0)}.menu-hamburger{background:none;border:none;cursor:pointer;padding:.5rem;position:absolute;left:1rem;top:3rem}.menu-username{color:#fff;font-size:1.5rem;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-close{align-self:flex-end;background:none;border:none;font-size:2rem;cursor:pointer;color:var(--main-fg-color)}.remove-button{background:#0006;border-radius:50%;padding:.4rem;display:flex;align-items:center;justify-content:center;visibility:visible;border:none;color:#ffffffe6;cursor:pointer;z-index:1}.remove-button.hidden{visibility:hidden}.remove-button svg{width:2rem;height:2rem}.gallery-file-container{position:relative;display:flex;justify-content:center;align-items:center;width:100dvw;height:100dvh}.gallery-file{object-fit:contain;display:flex;justify-content:center;max-height:100%;width:100%;border:none;padding:0;margin:0}.remove-button{position:absolute;top:1rem;right:1rem}.gallery-file-container .video-tile-play-cover path,.gallery-file-container .video-tile-play-cover rect,.gallery-file-container .video-tile-pause-cover path,.gallery-file-container .video-tile-pause-cover rect{stroke:#fff}.gallery{position:fixed;top:0;left:0;visibility:hidden;transition:visibility .2s ease-out;background-color:#000c;z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100dvw;height:100dvh;scroll-snap-align:center;overflow:hidden}.gallery.open{visibility:visible}.gallery-track{display:flex;width:300vw;height:100%;will-change:transform;align-self:flex-start}.gallery-slide{width:100vw;height:100%;flex-shrink:0;display:flex;justify-content:center;align-items:center}.navigation{background:#0006;border-radius:50%;padding:.5rem;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);opacity:.2;z-index:1}.navigation.clickable{cursor:pointer;opacity:1}.navigation img{width:2rem}.navigation.click-left{left:1rem}.navigation.click-right{right:1rem}.gallery .video-tile-play-cover,.gallery .video-tile-pause-cover{top:50%;left:50%;transform:translate(-50%,-50%) scale(1.8)}@media screen and (max-width:680px){.navigation img{width:1.5rem}}#app{height:100dvh;width:100%;display:flex;flex-direction:column}#outlet{display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;width:100%}