.gn-shapes-modal{--gn-sg-unit: 1vh;--gn-sg-gap: 12px}@supports (height: 1svh){.gn-shapes-modal{--gn-sg-unit: 1svh}}.gn-shapes-modal{--gn-sg-h: calc(var(--gn-sg-vh, 85) * var(--gn-sg-unit))}.modal.gn-shapes-modal::part(content){display:flex;flex-direction:column;height:var(--gn-sg-h);max-height:var(--gn-sg-h);overflow:hidden}.modal.gn-shapes-modal::part(header){flex:0 0 auto;position:static}.modal.gn-shapes-modal::part(body){display:flex;flex:1 1 auto;min-height:0;overflow:auto}.gn-modal.gn-shapes-modal .gn-modal__body.gn-shapes{display:grid;grid-template-rows:minmax(0,1fr);grid-auto-rows:auto;gap:var(--gn-sg-gap);flex:1 1 auto;min-width:0;min-height:0;width:100%}.gn-shapes-modal .gn-shapes__track{min-height:0;min-width:0;overflow-y:hidden;touch-action:pan-x pan-y}.gn-shapes-modal .gn-shapes__slide{display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,auto);align-content:stretch;gap:8px;height:100%;min-height:0;padding:0 2px}.gn-shapes-modal .gn-shapes__slide--text{grid-template-rows:auto minmax(0,1fr);align-content:start;padding-top:4px;text-align:left}.gn-shapes-modal .gn-shapes__slide--text .gn-shapes__name{text-align:center}.gn-shapes-modal .gn-shapes__slide--text .gn-shapes__note{align-self:start;max-height:100%}.gn-shapes-modal .gn-shapes__slide--text .gn-shapes__note>:first-child{margin-top:0}.gn-shapes-modal .gn-shapes__media{min-height:0;height:100%;overflow:hidden;border-radius:12px;background:var(--gn-sg-media-bg, transparent)}.gn-shapes-modal .gn-shapes__img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:10px}.gn-shapes-modal .gn-nail--big{width:100%;height:100%;max-height:100%}.gn-shapes-modal .gn-shapes__name{font-size:20px;line-height:1.15;margin:0}.gn-shapes-modal .gn-shapes__note{min-height:0;overflow-y:auto;font-size:14px;line-height:1.45;margin:0;max-width:480px;margin-inline:auto}.gn-shapes-modal .gn-shapes__note>:last-child{margin-bottom:0}.gn-shapes-modal .gn-shapes__nav{gap:6px;min-height:44px}.gn-shapes-modal .gn-shapes__arrow{width:44px;height:44px;flex:0 0 44px}.gn-shapes-modal .gn-shapes__dots{gap:0}.gn-shapes-modal .gn-shapes__dot{width:32px;height:44px;border-radius:0;background:none;display:inline-flex;align-items:center;justify-content:center}.gn-shapes-modal .gn-shapes__dot:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:rgb(var(--text-color) / .22);transition:background .18s ease,transform .18s ease}.gn-shapes-modal .gn-shapes__dot[aria-current=true]:before{background:rgb(var(--text-color));transform:scale(1.15)}.gn-shapes-modal .gn-shapes__dot:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:-6px}.gn-shapes-modal [data-gn-shapes-choose]{min-height:50px;margin:0;font-size:15px;letter-spacing:.3px;border-radius:var(--gn-btn-radius, 7px)}.gn-shapes-modal .gn-shapes:focus{outline:none}.gn-shapes-modal [data-gn-shapes-choose].gn-btn--standby{visibility:hidden;pointer-events:none}@media screen and (max-width:699px){.gn-shapes-modal{--gn-sg-gap: 10px}.gn-modal.gn-shapes-modal .gn-modal__body.gn-shapes{gap:var(--gn-sg-gap)}.gn-shapes-modal .gn-shapes__name{font-size:22px}.gn-shapes-modal .gn-shapes__note{font-size:13.5px}}@media screen and (min-width:700px){.modal.gn-shapes-modal{--modal-body-max-width: var(--gn-sg-width, 34rem);--gn-sg-h: min(calc(var(--gn-sg-vh, 85) * var(--gn-sg-unit)), var(--gn-sg-max, 700px))}.gn-shapes-modal .gn-shapes__name{font-size:24px}.gn-shapes-modal .gn-shapes__note{font-size:15px}.gn-shapes-modal .gn-shapes__slide{gap:10px}}.gn-shapes-modal .gn-shapes__slide--compare{grid-template-rows:auto auto auto;align-content:center;gap:10px}.gn-shapes-modal .gn-compare__title{font-size:18px;line-height:1.15;margin:0}.gn-shapes-modal .gn-compare{--gn-cmp-cols: 3;--gn-cmp-gap: 10px;--gn-cmp-row-gap: 12px;--gn-cmp-media-max: clamp(52px, calc(.145 * var(--gn-sg-h)), 150px);display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:var(--gn-cmp-row-gap) var(--gn-cmp-gap);width:100%;min-height:0;margin:0;padding:0;list-style:none}.gn-shapes-modal .gn-compare__cell{flex:0 0 calc((100% - (var(--gn-cmp-cols) - 1) * var(--gn-cmp-gap)) / var(--gn-cmp-cols));max-width:calc((100% - (var(--gn-cmp-cols) - 1) * var(--gn-cmp-gap)) / var(--gn-cmp-cols));display:flex;margin:0;padding:0}.gn-shapes-modal .gn-compare__tile{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;margin:0;padding:8px 6px 9px;border:1.5px solid rgb(var(--text-color) / .14);border-radius:8px;background:rgb(var(--background));color:inherit;font:inherit;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.gn-shapes-modal .gn-compare__tile:hover{border-color:rgb(var(--text-color) / .5)}.gn-shapes-modal .gn-compare__tile:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.gn-shapes-modal .gn-compare__tile[aria-current=true]{border-color:rgb(var(--text-color));background:rgb(var(--text-color) / .04)}.gn-shapes-modal .gn-compare__media{position:relative;display:block;width:100%;aspect-ratio:1;max-height:var(--gn-cmp-media-max);overflow:hidden;border-radius:6px;background:var(--gn-sg-media-bg, transparent)}.gn-shapes-modal .gn-compare__img{position:absolute;top:0;left:50%;width:var(--gn-cmp-zoom, 174%);height:auto;max-width:none;transform:translate(-50%)}.gn-shapes-modal .gn-compare__nail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gn-shapes-modal .gn-compare__nail .gn-nail__path{fill:rgb(var(--text-color) / .85)}.gn-shapes-modal .gn-compare__name{display:block;font-size:13px;font-weight:500;line-height:1.2;letter-spacing:.01em}.gn-shapes-modal .gn-compare__note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;font-weight:400;line-height:1.3;opacity:.65}.gn-shapes-modal .gn-compare__hint{margin:0;font-size:12px;line-height:1.35;opacity:.7}@media screen and (max-width:699px){.gn-shapes-modal .gn-compare{--gn-cmp-gap: 8px;--gn-cmp-row-gap: 10px}.gn-shapes-modal .gn-shapes__slide--compare{gap:9px}.gn-shapes-modal .gn-compare__tile{gap:4px;padding:6px 5px 7px}.gn-shapes-modal .gn-compare__title{font-size:18px}.gn-shapes-modal .gn-compare__name{font-size:12.5px}.gn-shapes-modal .gn-compare__note{font-size:11px;opacity:.75}.gn-shapes-modal .gn-compare__hint{font-size:12px}}@media screen and (max-height:680px){.gn-shapes-modal .gn-compare{--gn-cmp-media-max: clamp(46px, calc(.12 * var(--gn-sg-h)), 120px)}.gn-shapes-modal .gn-shapes__slide--compare{gap:8px}.gn-shapes-modal .gn-compare__note,.gn-shapes-modal .gn-compare__hint{font-size:11px}}@media(prefers-reduced-motion:reduce){.gn-shapes-modal .gn-compare__tile{transition:none}}.gn-shapes-modal .gn-shapes__more{margin:0;text-align:center;line-height:0}.gn-shapes-modal .gn-shapes__morelink{display:inline-flex;align-self:auto;margin:-8px 0;padding:0 6px;font-size:13px;line-height:1.3;opacity:.8}.gn-shapes-modal .gn-bed{display:flex;flex-direction:column;min-height:0;min-width:0;overflow-y:auto}.gn-shapes-modal .gn-bed--more{-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 28px),transparent);mask-image:linear-gradient(to bottom,black calc(100% - 28px),transparent)}.gn-shapes-modal .gn-bed__screen{display:flex;flex-direction:column;gap:10px;min-height:0}.gn-shapes-modal .gn-bed__screen[hidden]{display:none!important}.gn-shapes-modal .gn-bed .gn-quiz__q{outline:none}.gn-shapes-modal .gn-bed__answers{display:grid;grid-template-columns:100%;gap:10px}.gn-shapes-modal .gn-bed__answer{flex-direction:row;justify-content:flex-start;gap:12px;min-height:60px;padding:10px 12px;text-align:left}.gn-shapes-modal .gn-bed__answer .gn-quiz__answer-text{align-items:flex-start}.gn-shapes-modal .gn-bed__answer b{font-size:14px;line-height:1.25}.gn-shapes-modal .gn-bed__icon{width:30px;height:36px;flex:none;fill:rgb(var(--text-color) / .08);stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.gn-shapes-modal .gn-bed__photo{width:68px;height:68px;flex:none;border-radius:6px;object-fit:cover;object-position:50% 30%;background:var(--gn-soft, rgb(var(--text-color) / .04))}.gn-shapes-modal .gn-bed__answer:has(.gn-bed__photo){padding:8px 12px 8px 8px}.gn-shapes-modal .gn-bed__picks{align-content:start}.gn-shapes-modal .gn-bed__tier{display:block;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.gn-shapes-modal .gn-bed__tip{margin:0;font-size:13px;line-height:1.4}.gn-shapes-modal .gn-bed__avoid{margin:0}.gn-shapes-modal .gn-bed .gn-compare__media{background:var(--gn-sg-media-bg, var(--gn-soft, rgb(var(--text-color) / .04)))}@media screen and (min-width:700px){.gn-shapes-modal .gn-bed__answers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-height:700px),screen and (max-width:340px){.gn-shapes-modal .gn-bed__screen{gap:8px}.gn-shapes-modal .gn-bed .gn-quiz__q{font-size:18px}.gn-shapes-modal .gn-bed__answers{gap:6px}.gn-shapes-modal .gn-bed__answer{min-height:52px;padding:6px 10px;gap:10px}.gn-shapes-modal .gn-bed__answer:has(.gn-bed__photo){padding:6px 10px 6px 6px}.gn-shapes-modal .gn-bed__photo{width:48px;height:48px}.gn-shapes-modal .gn-bed__icon{width:26px;height:32px}}@media screen and (max-width:340px){.gn-shapes-modal .gn-bed__screen{gap:6px}.gn-shapes-modal .gn-bed__answers{gap:4px}.gn-shapes-modal .gn-bed__answer{padding:5px 8px}.gn-shapes-modal .gn-bed__answer:has(.gn-bed__photo){padding:5px 8px 5px 5px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/gn-shape-guide.css.map */