:root{--font-size-base-px:16px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-xxxl:2rem;--font-size-xxxxl:2.25rem;--font-size-xxxxxl:3rem;--font-size-logo:var(--font-size-xxxl);--font-family-default:"Hiragino Sans","Yu Gothic UI",sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-logo:800;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--color-blue:#33abff;--color-blue-little-deep:#1FA3FF;--color-blue-deep:#2563eb;--color-orange:#F79428;--color-pink:#ec4899;--color-gray-little-deep:#9CA3AF;--color-gray-medium-deep:#eeeeee;--color-gray-deep:#6B7280;--color-gray-deeper:#424242;--color-white-pure:#FFFFFF;--bg-color-main:#fcfcfc;--bg-color-hover:#f5f5f5;--bg-color-modal-white:var(--color-white-pure);--bg-color-sticky-white:var(--color-white-pure);--bg-color-gray-dark:#979797;--bg-color-gray-light:#e8e8e8;--bg-color-btn:var(--color-orange);--bg-color-btn-signup:#2563EB;--bg-color-btn-create:var(--color-orange);--background-gradation-btn:linear-gradient(135deg,var(--color-pink),#F79428);--text-color-main:#1e293b;--text-color-header:#2D3446;--text-color-sub:#64748B;--text-color-white:#F1F4F7;--text-color-when-error:#DC2626;--text-color-orange:#F97316;--text-color-pink:var(--color-pink);--text-color-gray:#888888;--border-width-none:0;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--border-style-solid:solid;--border-style-dashed:dashed;--border-color-subtle:#f0f0f0;--border-color-default:#e0e0e0;--border-color-strong:#a0a0a0;--border-radius-xs:4px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-capsule:999px;--border-shorthand-default:var(--border-width-thin) var(--border-style-solid) var(--border-color-default);--border-shorthand-subtle:var(--border-width-thin) var(--border-style-solid) var(--border-color-subtle);--border-shorthand-strong:var(--border-width-thin) var(--border-style-solid) var(--border-color-strong);--gap-list-column:var(--space-xs);--gap-list-row:var(--space-sm);--gap-list-shorthand:var(--space-sm);--gap-section-column:var(--space-lg);--gap-section-row:var(--space-xl);--gap-section-shorthand:var(--space-xl);--padding-x-xxs:0.25rem;--padding-x-xs:0.5rem;--padding-x-sm:0.75rem;--padding-x-md:1rem;--padding-x-lg:1.5rem;--padding-x-xl:2rem;--padding-y-xxs:0.125rem;--padding-y-xs:0.25rem;--padding-y-sm:0.5rem;--padding-y-md:0.75rem;--padding-y-lg:1rem;--padding-y-xl:1.5rem;--padding-shorthand-xs:0.5rem;--padding-shorthand-sm:0.75rem;--padding-shorthand-md:1rem;--padding-shorthand-lg:1.5rem;--padding-shorthand-xl:2rem;--padding-shorthand-2xl:3rem;--padding-shorthand-3xl:4rem;--padding-shorthand-btn:0px 24px;--padding-shorthand-form:0px 12px;--padding-shorthand-modal:var(--padding-y-xl) var(--padding-x-md);--margin-top-bottom:var(--space-lg);--height-form-xxs:28px;--height-form-xs:32px;--height-form-sm:40px;--height-form-md:48px;--height-form-lg:56px;--line-height-body:1.6;--min-width-btn:80px;--min-width-form:160px;--min-width-card:240px;--min-width-modal:320px;--max-width-container:1200px;--max-width-content:800px;--min-height-textarea:120px;--z-index-content:0;--z-index-sticky:100;--z-index-header:200;--z-index-overlay:300;--z-index-modal:400;--box-shadow-modal:-4px 0 16px rgba(45,52,70,0.2);--box-shadow-sticky:0 -4px 16px rgba(45,52,70,0.08);--transition-duration-default:0.3s;--transition-ease-default:ease;--transition-ease-out:cubic-bezier(0,0,0.2,1);--sticky-bar-height:48px;--sticky-bar-safe-padding:12px;--sticky-bar-total-height:calc(var(--sticky-bar-height) + env(safe-area-inset-bottom) + var(--sticky-bar-safe-padding));--outline-shorthand-debug:1px solid red;--bg-color-debug:red}*{box-sizing:border-box;margin:0;padding:0}body{font-size:var(--font-size-base-px);font-family:var(--font-family-default);background-color:var(--bg-color-main);color:var(--text-color-main);line-height:var(--line-height-body);font-weight:var(--font-weight-bold);display:flex;flex-direction:column;margin:0;min-height:100vh;padding-bottom:var(--sticky-bar-total-height)}main{flex:1}h1{font-size:var(--font-size-xl);text-align:center}p{line-height:1.6}strong{font-weight:var(--font-weight-semibold)}.c-flex-column{max-width:var(--max-width-content);margin:0 auto;padding:var(--padding-shorthand-md);display:flex;flex-direction:column;align-items:center;gap:var(--gap-section-shorthand)}.c-flex-row{max-width:var(--max-width-content);margin:0 auto;padding:var(--padding-shorthand-md);display:flex;justify-content:center;gap:var(--gap-section-shorthand)}.c-btn{border:none;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-color-btn);color:var(--text-color-white);padding:var(--padding-shorthand-btn);font-size:var(--font-size-md);border-radius:var(--border-radius-sm);height:var(--height-form-md)}.c-admin-btn{font-size:var(--font-size-sm);border-radius:var(--border-radius-xs);height:var(--height-form-xs)}.c-search-btn{background:var(--background-gradation-btn)}.c-create-btn{padding:0 var(--padding-x-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-logo);border-radius:var(--border-radius-xs);background-color:var(--bg-color-btn-create);gap:var(--space-xs);height:var(--height-form-xxs)}.c-create-btn__logo-mark{height:20px;width:auto}.c-create-btn__text{}.c-btn--cancel{text-decoration:none;background-color:var(--color-gray-little-deep)}.c-resend-email-btn{padding:var(--padding-shorthand-btn);font-size:var(--font-size-sm);color:var(--text-color-main);border-width:var(--border-width-thin);border-radius:var(--border-radius-xs);background-color:var(--bg-color-main);height:var(--height-form-xs);border:var(--border-width-thin) var(--border-style-solid) var(--text-color-main)}.c-btn--positive-action{padding:0 var(--padding-x-xs);font-size:var(--font-size-xs);height:var(--height-form-xxs);border-radius:var(--border-radius-xs);font-weight:var(--font-weight-bold)}.c-btn--negative-action{padding:0 var(--padding-x-xs);font-size:var(--font-size-xs);height:var(--height-form-xxs);background-color:var(--bg-color-main);border:none;color:var(--text-color-gray);font-weight:var(--font-weight-medium)}.c-btn--confirm-action{padding:0 var(--padding-x-sm);font-size:var(--font-size-xs);height:var(--height-form-xxs);background-color:var(--bg-color-main);border:var(--border-shorthand-strong);border-radius:var(--border-radius-xs);color:var(--text-color-gray);font-weight:var(--font-weight-medium)}.c-link{display:inline-flex;align-items:center;justify-content:center;color:var(--bg-color-btn);text-decoration:none;cursor:pointer}.c-link:hover{color:var(--color-blue-deep);text-decoration:underline;text-underline-offset:var(--space-xs)}.c-messages{max-width:var(--max-width-content);margin:var(--margin-top-bottom) auto;display:flex;flex-direction:column;align-items:center;gap:var(--gap-list-shorthand);padding:var(--padding-shorthand-xs)}.c-messages__item{text-align:center}.c-modal-overlay{position:fixed;inset:0;background-color:transparent;display:none;z-index:var(--z-index-overlay)}.c-modal-overlay.is-active{display:block}.c-modal-close-btn{background:none;border:none;font-size:var(--font-size-xxxxl);cursor:pointer}.c-modal-content{width:100%;height:100%;background-color:var(--bg-color-modal-white);display:flex;flex-direction:column;gap:var(--gap-section-shorthand)}.c-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-shorthand-modal)}.c-modal-body{display:flex;flex-direction:column}.c-side-modal{position:fixed;top:0;right:0;width:60vw;height:100vh;z-index:var(--z-index-modal);transform:translateX(100%);transition:transform var(--transition-duration-default) var(--transition-ease-default)}.c-side-modal.is-active{transform:translateX(0%);box-shadow:var(--box-shadow-modal)}@media (min-width:769px){.c-side-modal{width:30vw}}.c-side-modal__list{color:var(--text-color-header);text-decoration:none;padding:var(--padding-shorthand-lg)}.c-side-modal__list:hover{background:var(--bg-color-hover)}.c-side-modal__logout-wrapper{display:flex;justify-content:center}.c-side-modal__logout-link{width:90%;padding:var(--padding-y-lg) 0;font-size:var(--font-size-md);color:var(--text-color-header);font-weight:var(--font-weight-bold);background-color:var(--bg-color-sticky-white);border:none}.c-side-modal__logout-link:hover{background:var(--bg-color-hover)}.c-fullscreen-modal{position:fixed;top:0;right:0;width:100vw;height:100vh;z-index:var(--z-index-modal);transform:translateY(-100%)}.c-fullscreen-modal.is-active{transform:translateY(0%);box-shadow:var(--box-shadow-modal)}.c-fullscreen-modal__card{text-decoration:none;color:var(--text-color-main)}.c-fullscreen-modal__card-text{font-size:var(--font-size-xl)}.c-fullscreen-modal-body__top{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-shorthand-modal)}.c-fullscreen-modal-body__main{display:grid;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,2fr);row-gap:var(--gap-section-row);column-gap:var(--gap-list-column);padding:var(--padding-shorthand-modal)}.c-confirm-modal{position:fixed;top:20px;bottom:20px;right:20px;left:20px;width:60vw;height:50vh;z-index:var(--z-index-modal);transform:translateY(-100%)}.c-confirm-modal.is-active{transform:translateY(0%);box-shadow:var(--box-shadow-modal)}.c-confirm-modal__header{justify-content:flex-end}.c-confirm-modal__body{align-items:center;gap:var(--gap-section-shorthand)}.c-negative-operation-comment-modal-body{align-items:center;gap:var(--gap-section-shorthand)}.c-negative-operation-comment-modal-title{font-size:var(--font-size-xxxl)}.c-negative-operation-comment-modal-form{display:flex;flex-direction:column;align-items:center;gap:100px}.c-comment-fill{display:flex;flex-direction:column;align-items:center;gap:var(--gap-list-shorthand)}.c-comment-fill__textarea{width:90%;min-height:var(--min-height-textarea);resize:vertical;font-size:var(--font-size-sm);border-radius:var(--border-radius-xs);padding:var(--padding-shorthand-sm)}.c-comment-fill__explain{font-size:var(--font-size-xs);color:var(--text-color-gray)}.c-comment-fill__btn{width:90%;padding:0 var(--padding-x-sm);font-size:var(--font-size-sm);color:var(--text-color-main);border-width:var(--border-width-thin);border-radius:var(--border-radius-capsule);background-color:var(--bg-color-main);border:var(--border-shorthand-default)}.c-comment-fill__btn.is-active{background-color:var(--bg-color-gray-light)}.c-divider-wrapper{width:100%}.c-divider{width:100%;display:flex;justify-content:space-between;align-items:center}.c-divider__participants-title,.c-divider__participants-count{font-size:var(--font-size-xl)}.c-divider__participants-count--circle{color:var(--color-orange)}.c-divider-line{height:5px;background-color:var(--text-color-main);border:none}.c-user-divider-line{height:1px;background-color:var(--bg-color-gray-light);border:none}.c-username{text-decoration:none;color:var(--text-color-main)}.c-event-type--practice{background-color:#fdf2f8;color:#db2777}.c-event-type--lesson{background-color:#eff6ff;color:#2563eb}.c-event-type--showcase{background-color:#FEF9C3;color:#854D0E}.c-event-type--concert{background-color:#f3e8ff;color:#9333ea}.c-event-type--live{background-color:#fff7ed;color:#ea580c}.c-badge{white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-color-main);color:var(--text-color-main);padding:0 var(--padding-x-xs);font-size:var(--font-size-sm);border:var(--border-width-thin) var(--border-style-solid) var(--border-color-strong);border-radius:var(--border-radius-md);height:var(--height-form-xs)}.c-tag{}.c-music-tags-wrapper{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:var(--gap-list-shorthand)}.c-music-tag-explain{}.c-music-tag{white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-color-main);color:var(--text-color-main);padding:0 var(--padding-x-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);border:var(--border-width-thin) var(--border-style-solid) var(--border-color-strong);border-radius:var(--border-radius-capsule);height:var(--height-form-xxs)}.c-divide-info-wrapper{width:100%;display:flex;flex-direction:column;gap:var(--gap-list-shorthand)}.c-detail-info{max-width:var(--max-width-content);margin:0 auto;padding:var(--padding-shorthand-md);display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-list-shorthand)}.c-detail-info__admin-btn{align-self:flex-end}.c-detail-info__participants-list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:var(--gap-list-shorthand)}.c-detail-info__participants-item{}.event-admin{max-width:var(--max-width-content);margin:0 auto;padding:var(--padding-shorthand-md);display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-section-shorthand)}.event-admin__card{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--gap-section-shorthand);padding:var(--padding-shorthand-sm);color:var(--text-color-main);border:var(--border-shorthand-default);border-radius:var(--border-radius-xs);text-decoration:none}.event-admin__card_left-column{display:flex;flex-direction:column;gap:var(--gap-list-shorthand)}.event-admin__card-title{font-size:var(--font-size-xl)}.event-admin__card-datetime{color:var(--text-color-orange)}.event-admin__info-block{display:flex;flex-direction:column;gap:var(--space-xs)}.event-admin__actions-row{display:flex;justify-content:space-between}.event-admin__info-row{font-size:var(--font-size-xs);color:var(--text-color-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-admin__music-experience{}.event-admin__button-wrapper{display:flex;gap:var(--gap-list-shorthand)}.c-circle-updated-label{color:var(--text-color-pink)}.header{margin:0 auto;padding-top:var(--padding-y-sm);padding-bottom:var(--padding-y-lg);padding-left:var(--padding-x-md);padding-right:var(--padding-x-md);width:100%;display:flex;flex-direction:column;gap:var(--gap-list-shorthand)}.header__uprow{display:flex;justify-content:space-between;align-items:center}.header__downrow{display:flex;justify-content:center}@media (min-width:769px){.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:var(--padding-y-md)}.header__uprow,.header__downrow{display:contents}.logo{order:1}.header__nav{order:2}.header__user-actions{order:3}}.logo{display:flex;align-items:center;gap:var(--gap-list-shorthand)}.logo__full{height:45px;width:auto}.header__user-actions{display:flex;justify-content:center;gap:var(--gap-list-column)}.header__nav{}.header__menu{display:flex;align-items:center;gap:var(--gap-section-shorthand);list-style:none;margin:0;padding:0}.header__menu-item{}.header__btn{padding:var(--padding-shorthand-form);font-size:var(--font-size-lg);color:var(--text-color-header);border-radius:var(--border-radius-sm);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.header__btn:hover{background-color:var(--bg-color-hover)}.signup-btn{background-color:var(--bg-color-btn-signup);color:var(--text-color-white)}.signup-btn:hover{background-color:var(--bg-color-btn-signup)}footer{display:flex;justify-content:center}.base-form-wrapper{max-width:var(--max-width-content);margin:0 auto;padding:var(--padding-shorthand-md);display:flex;flex-direction:column;align-items:center;gap:var(--gap-section-shorthand)}.base-form{display:flex;flex-direction:column;gap:var(--gap-list-shorthand)}.base-form__field{display:flex;flex-direction:column;align-items:center}.base-form__error-text{color:var(--text-color-when-error)}.base-form__field label,.base-form__field input,.base-form__field textarea,.base-form__field select{width:100%;font-size:var(--font-size-md);padding:var(--padding-shorthand-md);border-radius:var(--border-radius-xs)}.base-form__field textarea{font-size:var(--font-size-sm)}.base-form__field label{padding-left:0}.base-form__field--checkbox{display:flex;flex-direction:row;align-items:center;width:100%}.base-form__field--instrmnts-checkbox{display:flex;flex-direction:column;gap:var(--gap-section-shorthand)}.base-form__field--checkbox label[for]{display:flex;flex-direction:row;align-items:center;gap:var(--gap-list-shorthand);cursor:pointer}.base-form__field--checkbox input[type="checkbox"]{width:auto}.base-form__submit{width:100%;font-size:var(--font-size-base-px);padding:var(--padding-shorthand-sm);margin:var(--space-lg) 0}.pagination{display:flex;justify-content:center;list-style:none;padding:0}.pagination li{margin:0 5px}.pagination a,.pagination span{text-decoration:none;padding:8px 12px;border:1px solid #ccc;border-radius:4px;color:#333}.pagination .current-page{background-color:#007bff;color:white;border-color:#007bff}.list-page-header{width:80%;display:flex;justify-content:space-between}.list-page{display:flex;flex-direction:column;gap:var(--gap-section-shorthand);max-width:var(--max-width-container);margin:auto}.list-area{}.ad-area{border:var(--border-shorthand-subtle);border-radius:var(--border-radius-md);padding:var(--padding-shorthand-sm);text-align:center}.list-item{display:grid;align-items:center;gap:var(--gap-list-shorthand);padding:var(--padding-shorthand-xs);border-bottom:var(--border-shorthand-subtle);color:var(--text-color-main);text-decoration:none;position:relative}.list-item--event-all{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,4fr)}.list-item--event-local{grid-template-columns:minmax(0,1fr) minmax(0,4fr)}.list-item--circle-all{grid-template-columns:minmax(0,1fr) minmax(0,4fr) minmax(0,1fr)}.list-item--circle-local{grid-template-columns:minmax(0,4fr) minmax(0,1fr)}.list-item:hover{background-color:var(--bg-color-hover)}.list-item__prefc{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.event-main{}.event-main__uprow{display:flex;column-gap:var(--gap-list-column)}.event-main__downrow{display:flex;column-gap:var(--gap-list-column);font-size:var(--font-size-xs);color:var(--text-color-sub)}.event-main__type{font-size:var(--font-size-xs);padding:var(--padding-y-xxs) var(--padding-x-sm);border-radius:var(--border-radius-capsule)}.event-main__title{font-size:var(--font-size-md)}.event-item__time{font-weight:var(--font-weight-regular);font-size:var(--font-size-sm)}.list-item.closed{background-color:var(--color-gray-medium-deep)}.event-item__closed-ribbon{position:absolute;top:0;right:0;height:75%;aspect-ratio:1 / 1;clip-path:polygon(0 0,100% 0,100% 100%);background:var(--bg-color-gray-dark)}.event-item__closed-text{display:flex;justify-content:flex-end;align-items:flex-start;transform:rotate(45deg);color:var(--text-color-white);font-size:var(--font-size-xs)}.event-info__event-type{font-size:var(--font-size-sm);padding:var(--padding-y-xxs) var(--padding-x-sm);border-radius:var(--border-radius-capsule)}.sticky-bar{position:fixed;bottom:0;left:0;width:100%;z-index:var(--z-index-sticky);background-color:var(--bg-color-sticky-white);box-shadow:var(--box-shadow-sticky);padding-bottom:calc(env(safe-area-inset-bottom) + 12px);border-radius:var(--border-radius-xs);display:flex;flex-direction:column;align-items:center;gap:var(--gap-list-shorthand);padding-top:var(--padding-x-sm)}.sticky-bar__info{width:90%;display:flex;justify-content:flex-start;gap:var(--gap-list-shorthand);font-size:var(--font-size-sm)}@media (min-width:769px){.sticky-bar{position:fixed;top:10%;right:var(--space-md);left:auto;width:30%;height:5%;z-index:var(--z-index-sticky)}}.sticky-bar__info--approve{}.sticky-bar__info--non-approve{padding:0 var(--padding-x-sm);color:var(--text-color-white);border-radius:var(--border-radius-capsule);background-color:var(--bg-color-gray-dark);border:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.sticky-bar__info--date-explain{color:var(--text-color-gray);margin-right:var(--space-xs)}.sticky-bar__btn{width:90%}.sticky-bar__cannot-apply-text{background-color:var(--bg-color-gray-light);color:var(--text-color-gray)}.sticky-bar__text-for-organizer{background-color:var(--bg-color-sticky-white);color:var(--text-color-gray);border:var(--border-width-thin) var(--border-style-solid) var(--text-color-gray);cursor:default}.circle-main__uprow{display:flex;column-gap:var(--gap-list-column);font-size:var(--font-size-xs)}.circle-main__middlerow{display:flex;column-gap:var(--gap-list-column);font-size:var(--font-size-md)}.circle-main__downrow{display:flex;column-gap:var(--gap-list-column);font-size:var(--font-size-xs);color:var(--text-color-sub)}.circle-main__title{}.circle-main__members-num{}.circle-info{gap:var(--gap-section-shorthand)}.circle-info__location{display:flex;gap:var(--gap-list-shorthand)}.circle-info__sub-info{display:flex;column-gap:var(--gap-list-shorthand)}.ccl-leave-btn{background-color:var(--color-gray-deeper)}.search-filter{padding:16px;background-color:var(--bg-color-main);border-bottom:var(--border-shorthand-subtle)}.search-filter__select-wrapper{display:flex;align-items:center;gap:var(--gap-list-shorthand)}.search-filter__select,.search-filter__submit{height:var(--height-form-md)}.search-filter__select{min-width:50px;padding:0.75rem 1rem;border:var(--border-shorthand-default);border-radius:var(--border-radius-sm);background-color:var(--bg-color-main);color:inherit;font:inherit}.chat-wrapper{max-width:480px;height:80vh;margin:0 auto;display:flex;flex-direction:column;background:var(--bg-color-main)}.chat-wrapper__header{padding:1rem;border-bottom:1px solid #ddd;background:#fafafa}.chat-wrapper__partner-name{margin:0;font-weight:bold;text-align:center}.chat-wrapper__msglist{padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:0.75rem}.chat-wrapper__message{display:flex;flex-direction:column;max-width:100%;gap:0.25rem}.chat-wrapper__bubble{margin:0;padding:0.6rem 0.8rem;border-radius:12px;font-size:0.9rem;line-height:1.4;word-break:break-word}.chat-wrapper__image{max-width:200px;max-height:200px;border-radius:8px}.chat-wrapper__time{font-size:0.7rem;color:#888}.chat-wrapper__message--partner{align-self:flex-start}.chat-wrapper__message--partner .chat-wrapper__bubble{background:#e6e6e6}.chat-wrapper__message--mine{align-self:flex-end;text-align:right}.chat-wrapper__message--mine .chat-wrapper__bubble{background:#cce5ff}.chat-wrapper__form{border-top:1px solid #ddd;padding-top:0.5rem;width:100%}.chat-wrapper__input-wrapper{display:flex;flex-direction:row;min-height:2.4rem;max-height:15vh}.chat-wrapper__form-text textarea{border-radius:1rem}.chat-wrapper__form--right{display:flex;flex-direction:column;min-width:0;width:30%}.chat-wrapper__file input[type="file"]{width:200%}.chat-wrapper__file input[type="file"]::file-selector-button{padding:0.4rem 0.8rem;border:none;border-radius:1rem;background:#e0e0e0;cursor:pointer;font-size:0.8rem;color:red}.chat-wrapper__submit{width:100%;padding:0 1rem;border:none;border-radius:0.5rem}