@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.gp{--gp-bg: #FFFFFF;--gp-card: #F3F3F2;--gp-line: #DCDCDA;--gp-ink: #141414;--gp-text: #3C3C3C;--gp-muted: #707070;--gp-green: #2F7A55;--gp-font: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--gp-radius: 26px;--gp-gutter: clamp(16px, 4vw, 40px);background:var(--gp-bg);color:var(--gp-ink);font-family:var(--gp-font);font-size:1.0625rem;line-height:1.5;letter-spacing:-.012em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-block:clamp(36px,5vw,64px)}.gp:first-of-type{padding-top:clamp(56px,8vw,104px)}@media(min-width:900px){.gp{font-size:1.125rem}}.gp *,.gp *:before,.gp *:after{box-sizing:border-box}.gp__wrap{max-width:1160px;margin-inline:auto;padding-inline:var(--gp-gutter)}.gp__narrow{max-width:960px}.gp__center{text-align:center}.gp__title{margin:0 auto clamp(24px,3.5vw,40px);font-family:var(--gp-font);font-weight:500;text-transform:none;font-size:clamp(2rem,4.4vw,3.25rem);line-height:1.08;letter-spacing:-.035em;text-wrap:balance;max-width:18ch}.gp__title--xl{font-size:clamp(2.5rem,6.6vw,4.75rem);line-height:1.02;letter-spacing:-.045em;margin-bottom:20px;max-width:14ch}.gp__lead{margin:0 auto clamp(32px,5vw,56px);color:var(--gp-muted);font-size:clamp(1.125rem,1.7vw,1.3rem);line-height:1.45;letter-spacing:-.015em;max-width:32em}.gp__lead p{margin:0}.gp img{max-width:100%;display:block}.gp-card{background:var(--gp-card);border-radius:var(--gp-radius)}.gp-media{position:relative;border-radius:var(--gp-radius);overflow:hidden;background:var(--gp-card);isolation:isolate}.gp-media img,.gp-ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gp-ph{background:radial-gradient(120% 90% at 30% 15%,#f4f5f6,#dadde1 45%,#b8bec5)}.gp-glass{background:#ffffff70;-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 30px #00000014;color:var(--gp-ink)}.gp__btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 34px;margin-top:32px;border-radius:999px;background:var(--gp-ink);color:#fff;font-weight:500;font-size:1.0625rem;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:transform .2s ease,background .2s ease}.gp__btn:hover{background:#000;color:#fff;transform:scale(1.02)}.gp-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 16px;margin-bottom:22px;border-radius:999px;background:#fff;font-size:.875rem;font-weight:500;letter-spacing:-.005em}.gp-results{max-width:880px;margin-inline:auto;padding:clamp(28px,4.5vw,52px) clamp(24px,5vw,56px)}.gp-results__title{margin:0 0 clamp(18px,3vw,28px);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:500;letter-spacing:-.025em}.gp-results__list{margin:0;display:grid}.gp-results__row{display:grid;grid-template-columns:clamp(104px,20vw,190px) minmax(0,1fr);gap:clamp(12px,3vw,28px);align-items:center;padding:clamp(14px,2.2vw,20px) 0;border-top:1px solid var(--gp-line)}.gp-results__row:first-child{border-top:0;padding-top:0}.gp-results__row dt{font-size:clamp(2.6rem,6.4vw,4.25rem);font-weight:400;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;background:linear-gradient(100deg,#141414 0% 35%,#8a9098 50%,#141414 65% 100%);background-size:250% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent}.gp-results__row dt.is-done{animation:gp-shine 1.4s ease .1s 1 both}@keyframes gp-shine{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.gp-results__row dt.is-done{animation:none}}.gp-results__row dd{margin:0;font-size:clamp(1rem,1.6vw,1.1875rem);line-height:1.35;color:var(--gp-text)}.gp-results__note{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:clamp(14px,2vw,18px);border-top:1px solid var(--gp-line);font-size:clamp(.625rem,2.7vw,.75rem);letter-spacing:0;color:var(--gp-muted);line-height:1.5}.gp-media--wide{aspect-ratio:16 / 9;margin-top:clamp(24px,4vw,40px)}@media(max-width:700px){.gp-media--wide{aspect-ratio:4 / 5}}.gp-feature{position:relative;border-radius:var(--gp-radius);overflow:hidden;aspect-ratio:16 / 9;background:var(--gp-card);isolation:isolate}.gp-feature__slides,.gp-feature__slide{position:absolute;top:0;right:0;bottom:0;left:0}.gp-feature__slide{opacity:0;transition:opacity .6s ease}.gp-feature__slide.is-active{opacity:1}.gp-feature__slide img,.gp-feature__slide .gp-ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gp-feature__bar{position:absolute;left:50%;bottom:clamp(36px,5vw,48px);transform:translate(-50%);width:min(560px,calc(100% - 32px));display:flex;align-items:flex-end;gap:10px;z-index:2}.gp-feature__nav{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:0}.gp-feature__nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gp-feature__pill{display:none;flex:1;min-width:0;border-radius:28px;overflow:hidden}.gp-feature__pill.is-active{display:block;animation:gp-in .45s ease}.gp-feature__toggle{all:unset;box-sizing:border-box;cursor:pointer;width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 6px 6px 22px}.gp-feature__name{font-size:1.0625rem;font-weight:500;letter-spacing:-.015em;display:flex;gap:10px;align-items:baseline}.gp-feature__num{font-size:.8125rem;color:#1414148c;font-variant-numeric:tabular-nums}.gp-feature__plus{position:relative;flex:none;width:40px;height:40px;border-radius:50%;background:#14141424;transition:transform .3s ease}.gp-feature__plus:before,.gp-feature__plus:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.6px;background:var(--gp-ink);transform:translate(-50%,-50%)}.gp-feature__plus:after{transform:translate(-50%,-50%) rotate(90deg)}.gp-feature__pill.is-open .gp-feature__plus{transform:rotate(45deg)}.gp-feature__text{max-height:0;overflow:hidden;margin:0;padding:0 22px;font-size:1rem;line-height:1.45;color:var(--gp-text);transition:max-height .35s ease,padding .35s ease}.gp-feature__pill.is-open .gp-feature__text{max-height:140px;padding:0 22px 18px}.gp-feature__dots{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:7px;z-index:2}.gp-feature__dots span{width:7px;height:7px;border-radius:50%;background:#fff9;transition:background .3s ease,width .3s ease}.gp-feature__dots span.is-active{background:var(--gp-ink);width:18px;border-radius:4px}@keyframes gp-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:700px){.gp-feature{aspect-ratio:4 / 5;border-radius:22px}.gp-feature__nav{width:44px;height:44px}.gp-feature__bar{gap:8px;width:calc(100% - 24px);bottom:34px}.gp-feature__toggle{min-height:46px;padding-left:18px}.gp-feature__plus{width:36px;height:36px}.gp-feature__text,.gp-feature__pill.is-open .gp-feature__text{padding-inline:18px}}.gp-glance__media{aspect-ratio:16 / 10;border-radius:var(--gp-radius) var(--gp-radius) 0 0}.gp-glance__panel{position:relative;background:var(--gp-card);border-radius:0 0 var(--gp-radius) var(--gp-radius);padding:clamp(44px,6vw,60px) clamp(24px,5vw,56px) clamp(28px,4vw,44px)}.gp-glance__label{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;min-height:50px;padding:0 28px;border-radius:999px;background:var(--gp-ink);color:#fff;font-size:1.0625rem;font-weight:500;white-space:nowrap;box-shadow:0 0 0 7px #ffffff73}.gp-glance__list{list-style:none;margin:0;padding:0;display:grid;gap:10px 40px}@media(min-width:800px){.gp-glance__list{grid-template-columns:1fr 1fr}}.gp-glance__list li{display:flex;gap:12px;align-items:baseline;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.4}.gp-glance__num{flex:none;width:22px;height:22px;border-radius:50%;border:1.3px solid var(--gp-ink);display:inline-grid;place-items:center;font-size:.72rem;font-weight:600;transform:translateY(-1px)}@media(max-width:700px){.gp-glance__media{aspect-ratio:4 / 5;border-radius:22px 22px 0 0}.gp-glance__panel{border-radius:0 0 22px 22px}}.gp-compare{text-align:left;padding:8px clamp(18px,4vw,40px)}.gp-compare__head,.gp-compare__row{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:16px;align-items:start}.gp-compare__head span:not(:first-child){padding-left:30px}.gp-compare__head{padding:22px 0 16px;font-size:.9375rem;font-weight:500;color:var(--gp-muted)}.gp-compare__head .is-us{color:var(--gp-ink);font-size:1.0625rem}.gp-compare__row{padding:20px 0;border-top:1px solid var(--gp-line)}.gp-compare__feature{font-weight:500}.gp-compare__cell{position:relative;padding-left:30px;line-height:1.4}.gp-compare__cell:before{content:"";position:absolute;left:0;top:.12em;width:19px;height:19px;background:center / contain no-repeat}.gp-compare__cell.is-them{color:var(--gp-muted)}.gp-compare__cell.is-them:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9.2' fill='none' stroke='%23B5B5B3' stroke-width='1.4'/%3E%3Cpath d='M6.5 10h7' stroke='%23A0A09E' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}.gp-compare__cell.is-us{font-weight:500}.gp-compare__cell.is-us:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23141414'/%3E%3Cpath d='m6.2 10.3 2.5 2.5 5.1-5.3' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@media(max-width:640px){.gp-compare__head,.gp-compare__row{grid-template-columns:1fr 1fr;gap:6px 14px}.gp-compare__head span:first-child{display:none}.gp-compare__head span:not(:first-child){padding-left:26px;white-space:nowrap}.gp-compare__head{font-size:.75rem;padding:18px 0 12px;align-items:center}.gp-compare__head .is-us{font-size:.9375rem}.gp-compare__feature{grid-column:1 / -1;font-size:.8125rem;color:var(--gp-muted)}.gp-compare__row{padding:16px 0}.gp-compare__cell{font-size:.9375rem;padding-left:26px}.gp-compare__cell:before{width:17px;height:17px}.gp__center>.gp__btn{width:100%}}.gp-tabs__media{aspect-ratio:16 / 10}.gp-tabs__panels{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.gp-tabs__panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease}.gp-tabs__panel.is-active{opacity:1}.gp .gp-tabs__bar{position:absolute;left:50%;bottom:clamp(18px,3vw,28px);transform:translate3d(-50%,0,0);display:flex;gap:4px;padding:5px;border-radius:999px;z-index:3;max-width:calc(100% - 24px);background:#ffffff9e}.gp .gp-tabs__tab{-webkit-appearance:none;appearance:none;margin:0;border:0;box-shadow:none;background:transparent;color:var(--gp-ink);font-family:var(--gp-font);cursor:pointer;min-height:46px;min-width:0;padding:0 clamp(18px,3vw,28px);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;line-height:1;letter-spacing:-.01em;text-transform:none;white-space:nowrap;opacity:1;visibility:visible;transition:background .25s ease,color .25s ease}.gp .gp-tabs__tab span{color:inherit;font:inherit}.gp .gp-tabs__tab:hover{background:#1414140f;color:var(--gp-ink)}.gp .gp-tabs__tab.is-active,.gp .gp-tabs__tab.is-active:hover{background:var(--gp-ink);color:#fff}.gp-tabs__caption{display:none;text-align:center;padding:24px 12px 0;max-width:34em;margin-inline:auto}.gp-tabs__caption.is-active{display:block;animation:gp-in .4s ease}.gp-tabs__caption h3{margin:0 0 6px;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:500;letter-spacing:-.025em}.gp-tabs__caption p{margin:0;color:var(--gp-muted)}@media(max-width:700px){.gp-tabs__media{aspect-ratio:4 / 5;border-radius:22px}.gp .gp-tabs__tab{min-height:42px;font-size:.9375rem;padding:0 20px}}.gp-promise{max-width:960px;margin-inline:auto;padding:clamp(44px,7vw,80px) clamp(22px,5vw,64px)}.gp-promise .gp__title{margin-bottom:14px}.gp-promise .gp__lead{margin-bottom:0}.gp-reviews{margin-top:clamp(56px,8vw,96px)}.gp-reviews__slot{display:grid;place-items:center;min-height:160px;padding:24px;text-align:center;border-radius:var(--gp-radius);border:1px dashed var(--gp-line);color:var(--gp-muted);font-size:.9375rem}.gp-faq{border-top:1px solid var(--gp-ink);max-width:820px;margin-inline:auto}.gp-faq details{border-bottom:1px solid var(--gp-ink)}.gp-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:clamp(1.0625rem,1.6vw,1.1875rem);line-height:1.35;letter-spacing:-.015em}.gp-faq summary::-webkit-details-marker{display:none}.gp-faq summary:after{content:"+";flex:none;font-size:1.5rem;font-weight:300;line-height:1;transition:transform .25s ease}.gp-faq details[open] summary:after{transform:rotate(45deg)}.gp-faq__a{padding:0 36px 22px 0;color:var(--gp-text);max-width:38em}.gp-faq__a p{margin:0 0 .6em}
/*# sourceMappingURL=/cdn/shop/t/9/assets/graesil-pdp.css.map */