section.space-section{--grid-padding: 40px;width:100%;max-width:calc(var(--page-width) + var(--grid-padding) * 2);margin-inline:auto;padding-inline:10px;position:relative;z-index:0}section.space-section button{padding:1rem;background-color:var(--color-button);color:var(--color-button-text);text-transform:uppercase;font-weight:700;cursor:pointer;transition:all var(--duration-medium) var(--zoom-animation-bezier)}section.space-section button a{color:var(--color-hover);text-decoration:none;transition:all var(--duration-medium) var(--zoom-animation-bezier)}section.space-section button:hover{background-color:var(--color-button-hover);color:var(--color-button-text-hover)}section.space-section button:hover a{color:var(--color-button-text-hover)}section.space-section button.disabled{background-color:var(--color-button-hover);color:var(--color-border);pointer-events:none}section.space-section space-element.space{display:flex;flex-direction:column}section.space-section space-element.space aside,section.space-section space-element.space main{width:100%;position:relative}section.space-section space-element.space area-element.area{border:1px solid black;position:absolute;overflow:hidden;cursor:pointer;transition:all var(--duration-medium) var(--zoom-animation-bezier)}section.space-section space-element.space area-element.area .area-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;background-color:#00000040;position:relative;z-index:1;pointer-events:none;opacity:1;transition:opacity var(--duration-medium) var(--zoom-animation-bezier)}section.space-section space-element.space area-element.area .area-content .area-title,section.space-section space-element.space area-element.area .area-content .area-body{color:#fff;text-align:center;position:relative}:is(section.space-section space-element.space area-element.area .area-content .area-title,section.space-section space-element.space area-element.area .area-content .area-body) h1,:is(section.space-section space-element.space area-element.area .area-content .area-title,section.space-section space-element.space area-element.area .area-content .area-body) h2,:is(section.space-section space-element.space area-element.area .area-content .area-title,section.space-section space-element.space area-element.area .area-content .area-body) h3,:is(section.space-section space-element.space area-element.area .area-content .area-title,section.space-section space-element.space area-element.area .area-content .area-body) h4,:is(section.space-section space-element.space area-element.area .area-content .area-title,section.space-section space-element.space area-element.area .area-content .area-body) h5,:is(section.space-section space-element.space area-element.area .area-content .area-title,section.space-section space-element.space area-element.area .area-content .area-body) h6,:is(section.space-section space-element.space area-element.area .area-content .area-title,section.space-section space-element.space area-element.area .area-content .area-body) p,:is(section.space-section space-element.space area-element.area .area-content .area-title,section.space-section space-element.space area-element.area .area-content .area-body) span{color:#fff}:is(section.space-section space-element.space area-element.area .area-content .area-title,section.space-section space-element.space area-element.area .area-content .area-body) p{margin-top:2;text-align:center;position:relative}:is(section.space-section space-element.space area-element.area .area-content .area-title,section.space-section space-element.space area-element.area .area-content .area-body):before{content:"";display:block;width:100%;height:100%;border-radius:1rem;position:absolute;top:0;left:0;z-index:-1;background-color:#00000080;filter:blur(8px)}section.space-section space-element.space area-element.area .area-content .area-body{padding:1rem;height:0;opacity:0;overflow:hidden;transition:all var(--duration-medium) var(--zoom-animation-bezier)}section.space-section space-element.space area-element.area .area-content.content-hidden{opacity:0}section.space-section space-element.space area-element.area .close{position:absolute;top:0;right:0;z-index:10;cursor:pointer;display:none}section.space-section space-element.space area-element.area .buttons{width:100%;display:none;justify-content:space-between;align-items:stretch;position:absolute;bottom:0;left:0;z-index:10}section.space-section space-element.space area-element.area .buttons .toggle-text{width:4rem;height:4rem}section.space-section space-element.space area-element.area .buttons .toggle-text .show-icon,section.space-section space-element.space area-element.area .buttons .toggle-text.content-hidden .hide-icon{display:none}section.space-section space-element.space area-element.area .buttons .toggle-text .hide-icon,section.space-section space-element.space area-element.area .buttons .toggle-text.content-hidden .show-icon{display:block}section.space-section space-element.space area-element.area .buttons .to-bookings{padding:1rem;font-weight:700;text-transform:uppercase}@media screen and (min-width: 993px){section.space-section space-element.space area-element.area .buttons .to-bookings{display:none}}section.space-section space-element.space area-element.area .area-image{width:100%;height:100%;position:absolute;top:0;left:0}section.space-section space-element.space area-element.area .area-image img{height:100%;width:100%;object-fit:cover;image-orientation:from-image;max-width:100%;max-height:100%}section.space-section space-element.space area-element.area .area-image img.desktop{display:none}@media screen and (min-width: 993px){section.space-section space-element.space area-element.area .area-image img.mobile{display:none}section.space-section space-element.space area-element.area .area-image img.desktop{display:block}}section.space-section space-element.space area-element.area:before{content:"";display:block;width:100%;height:100%;z-index:2;position:absolute;pointer-events:none;transition:box-shadow var(--duration-medium) var(--zoom-animation-bezier)}section.space-section space-element.space area-element.area.active{width:100%;height:100%;transform:translate(-50%) translateY(-50%);top:50%;left:50%;z-index:10;box-shadow:0 0 20px var(--glow-color)}section.space-section space-element.space area-element.area.active:before{box-shadow:inset 0 0 10px var(--glow-color)}section.space-section space-element.space area-element.area.active .area-content{pointer-events:all}section.space-section space-element.space area-element.area.active .area-content .area-body{height:auto;opacity:1}section.space-section space-element.space area-element.area.active .close{display:block}section.space-section space-element.space area-element.area.active .buttons{display:flex}section.space-section space-element.space area-element.area:hover{box-shadow:0 0 20px var(--glow-color);z-index:10}section.space-section space-element.space main .space-description{margin-block:auto;padding:1rem;text-align:center;flex-shrink:1}section.space-section space-element.space main .area-details{display:none;flex-basis:100%;opacity:0;transition:box-shadow var(--duration-medium) var(--zoom-animation-bezier)}section.space-section space-element.space main .area-details .tabs{display:flex;border-bottom:1px solid black}section.space-section space-element.space main .area-details .tabs .tab{padding:1rem;width:50%;display:block;text-align:center;font-weight:700;text-transform:uppercase;cursor:pointer}section.space-section space-element.space main .area-details .tabs .tab.active{background-color:#000;color:#fff}section.space-section space-element.space main .area-details .details-heading{text-align:center;font-weight:700;text-transform:uppercase}section.space-section space-element.space main .area-details .tab-contents{padding-inline:1rem}section.space-section space-element.space main .area-details .tab-contents .tab-content{height:100%;display:none}section.space-section space-element.space main .area-details .tab-contents .tab-content .tab-body{flex-basis:100%;overflow-y:scroll}section.space-section space-element.space main .area-details .tab-contents .tab-content .tab-button{margin-top:4px}section.space-section space-element.space main .area-details .tab-contents .tab-content.active{display:flex;flex-direction:column}section.space-section space-element.space main .area-details.active{display:flex;flex-direction:column;opacity:1}section.space-section space-element.space main button.to-floor-plan{display:flex;margin:0 .5rem .5rem auto;background-color:#000;color:#fff;align-items:center;cursor:pointer}@media screen and (min-width: 993px){section.space-section space-element.space main button.to-floor-plan{display:none}}@media screen and (min-width: 577px){section.space-section{padding-inline:30px}}@media screen and (min-width: 993px){section.space-section{padding-inline:40px}section.space-section space-element.space{flex-direction:row}section.space-section space-element.space aside{width:50%}section.space-section space-element.space main{width:50%;display:flex;flex-direction:column;align-items:stretch}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-space.css.map */