@layer base, components, utilities;:root{--color-background:#f6f1eb;--color-text:#444;--color-white:#fff;--color-black:#000;--color-orange:#f60;--color-gray-40:#666;--color-gray-60:#999;--color-gray-70:#b3b3b3;--color-gray-90:#e5e5e5;--color-border:#d6d6d6;--color-accent:#ff674d;--color-line-green:#00b902;--color-error:#f44336;--color-error-bg:#ffebee;--font-sans:"Noto Sans JP",sans-serif;--text-3xs:11px;--text-2xs:12px;--text-xs:13px;--text-sm:14px;--text-base:15px;--text-lg:16px;--text-xl:18px;--leading-3xs:15px;--leading-2xs:16px;--leading-xs:18px;--leading-sm:21px;--leading-sm-tight:18px;--leading-base:24px;--leading-base-tight:22px;--leading-lg:24px;--leading-lg-tight:22px;--leading-xl:26px;--leading-xl-tight:24px;--tracking-normal:0px;--tracking-wide:1px;--font-weight-normal:400;--font-weight-bold:700;--radius-sm:4px;--radius-DEFAULT:4px;--radius-lg:6px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}@layer base{*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}body{line-height:inherit}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}textarea{resize:vertical}::placeholder{color:inherit;opacity:.5}[hidden]{display:none!important}html{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;font-size:var(--text-base);line-height:var(--leading-base);min-height:100dvh}button,input,select,textarea{color:inherit;font:inherit}}@layer base{:where(input,select,textarea,button):focus-visible{border-radius:var(--radius-semantic);outline:2px solid -webkit-focus-ring-color;outline:2px solid Highlight;outline-offset:2px}}:root{--spacing-4xs:4px;--spacing-3xs:8px;--spacing-2xs:10px;--spacing-xs:12px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:40px;--spacing-2xl:48px;--radius-semantic:var(--radius-sm);--grid-content-max-width:480px;--grid-max-width:calc(var(--grid-content-max-width) + var(--grid-margin)*2);--grid-margin:16px;--grid-gutter:12px;--grid-columns:4;--control-height-sm:28px;--control-height-md:42px;--control-height-lg:64px;--control-min-width-sm:80px;--control-size-check:12px;--control-label-width:64px;--control-gap:12px;--input-padding-y:4px;--transition-fast:0.2s ease;--color-media-placeholder:#e6e6da;--color-overlay:rgba(0,0,0,.5);--size-qr:144px;--text-display:32px;--leading-display:1.25}@media (min-width:640px){:root{--grid-margin:48px;--grid-gutter:16px;--grid-columns:8}}@media (min-width:1024px){:root{--spacing-4xs:6px;--spacing-3xs:10px;--spacing-2xs:12px;--spacing-xs:16px;--spacing-sm:24px;--spacing-md:32px;--spacing-lg:40px;--spacing-xl:48px;--spacing-2xl:56px;--radius-semantic:var(--radius-lg);--grid-gutter:24px;--grid-columns:12}}@layer utilities{.text-heading-xl{font-size:var(--text-xl);line-height:var(--leading-xl-tight)}.text-heading-lg,.text-heading-xl{font-weight:var(--font-weight-bold)}.text-heading-lg{font-size:var(--text-lg);line-height:var(--leading-lg-tight)}.text-heading-md{font-size:var(--text-base);font-weight:var(--font-weight-bold);line-height:var(--leading-base-tight)}.text-body-md{font-size:var(--text-base);line-height:var(--leading-base)}.text-body-md,.text-body-sm{font-weight:var(--font-weight-normal)}.text-body-sm{font-size:var(--text-sm);line-height:var(--leading-sm)}.text-body-xs{font-size:var(--text-xs);line-height:var(--leading-xs)}.text-body-2xs,.text-body-xs{font-weight:var(--font-weight-normal)}.text-body-2xs{font-size:var(--text-2xs);line-height:var(--leading-2xs)}.text-body-3xs{font-size:var(--text-3xs);font-weight:var(--font-weight-normal);line-height:var(--leading-3xs)}.pre-line{white-space:pre-line}}@layer components{.page-body{align-items:center;display:flex;flex:1;flex-direction:column;padding:var(--spacing-lg) var(--grid-margin)}.page-body--flush{padding:0 var(--grid-margin)}.page-body--flush-top{padding:0 var(--grid-margin) var(--spacing-lg)}.page-body--flush-sm{padding:var(--spacing-sm) var(--grid-margin) 0}.page-body--flush-md{padding:var(--spacing-md) var(--grid-margin) 0}.page-body--flush-lg{padding:var(--spacing-2xl) var(--grid-margin) 0}.page-body--compact{padding:var(--spacing-sm) var(--grid-margin) var(--spacing-lg)}.page-body__inner{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:var(--grid-content-max-width);width:100%}.page-body__inner--centered{align-items:center;gap:var(--spacing-lg)}.page-body__inner--loose{gap:var(--spacing-lg)}.form-fields{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.input-pair{display:flex;gap:var(--spacing-xs)}.input-pair>.input--vertical{flex:1}.button-group{display:flex;flex-direction:column;gap:16px;margin-top:var(--spacing-2xl)}.button-group--flush{margin-top:0}.confirm-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.confirm-fields--compact{margin-top:var(--spacing-sm)}.confirm-item{display:flex;flex-direction:column;gap:var(--spacing-3xs)}.confirm-item__label{color:var(--color-text);font-size:var(--text-xs);line-height:var(--leading-xs)}.confirm-item__value{color:var(--color-text);font-size:var(--text-base);letter-spacing:var(--tracking-wide);line-height:var(--leading-sm)}.content-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.divider{background-color:var(--color-border);height:1px;width:100%}.warning-text{color:var(--color-accent)}.is-hidden{display:none!important}.grid-container{margin-left:auto;margin-right:auto;max-width:var(--grid-max-width);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.grid-row{display:grid;gap:var(--grid-gutter);grid-template-columns:repeat(var(--grid-columns),1fr)}.site-header{align-items:center;background-color:var(--color-background);display:flex;justify-content:center;padding:var(--spacing-sm) var(--grid-margin)}.site-header__logo{height:40px;width:auto}.site-header__title{color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-normal);line-height:var(--leading-sm)}.site-header--stacked{flex-direction:column;gap:var(--spacing-4xs)}.hero{margin:0 auto;max-width:var(--grid-content-max-width);width:100%}.hero img{display:block;height:auto;width:100%}}@layer components{}@layer components{}@layer components{.hero--no-image,.hero:not(:has(img)){display:none}.image-copyright{color:var(--color-gray-60);margin:var(--spacing-4xs) auto 0;max-width:var(--grid-content-max-width);text-align:right;width:100%}.image-copyright--ticket{background-color:var(--color-white);margin-top:0;padding:var(--spacing-3xs) var(--spacing-sm);text-align:center}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-semantic);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-normal);height:var(--control-height-md);justify-content:center;letter-spacing:var(--tracking-normal);line-height:var(--leading-base-tight);text-decoration:none;transition:opacity var(--transition-fast);white-space:nowrap;width:100%}.btn.is-disabled,.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:1}.btn--primary{background-color:var(--color-gray-40);color:var(--color-white)}.btn--secondary{background-color:var(--color-white);color:var(--color-text)}.btn--subtle{background-color:var(--color-gray-60);color:var(--color-white)}.btn--disabled,.btn:disabled,.btn[aria-disabled=true]{background-color:var(--color-gray-70);color:var(--color-white)}.btn--inline,.btn--nofill{background-color:transparent;color:var(--color-text)}.btn--line{background-color:var(--color-line-green)}.btn--line,.btn-reserve{color:var(--color-white)}.btn-reserve{align-items:center;border:none;border-radius:var(--radius-semantic);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-weight-normal);height:var(--control-height-sm);justify-content:center;line-height:var(--leading-xs);min-width:var(--control-min-width-sm);padding:0 12px;white-space:nowrap}.btn-reserve--available{background-color:var(--color-accent)}.btn-reserve--unavailable,.btn-reserve:disabled,.btn-reserve[aria-disabled=true]{background-color:var(--color-gray-70);cursor:not-allowed}.date-btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-semantic);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-normal);height:var(--control-height-lg);justify-content:center;line-height:var(--leading-base);transition:background-color var(--transition-fast)}.date-btn__sub{font-size:var(--text-sm);line-height:var(--leading-sm)}.date-btn--normal{background-color:var(--color-white);color:var(--color-text)}.date-btn--active{background-color:var(--color-gray-40);color:var(--color-white)}.date-btn--disabled,.date-btn:disabled,.date-btn[aria-disabled=true]{background-color:var(--color-white);color:var(--color-gray-60);cursor:not-allowed}.date-btn--disabled .date-btn__sub,.date-btn:disabled .date-btn__sub,.date-btn[aria-disabled=true] .date-btn__sub{color:var(--color-gray-60)}.input--horizontal{align-items:center;display:flex}.input--horizontal .input-label{color:var(--color-text);flex:0 0 var(--control-label-width);font-size:var(--text-xs);line-height:var(--leading-xs)}.input--horizontal .input-field{background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);flex:1;font-size:var(--text-base);letter-spacing:var(--tracking-wide);line-height:var(--leading-sm);padding:var(--input-padding-y) 0}.input--horizontal .input-field:focus{border-bottom-color:var(--color-text)}}@layer components{}@layer components{}@layer components{}@layer components{.input--horizontal .input-field::placeholder{color:var(--color-gray-70)}.input--horizontal .input-field[type=date]{text-align:left}.input--horizontal .input-field[type=date]::-webkit-date-and-time-value,.input--horizontal .input-field[type=date]::-webkit-datetime-edit{text-align:left}.input--vertical{display:flex;flex-direction:column;gap:var(--spacing-4xs)}.input--vertical .input-label{color:var(--color-gray-60);font-size:var(--text-2xs);line-height:var(--leading-2xs)}.input--vertical .input-field{background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--text-base);letter-spacing:var(--tracking-wide);line-height:var(--leading-base);padding:var(--input-padding-y) 0;text-align:left}.input--vertical .input-field:focus{border-bottom-color:var(--color-text)}.input--vertical .input-field::placeholder{color:var(--color-gray-70)}.input--vertical .input-field[type=date]{text-align:left}.input--vertical .input-field[type=date]::-webkit-date-and-time-value,.input--vertical .input-field[type=date]::-webkit-datetime-edit{text-align:left}.input-select-wrapper{position:relative}.input-select-wrapper select{appearance:none;-webkit-appearance:none;background:transparent;border:none;border-bottom:1px solid var(--color-border);border-radius:0;color:var(--color-text);cursor:pointer;font-size:var(--text-base);letter-spacing:var(--tracking-wide);line-height:var(--leading-base);padding:var(--input-padding-y) 24px var(--input-padding-y) 0;width:100%}.input-select-wrapper select:focus{border-bottom-color:var(--color-text)}.input-select-wrapper:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--color-text);content:"";height:0;pointer-events:none;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:0}.birthday-select{align-items:center;display:flex;gap:var(--spacing-3xs)}.birthday-select .input-select-wrapper{flex:1}.birthday-select__sep{color:var(--color-text);flex-shrink:0;font-size:var(--text-base)}.input--confirm{align-items:center;display:flex}.input--confirm .input-label{color:var(--color-text);flex:0 0 var(--control-label-width);font-size:var(--text-xs);line-height:var(--leading-xs)}.input--confirm .input-value{color:var(--color-text);flex:1;font-size:var(--text-base);letter-spacing:var(--tracking-wide);line-height:var(--leading-sm)}.input-error{color:var(--color-error);font-size:var(--text-xs);line-height:var(--leading-xs);margin-top:var(--spacing-4xs);white-space:pre-line}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.radio-label{align-items:center;color:var(--color-text);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-base);gap:var(--control-gap);line-height:var(--leading-base)}.radio-label input[type=radio]{appearance:none;-webkit-appearance:none;border:1px solid var(--color-border);border-radius:50%;cursor:pointer;flex-shrink:0;height:var(--control-size-check);position:relative;width:var(--control-size-check)}.radio-label input[type=radio]:checked{border-color:var(--color-text)}.radio-label input[type=radio]:checked:after{background-color:var(--color-text);border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.checkbox-label{align-items:center;color:var(--color-text);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-base);gap:var(--control-gap);line-height:var(--leading-base)}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;border:1px solid var(--color-border);border-radius:2px;cursor:pointer;flex-shrink:0;height:var(--control-size-check);position:relative;width:var(--control-size-check)}.checkbox-label input[type=checkbox]:checked{background-color:var(--color-text);border-color:var(--color-text)}.checkbox-label input[type=checkbox]:checked:after{border:solid var(--color-white);border-width:0 1.5px 1.5px 0;content:"";height:7px;left:3px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.site-footer{padding:var(--spacing-md) var(--grid-margin)}.site-footer,.site-footer__inner{align-items:center;display:flex;flex-direction:column}.site-footer__inner{gap:var(--spacing-md);max-width:var(--grid-content-max-width);width:100%}.site-footer__actions{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.site-footer__lang{align-items:center;display:flex;gap:var(--spacing-3xs)}.site-footer__lang-link{background:none;border:none;color:var(--color-text);cursor:pointer;font-size:var(--text-2xs);line-height:var(--leading-2xs);padding:0;text-decoration:none}.site-footer__lang-link.is-active{color:var(--color-accent)}.site-footer__lang-divider{background-color:var(--color-text);height:16px;width:1px}.site-footer__copyright{color:var(--color-text);font-size:var(--text-2xs);line-height:var(--leading-2xs);text-align:center}.tab-switcher{background-color:var(--color-white)}.tab-switcher,.tab-switcher__item{align-items:center;border-radius:100px;display:flex}.tab-switcher__item{background:transparent;border:none;color:var(--color-text);cursor:pointer;flex:1;font-family:inherit;font-size:var(--text-base);justify-content:center;line-height:var(--leading-base);padding:7px 24px 9px}.tab-switcher__item.is-active{background-color:var(--color-gray-40);color:var(--color-white)}.calendar{display:flex;flex-direction:column;gap:var(--spacing-sm)}.calendar__nav{align-items:center;display:flex;justify-content:space-between}.calendar__nav-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:36px;justify-content:center;width:40px}.calendar__nav-btn,.calendar__nav-title{color:var(--color-text);font-size:var(--text-lg)}.calendar__nav-title{font-weight:var(--font-weight-bold);line-height:var(--leading-lg-tight);text-align:center}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:var(--spacing-xs)}.calendar__cell{align-items:center;border-radius:var(--radius-semantic);color:var(--color-text);display:flex;font-size:var(--text-base);height:36px;justify-content:center;line-height:var(--leading-base);text-align:center;width:40px}.calendar__cell--head{font-weight:var(--font-weight-normal)}.calendar__cell--sunday{color:var(--color-accent)}.calendar__cell--event{background-color:var(--color-gray-90)}.calendar__cell--active{background-color:var(--color-gray-40);color:var(--color-white)}.calendar__cell--reserved{background-color:var(--color-orange);color:var(--color-white)}.calendar__legend{align-items:center;display:flex;gap:var(--spacing-sm)}.calendar__legend-item{align-items:center;display:flex;gap:var(--spacing-3xs)}.calendar__legend-swatch{background-color:var(--color-gray-90);border-radius:var(--radius-semantic);height:24px;width:24px}.calendar__legend-swatch--reserved{background-color:var(--color-orange)}.time-slot{align-items:center;background-color:var(--color-white);border:none;border-radius:var(--radius-semantic);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--text-base);gap:var(--spacing-sm);justify-content:space-between;line-height:var(--leading-base);min-height:64px;padding:10px var(--spacing-sm);width:100%}.time-slot:disabled,.time-slot[aria-disabled=true]{color:var(--color-gray-60);cursor:not-allowed}.time-slot__note{margin-bottom:var(--spacing-4xs)}.time-slot__note,.time-slot__reserved-note,.time-slot__time{display:block;text-align:left}.time-slot__reserved-note{color:var(--color-orange);font-size:var(--text-2xs);font-weight:700;line-height:var(--leading-2xs);margin-top:var(--spacing-4xs)}.time-slot.is-selected .time-slot__note,.time-slot.is-selected .time-slot__reserved-note{color:var(--color-white)}.time-slot__info{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-4xs);white-space:nowrap}.time-slot__status-label{font-size:var(--text-2xs);line-height:var(--leading-2xs)}.time-slot.is-selected{background-color:var(--color-gray-40);border-radius:var(--radius-semantic);color:var(--color-white)}.accordion{display:flex;flex-direction:column;gap:var(--spacing-xs)}.accordion__item{border-bottom:1px solid var(--color-text);padding-bottom:var(--spacing-xs)}.accordion__header{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding-right:var(--spacing-4xs);width:100%}.accordion__title{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--font-weight-bold);line-height:var(--leading-lg-tight)}.accordion__icon{flex-shrink:0;height:12px;position:relative;width:12px}.accordion__icon:after,.accordion__icon:before{background-color:var(--color-text);content:"";position:absolute}.accordion__icon:before{height:100%;left:50%;top:0;transform:translateX(-50%);width:2px}.accordion__icon:after{height:2px;left:0;top:50%;transform:translateY(-50%);width:100%}.accordion__body{display:none;padding:var(--spacing-sm) 0 var(--spacing-xs)}.accordion__item.is-open .accordion__body{display:block}.accordion__item.is-open .accordion__icon:before{display:none}.accordion__detail{display:flex;flex-direction:column;gap:var(--spacing-sm)}.accordion__detail-item{display:flex;flex-direction:column;gap:var(--spacing-3xs)}.accordion__detail-label{color:var(--color-text);font-size:var(--text-xs);line-height:var(--leading-xs)}.accordion__detail-value{color:var(--color-text);font-size:var(--text-base);letter-spacing:var(--tracking-wide);line-height:var(--leading-sm)}.confirm-card{align-items:center;background-color:var(--color-white);display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-lg) var(--spacing-sm)}.confirm-card__qr{align-items:center;background-color:var(--color-gray-90);display:flex;height:var(--size-qr);justify-content:center;width:var(--size-qr)}.confirm-card__datetime{display:flex;flex-wrap:wrap;gap:var(--spacing-3xs);justify-content:center}.faq-section{border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);gap:var(--spacing-sm);padding:var(--spacing-md) 0}.faq-item,.faq-section{display:flex;flex-direction:column}.faq-item__q{font-weight:var(--font-weight-bold)}.modal-overlay{align-items:center;background:var(--color-overlay);display:none;inset:0;justify-content:center;padding:var(--grid-margin);position:fixed;z-index:100}.modal-overlay.is-active{display:flex}.modal-dialog{background:var(--color-white);border-radius:var(--radius-semantic);gap:var(--spacing-md);max-width:var(--grid-content-max-width);padding:var(--spacing-lg);width:100%}.modal-dialog,.notes-section{display:flex;flex-direction:column}.notes-section{gap:var(--spacing-lg);padding:var(--spacing-2xl) var(--grid-margin)}.notes-section__inner{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;max-width:var(--grid-content-max-width);width:100%}.share-url-box{background-color:var(--color-gray-90);border-radius:var(--radius-semantic);color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-sm);padding:var(--spacing-xs) var(--spacing-sm);word-break:break-all}.share-buttons{display:flex;gap:var(--spacing-xs)}.share-buttons .btn{flex:1}.login-choice{gap:var(--spacing-md)}.login-choice,.login-choice__buttons{display:flex;flex-direction:column;width:100%}.login-choice__buttons{align-items:center;gap:var(--spacing-xs)}.login-choice__alt{align-items:center;gap:var(--spacing-sm);width:100%}.event-card,.login-choice__alt{display:flex;flex-direction:column}.event-card{background-color:var(--color-white);border-radius:var(--radius-semantic);overflow:hidden;padding:var(--spacing-sm)}.event-card__hero{background-color:var(--color-media-placeholder);overflow:hidden;width:100%}.event-card__hero img{height:auto;width:100%}.event-card__body{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-sm)}.event-card__meta{display:flex;flex-direction:column;gap:var(--spacing-3xs)}.event-card__badge{align-self:flex-start;background-color:var(--color-accent);border-radius:var(--radius-semantic);color:var(--color-background);display:inline-flex;font-size:var(--text-2xs);font-weight:var(--font-weight-bold);line-height:var(--leading-2xs);padding:2px var(--spacing-3xs)}.event-card__detail{display:flex;flex-direction:column;flex-wrap:wrap}.event-card__actions{display:flex;flex-direction:column;gap:var(--spacing-3xs)}.cms-body p{margin-bottom:var(--spacing-2xs)}.cms-body p:last-child{margin-bottom:0}.cms-body ul{list-style:disc}.cms-body ol,.cms-body ul{padding-left:var(--spacing-sm)}.cms-body ol{list-style:decimal}.cms-body em{font-style:italic}.cms-body a{color:inherit;text-decoration:underline}}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}@layer components{}