.cc-sample{--pp-line: rgba(var(--color-foreground), .18);--pp-line-strong: rgb(var(--color-foreground));--pp-accent: rgb(var(--color-base-accent-1));--pp-radius: 1rem;max-width:140rem;margin:0 auto;padding:3.6rem 1.5rem}.cc-sample__grid{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:start}.cc-sample__media{position:relative;min-width:0}.cc-sample__image{display:block;width:100%;height:auto}.cc-sample__info{min-width:0}@media screen and (min-width:750px){.cc-sample__grid{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:2.5rem}}.cc-sample__header{display:flex;flex-wrap:wrap;align-items:baseline;gap:1.2rem;margin:0 0 2.4rem}.cc-sample__title{margin:0}.cc-sample__reviews{color:inherit;text-decoration:none;line-height:1}.cc-sample__app{margin:0 0 2.4rem}.cc-sample .cc-instruction{margin:0 0 1rem;padding:0;text-align:left;font-size:1.7rem;font-weight:400}.cc-sample__materials{display:grid;grid-template-columns:1fr;gap:1.4rem;min-width:0;margin:0 0 2.4rem;padding:0;border:0}.cc-sample__materials input[type=radio]{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.cc-sample__materials input[type=radio]+label{position:relative;box-sizing:border-box;display:grid;grid-template-columns:min(9rem,40%) 1fr;align-items:start;align-content:start;gap:.5rem 1rem;width:100%;margin:0;padding:2.6rem .8rem .7rem;overflow:hidden;text-align:left;cursor:pointer;background:rgb(var(--color-background));border:1.5px solid var(--pp-line);border-radius:var(--pp-radius);transition:border-color .15s ease,box-shadow .15s ease}.cc-sample__materials input[type=radio]:checked+label{border-color:transparent;box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 4px var(--pp-accent)}.cc-sample__materials input[type=radio]:focus-visible+label{outline:2px solid var(--pp-line-strong);outline-offset:3px}.cc-sample__materials input[type=radio]:disabled+label{opacity:.5;cursor:not-allowed}.cc-sample .pp-material-bg{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:.6rem}.cc-sample .pp-material-body{min-width:0}.cc-sample .pp-material-body h4{margin:0 0 .4rem;padding:0;font-size:1.5rem;font-weight:500;line-height:1.25;color:rgb(var(--color-foreground))}.cc-sample .pp-material-usps{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;font-size:1.2rem;line-height:1.35;opacity:.8}.cc-sample .pp-material-usps li{position:relative;display:flex;align-items:center;gap:.5rem;margin:0;padding-left:1.4rem;font-size:var(--musp-text, 1.2rem)}.cc-sample .pp-material-usps li:before{content:"";position:absolute;left:0;top:.45em;width:.7rem;height:.4rem;border-left:1.5px solid var(--pp-accent);border-bottom:1.5px solid var(--pp-accent);transform:rotate(-45deg)}.cc-sample .pp-material-usps li.has-icon{padding-left:0}.cc-sample .pp-material-usps li.has-icon:before{display:none}.cc-sample .pp-material-usps__icon{flex:0 0 auto;width:var(--musp-icon, 1.3rem);height:var(--musp-icon, 1.3rem);object-fit:contain}.cc-sample .pp-material-desc{grid-column:1 / -1;margin:0;font-size:1.2rem;line-height:1.45;opacity:.8}.cc-sample .pp-material-desc--selected-only{display:none}.cc-sample__materials input[type=radio]:checked+label .pp-material-desc--selected-only{display:block}.cc-sample .pp-material-tag{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;padding:.45rem .9rem;font-size:1.1rem;font-weight:400;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.cc-sample .pp-material-tag__icon{flex:0 0 auto;width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cc-sample .product-form__submit{width:100%;max-width:none;margin:0;min-height:calc((4.5rem + var(--buttons-border-width, 1px) * 2) * 1.035);padding-top:0;padding-bottom:0;box-shadow:0 10px 26px #00000047,0 3px 8px #00000024;transition:box-shadow .15s ease,transform .15s ease}.cc-sample .product-form__submit:hover{box-shadow:0 14px 32px #00000052,0 4px 10px #00000029;transform:translateY(-1px)}@media screen and (max-width:749px){.cc-sample__materials input[type=radio]+label{grid-template-columns:26% 1fr;gap:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/17/compiled_assets/styles.css.map?subset=AAAE */