.mattress-mattress_image{display:flex;justify-content:center;align-items:center;position:relative;width:calc(50% - 25px);overflow:hidden;height:auto;margin-top:-63px}.mattress-mattress_image img{width:100%;height:fit-content;object-fit:cover;display:block}.mattress-image-wrapper{position:relative;width:100%;max-height:538px}.mattress-image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block}[class*=hotspot-padding-] .hotspot{position:absolute;top:var(--hotspot-top-desktop);left:var(--hotspot-left-desktop);color:var(--color-primary-button-text);background:var(--color-primary-button-background);box-shadow:0 4px 4px rgb(var(--color-shadow-rgb) / .25);cursor:pointer;transform:translate(-50%,-50%);opacity:1;transition:transform .3s ease-in-out,background-color .3s,color .3s;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:18px;line-height:1.5;font-weight:700;width:30.511px;height:30.511px;padding:6.25px}.mattress-accordion{width:calc(50% - 25px);padding-right:0}.accordion{display:flex;flex-direction:column}.mattress-accordion .accordion-item{border:1.5px solid #174f678f;border-radius:10px}.mattress-accordion .accordion-item.hotspot-open{background:var(--hotspot-open-background, transparent);border:1.5px solid var(--color-foreground)}.accordion-header{margin:0;padding:20px 0;display:flex;justify-content:flex-start;cursor:pointer;align-items:center;gap:5px;color:var(--color-foreground-heading);font-family:var(--font-tinos);font-size:18px;font-weight:400;line-height:17.4px;letter-spacing:.6px;text-align:left;text-transform:capitalize;opacity:1;transition:all .3s ease-in-out}.hotspot-label{font-family:var(--font-tinos);font-size:18px;font-weight:700;line-height:17.4px;letter-spacing:.6px;text-align:left;color:var(--color-foreground-heading);width:35px}.accordion-body,.accordion-body p{font-family:var(--font-raleway);font-size:14px;font-weight:400;line-height:20.4px;text-align:left;color:var(--color-foreground-muted)}.accordion-item .accordion-body{max-height:0;overflow:hidden;opacity:0;padding-bottom:0;transition:opacity .2s ease-out}.accordion-item.hotspot-open .accordion-body{max-height:500px;opacity:1;margin-top:5px}.main-hotspot-container .accordion-item .accordion-body .metafield-rich_text_field{padding:0 20px 20px}.accordion-body p{margin:0}.down-arrow{margin-left:auto}.accordion-item.hotspot-open .down-arrow,.accordion-item.hotspot-open svg{transform:rotateX(180deg);transition:.3s ease-in}[class*=hotspot-padding-] .hotspot.active,[class*=hotspot-padding-] .hotspot:hover{background-color:var(--color-primary-button-hover-background)}.tab-navigation{display:flex;gap:10px;margin-bottom:20px}.tab-button{border:2px solid var(--tab-button-inactive-border-text, var(--color-primary));padding:10px 30px;cursor:pointer;font-family:var(--font-tinos);font-size:14px;font-style:normal;font-weight:800;line-height:18px;transition:background-color .3s ease,color .3s ease,border-color .3s ease;text-transform:uppercase;border-radius:5px;background-color:transparent;color:var(--tab-button-inactive-border-text, var(--color-primary))}.tab-button:not(.active):hover{background-color:var(--tab-button-hover-background, transparent)}.tab-button.active{color:#fff;background-color:var(--tab-button-active-background, transparent);border-color:var(--tab-button-inactive-border-text, var(--color-primary));font-weight:600}.tab-button.active:hover{background-color:var(--tab-button-active-background, transparent)}.layer{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start}.tab-content{display:none}.tab-content.active{display:block}.acc-header-heading{width:calc(42% - 40px);margin-bottom:20px}.acc-header-heading h2{color:var(--color-foreground-heading);font-size:28px;text-transform:capitalize;font-weight:900}.layer__title--mobile{display:none}.main-hotspot-container h3.accordion-header{padding:15px 20px;border-radius:10px;color:var(--color-foreground-heading);font-weight:700;line-height:150%;background:transparent}.main-hotspot-container .accordion-item .accordion-body{background:transparent;border-radius:10px}.main-hotspot-container .mattress-accordion p{color:var(--color-foreground);font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.304px}.main-hotspot-container .accordion{gap:10px}body[data-template=page-compare] .hotspot{width:20px;height:20px;font-size:12px;line-height:1;border-radius:20px;font-feature-settings:"lnum","pnum";font-family:var(--font-tinos)}.accordion .accordion-item:first-child .accordion-header{border-top:none}.accordion-header svg{min-width:12px;margin-left:auto;max-width:12px}@media(max-width:1100px)and (min-width:750px){[class*=hotspot-padding-] .hotspot{top:var(--hotspot-top-tablet);left:var(--hotspot-left-tablet)}}@media(max-width:820px)and (min-width:750px){[class*=hotspot-padding-] .hotspot{top:var(--hotspot-top-tablet-large);left:var(--hotspot-left-tablet-large)}}@media(max-width:748px){[class*=hotspot-padding-] .hotspot{top:var(--hotspot-top-mobile);left:var(--hotspot-left-mobile)}}@media(max-width:900px){.layer__title--desktop{display:none}.acc-header-heading h2{max-width:100%}.acc-header-heading{width:100%}.tab-navigation{width:100%;flex-wrap:wrap;gap:5px}.layer{display:inline}.mattress-mattress_image{max-width:500px;margin:20px auto;width:100%}.mattress-layers{flex-direction:column;gap:10px}.layer__title--mobile{display:block;padding-inline:30px}.mattress-accordion{max-width:100%;width:100%;padding-inline:30px}.acc-header-heading p{font-size:16px;font-weight:600;line-height:26px;text-align:center;padding-top:15px;color:var(--color-foreground-muted)}.accordion-header{font-size:16px;line-height:17.4px;letter-spacing:.6px}.accordion-body p{font-size:12px;line-height:18px}}@media(min-width:768px){.mobile-heading{display:none}}@media(max-width:767px){.desktop-heading{display:none}.mobile-heading{padding-top:50px}.main-hotspot-container .accordion{border-top:none;border-bottom:none}}@media(max-width:600px){.hotspot{width:24px;height:24px;font-size:14px;line-height:1}body[data-template=page-compare] .hotspot{width:24px;height:24px;font-size:11px;line-height:1;font-feature-settings:"lnum","pnum"}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/hotspot.css.map */