.topper-materials{position:relative}.topper-materials:before{content:"";position:absolute;left:0;right:0;top:0;background:linear-gradient(180deg,#f4f4f4,#f4f4f400);height:auto;aspect-ratio:1920 / 273;z-index:-1}.topper-materials:after{content:"";background-image:url(/cdn/shop/files/5710-feature-bg.png?v=1793585350);background-size:contain;background-repeat:no-repeat;position:absolute;left:0;right:0;aspect-ratio:1254 / 846;height:auto;margin:auto;top:87.5%;transform:translateY(-50%);opacity:.5;z-index:-1}.topper-materials__inner{display:flex;flex-direction:column;gap:calc(24 * 100vw / 430)}.topper-materials__header{text-align:center}.topper-materials__heading{margin:0 0 calc(12 * 100vw / 430);color:#024488;font-family:Google Sans Flex,sans-serif;font-weight:600;font-size:calc(28 * 100vw / 430);line-height:1.3}.topper-materials__heading--desktop{display:none}.topper-materials__heading--mobile{display:block}.topper-materials__highlight{position:relative;z-index:0}.topper-materials__highlight:before{content:"";position:absolute;left:-.04em;right:-.04em;bottom:.02em;height:45%;background:#ffc107;z-index:-1;border-radius:2px}.topper-materials__intro{margin:0 auto;max-width:48em;color:#8a8a8a;font-family:Google Sans Flex,sans-serif;font-size:calc(17 * 100vw / 430);line-height:1.55}.topper-materials__intro--desktop{display:none}.topper-materials__intro--mobile{display:block}.topper-materials__tabs{display:flex;justify-content:center;gap:calc(50 * 100vw / 430);padding-inline:calc(5 * 100vw / 430)}.topper-materials__tab{position:relative;padding:calc(2 * 100vw / 430) calc(4 * 100vw / 430) calc(14 * 100vw / 430);border:0;background:transparent;color:#404040;font-family:Google Sans Flex,sans-serif;font-size:calc(22 * 100vw / 430);cursor:pointer;line-height:1;flex:1}.topper-materials__tab.is-active{font-family:Google Sans Flex,sans-serif;font-weight:600;opacity:1;color:#1c4584;letter-spacing:0}.topper-materials__tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:6px;background:#d3dff3;border-radius:999em}.topper-materials__tab.is-active:after{background:#ffc107}.topper-materials__panel{display:none}.topper-materials__panel.is-active{display:flex;flex-direction:column;gap:calc(28 * 100vw / 430)}.topper-materials__explorer{display:flex;flex-direction:column;gap:calc(16 * 100vw / 430)}.topper-materials__accordion{display:none}.topper-materials__visual-col{display:flex;flex-direction:column;gap:calc(16 * 100vw / 430)}.topper-materials__visual{position:relative}.topper-materials__exploded-image{display:block;width:100%;height:auto}.topper-materials__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.topper-materials__hotspot{position:absolute;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:calc(20 * 100vw / 430);height:calc(20 * 100vw / 430);padding:0;border:1.5px solid #ffffff;border-radius:50%;background:transparent;color:#fff;font-family:Google Sans Flex,sans-serif;font-size:calc(14 * 100vw / 430);line-height:1;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;font-weight:300;box-shadow:0 1px 4px #02448814}@keyframes pulse{0%{box-shadow:0 0 0 5px #ffc107}25%{box-shadow:0 0 0 3.5px #ffc107}50%{box-shadow:0 0 0 2px #ffc107}75%{box-shadow:0 0 0 3.5px #ffc107}to{box-shadow:0 0 0 5px #ffc107}}@media(min-width:750px){@keyframes pulse{0%{box-shadow:0 0 0 8px #ffc107}25%{box-shadow:0 0 0 5px #ffc107}50%{box-shadow:0 0 0 3px #ffc107}75%{box-shadow:0 0 0 5px #ffc107}to{box-shadow:0 0 0 8px #ffc107}}}.topper-materials__hotspot.is-active{border-color:#ffc107;background:#024488;box-shadow:0 0 5px #ffc107;animation:pulse 2s infinite linear}.topper-materials__hotspot-num{display:block}.topper-materials__mobile-detail{display:flex;flex-direction:column;gap:calc(10 * 100vw / 430);text-align:center;padding-right:calc(5 * 100vw / 430);min-height:calc(200 * 100vw / 430)}.topper-materials__mobile-title{margin:0;color:#024488;font-family:Google Sans Flex,sans-serif;font-weight:600;font-size:calc(20 * 100vw / 430);line-height:1.35;text-align:right}.topper-materials__mobile-text{margin:0;color:#8a8a8a;font-family:Google Sans Flex,sans-serif;font-size:calc(15 * 100vw / 430);line-height:1.55;text-align:right;flex:1}.topper-materials__mobile-text:empty,.topper-materials__mobile-title:empty{display:none}.topper-materials__progress{display:flex;justify-content:center;gap:calc(8 * 100vw / 430);margin-top:calc(8 * 100vw / 430)}.topper-materials__progress-bar{flex:1;max-width:calc(60 * 100vw / 430);height:5px;padding:0;border:0;border-radius:999em;background:#d8d8d8;cursor:pointer}.topper-materials__progress-bar.is-active{background:#788eae}.topper-materials__footnote{margin:0;color:#9a9a9a;font-family:Google Sans Flex,sans-serif;font-size:calc(12 * 100vw / 430);line-height:1.25;text-align:right;letter-spacing:-.5px;display:block;width:fit-content;margin-inline:auto 0;height:50px}.topper-materials__footnote--mobile{margin-top:calc(21 * 100vw / 430);position:relative}.topper-materials__footnote--mobile img{display:inline-block;width:calc(15 * 100vw / 430);height:calc(15 * 100vw / 430);vertical-align:middle}.topper-materials__footnote--desktop{display:none}.topper-materials__firmness{display:flex;justify-content:center;padding:calc(8 * 100vw / 430) 0}.topper-materials__firmness--html{display:block;width:100%}.topper-materials__firmness-image{display:block;width:100%;max-width:min(720px,100%);height:auto;margin:0 auto}.topper-materials__firmness--split .topper-materials__firmness-image--desktop{display:none}.topper-materials__firmness--split .topper-materials__firmness-image--mobile{display:block}.topper-materials__features{display:grid;grid-template-columns:1fr;gap:calc(12 * 100vw / 430)}.topper-materials__feature{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:calc(12 * 100vw / 430);padding:calc(18 * 100vw / 430) 0 calc(18 * 100vw / 430) calc(16 * 100vw / 430);border-radius:calc(12 * 100vw / 430);background:#eaeff9}.topper-materials__feature-icon{position:absolute;right:calc(12 * 100vw / 430);top:50%;width:calc(64 * 100vw / 430);height:calc(64 * 100vw / 430);object-fit:contain;opacity:.18;transform:translateY(-50%);pointer-events:none}.topper-materials__feature-body{position:relative;z-index:1;min-width:0}.topper-materials__feature-title{margin:0 0 calc(8 * 100vw / 430);color:#024488;font-family:Google Sans Flex,sans-serif;font-weight:600;font-size:calc(20 * 100vw / 430)}.topper-materials__feature-text,.topper-materials__feature-list{margin:0;padding:0;color:#8a8a8a;font-family:Google Sans Flex,sans-serif;font-size:calc(14 * 100vw / 430);line-height:1.5;list-style:none}.topper-materials__feature-text--desktop{display:none}.topper-materials__feature-text--mobile{display:block}.topper-materials__feature-list li{position:relative;padding-left:24px}.topper-materials__feature-list li+li{margin-top:.35em}.topper-materials__feature-list li:before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;background:#aedbf4}.topper-materials__feature--1 .topper-materials__feature-list li:nth-child(1):before{background:#aedbf4}.topper-materials__feature--1 .topper-materials__feature-list li:only-child:before{background:#f6ebb5}.topper-materials__feature--1 .topper-materials__feature-list li:nth-child(2):before{background:#f6ebb5}.topper-materials__feature--1 .topper-materials__feature-list li:nth-child(n+3):before{background:#024488}.topper-materials__acc-btn .topper-materials__acc-toggle{color:#404040}@media screen and (max-width:749px){.topper-materials__feature-icon{display:none}.topper-materials__features{margin-top:calc(30 * 100vw / 430)}.topper-materials__progress{min-width:calc(400 * 100vw / 430);justify-content:space-between}}@media screen and (min-width:750px){.topper-materials__inner{gap:min(40px,calc(40 * 100vw / 1920));max-width:1498px}.topper-materials__heading{font-size:min(36px,1.875vw);margin-bottom:min(24px,1.25vw)}.topper-materials__heading--desktop{display:block}.topper-materials__heading--mobile{display:none}.topper-materials__highlight:before{height:45%;bottom:.1em}.topper-materials__intro{font-size:min(17px,calc(17 * 100vw / 1920));margin-bottom:min(24px,1.25vw)}.topper-materials__intro--desktop{display:block}.topper-materials__intro--mobile{display:none}.topper-materials__tabs{gap:min(48px,2.5vw);padding-inline:0;align-self:center}.topper-materials__tab{padding:min(12px,.625vw) min(8px,calc(8 * 100vw / 1920)) min(16px,calc(16 * 100vw / 1920));font-size:min(30px,1.5625vw);white-space:nowrap}.topper-materials__panel.is-active{gap:min(48px,2.5vw);justify-content:flex-start}.topper-materials__explorer{display:grid;grid-template-columns:.82fr 1.92fr;gap:min(82px,calc(82 * 100vw / 1920));align-items:flex-start}.topper-materials__hotspot{width:min(32px,calc(32 * 100vw / 1920));height:min(32px,calc(32 * 100vw / 1920));font-size:min(20px,calc(20 * 100vw / 1920))}.topper-materials__accordion{display:block}.topper-materials__acc-item{border-bottom:1px solid #ececec}.topper-materials__acc-btn{display:flex;align-items:center;gap:min(12px,.625vw);width:100%;min-height:48px;padding:min(14px,calc(14 * 100vw / 1920)) 0;border:0;background:transparent;color:#024488;text-align:left;cursor:pointer}.topper-materials__acc-num{display:inline-flex;align-items:center;justify-content:center;width:min(32px,calc(32 * 100vw / 1920));height:min(32px,calc(32 * 100vw / 1920));border-radius:50%;border:2px solid transparent;background:#e8f1fb;color:#024488;font-family:Google Sans Flex,sans-serif;font-weight:600;font-size:min(20px,calc(20 * 100vw / 1920));flex-shrink:0;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.topper-materials__acc-item.is-open .topper-materials__acc-num{background:#024488;color:#fff}.topper-materials__acc-title{flex:1;font-family:Google Sans Flex,sans-serif;font-weight:600;font-size:min(20px,calc(20 * 100vw / 1920))}.topper-materials__acc-toggle{position:relative;width:16px;height:16px;flex-shrink:0}.topper-materials__acc-toggle:before,.topper-materials__acc-toggle:after{content:"";position:absolute;left:50%;top:50%;background:#024488;transform:translate(-50%,-50%)}.topper-materials__acc-toggle:before{width:12px;height:2px}.topper-materials__acc-toggle:after{width:2px;height:12px;transition:opacity .25s ease,transform .25s ease}.topper-materials__acc-item.is-open .topper-materials__acc-toggle:after{opacity:0;transform:translate(-50%,-50%) scaleY(0)}.topper-materials__acc-body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}.topper-materials__acc-item.is-open .topper-materials__acc-body{grid-template-rows:1fr;opacity:1}.topper-materials__acc-body-inner{overflow:hidden;min-height:0;padding:0 0 min(14px,calc(14 * 100vw / 1920)) min(44px,calc(44 * 100vw / 1920));color:#8a8a8a;font-family:Google Sans Flex,sans-serif;font-size:min(16px,calc(16 * 100vw / 1920));line-height:1.55}.topper-materials__acc-body-inner p{margin:0;font-size:inherit}.topper-materials__mobile-detail{display:none}.topper-materials__footnote{font-size:min(14px,calc(14 * 100vw / 1920));text-align:center;width:fit-content;margin-inline:auto}.topper-materials__footnote--mobile{display:none}.topper-materials__footnote--desktop{display:block;position:relative}.topper-materials__footnote--desktop img{display:inline-block;vertical-align:middle;width:min(27px,1.40625vw);height:min(27px,1.40625vw)}.topper-materials__firmness{padding:min(24px,1.25vw) 0}.topper-materials__firmness-image{max-width:min(960px,100%)}.topper-materials__firmness--split .topper-materials__firmness-image--desktop{display:block}.topper-materials__firmness--split .topper-materials__firmness-image--mobile{display:none}.topper-materials__features{grid-template-columns:repeat(4,minmax(0,1fr));gap:min(20px,calc(20 * 100vw / 1920));margin-inline:calc(-1*min(24px,1.25vw));min-height:min(345px,17.96875vw)}.topper-materials__feature{flex-direction:column;min-height:min(180px,9.375vw);padding:min(24px,1.25vw);border-radius:min(16px,calc(16 * 100vw / 1920));background:transparent;gap:min(19px,calc(19 * 100vw / 1920));align-items:center}.topper-materials__feature:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:min(102px,5.3125vw);width:1px;background-color:#bbb}.topper-materials__feature-icon{position:static;width:min(70px,calc(70 * 100vw / 1920));height:auto;margin-bottom:min(12px,.625vw);opacity:1;transform:none}.topper-materials__feature-body{padding-right:0;text-align:center}.topper-materials__feature-title{font-size:min(20px,calc(20 * 100vw / 1920));margin-bottom:min(10px,calc(10 * 100vw / 1920))}.topper-materials__feature-list{text-align:left}.topper-materials__feature-text,.topper-materials__feature-list{font-size:min(17px,calc(17 * 100vw / 1920))}.topper-materials__feature-text--desktop{display:block}.topper-materials__feature-text--mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-topper-materials.css.map */