.nagels__raster{gap:32px;display:grid}.nagels__tekst,.nagels__prijzen{align-content:start;justify-items:start;gap:22px;display:grid}@media (min-width:1024px){.nagels__raster{column-gap:var(--kolom);grid-template-rows:auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:36px}.nagels__tekst{grid-area:1/1/auto/span 5}.nagels__prijzen{grid-area:2/1/auto/span 5}.tips{grid-area:1/7/span 2/span 6;align-self:center}}.nagels__lijst{border-top:1px solid var(--ink);width:100%;margin:0}.nagels__lijst>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;display:flex}.nagels__lijst dt{font-weight:600}.nagels__noot{color:var(--muted);font-size:.9375rem;font-weight:400;display:block}.nagels__lijst dd{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:14px;margin:0;display:flex}.nagels__duur{color:var(--muted);font-size:.9375rem}.nagels__bedrag{font-family:var(--heading-font);letter-spacing:-.01em;font-size:1.1875rem;font-weight:620}.nagels__knop{width:100%}@media (min-width:640px){.nagels__knop{width:auto}}.tips{height:clamp(300px,88vw,420px);position:relative}.tips__sprite{width:0;height:0;position:absolute;overflow:hidden}.tips__hand{width:0;height:0;margin:0;padding:0;list-style:none;position:absolute;bottom:14%;left:50%}.tips__tip{width:0;height:0;transform:rotate(var(--hoek));position:absolute;top:0;left:0}.tips__schuif{transform-origin:50% 100%;width:60px;height:200px;position:absolute;bottom:0;left:-30px}.tips__tip svg{width:100%;height:100%;display:block;overflow:visible}.tips__nagel{background:conic-gradient(from 200deg,#f4f2f5,#8f8b92,#fff,#a6a2a9,#e9e7ea,#77737a,#f4f2f5);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;bottom:14%;left:50%;transform:translateY(50%);box-shadow:0 0 0 1px #1c1a1f33}@media (min-width:640px){.tips__schuif{width:72px;height:240px;left:-36px}}@media (min-width:1024px){.tips{height:clamp(460px,36vw,580px)}.tips__schuif{width:104px;height:346px;left:-52px}}@media (hover:hover) and (pointer:fine){.tips__tip:hover{z-index:1}.tips__tip:hover .tips__schuif{transform:translateY(-16px)scale(1.04)}.tips__hand{pointer-events:none}.tips__tip svg{pointer-events:auto}}@media (prefers-reduced-motion:no-preference){:root:not([data-beweging=uit]) .tips__tip{transition:transform .8s var(--ease);transition-delay:calc(var(--i) * 40ms)}:root:not([data-beweging=uit]) .tips__schuif{transition:transform .45s var(--ease)}:root:not([data-beweging=uit]) .tips[data-dicht] .tips__tip{transition:none;transform:rotate(0)}}