.der-sbt{--sbt-indigo: var(--der-purple, #534787);--sbt-indigo-deep: var(--der-purple-deep, #40376A);--sbt-indigo-tint: var(--der-purple-tint, #EFECF8);--sbt-teal: var(--der-accent, #2AA8BF);--sbt-teal-deep: var(--der-accent-deep, #185F6D);--sbt-teal-tint: var(--der-accent-tint, #EFF6F7);--sbt-body: var(--der-body, #33343A);--sbt-muted: var(--der-muted, #54595F);--sbt-line: var(--der-line, #D2D2D7);--sbt-soft: var(--der-bg-soft, #F5F5F7);--sbt-white: #FFFFFF;--sbt-radius: 18px;--sbt-radius-sm: 12px;--sbt-font: var(--der-font-body, "Rubik", sans-serif);--sbt-maxw: 1180px;font-family:var(--sbt-font);color:var(--sbt-body);line-height:1.6;font-size:16px}.der-sbt *,.der-sbt *:before,.der-sbt *:after{box-sizing:border-box}.der-sbt__wrap{max-width:var(--sbt-maxw);margin:0 auto;padding:0 24px}.der-sbt__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.der-sbt a:focus-visible,.der-sbt button:focus-visible,.der-sbt input:focus-visible{outline:3px solid var(--sbt-teal);outline-offset:2px;border-radius:4px}.der-sbt__hero{padding:56px 0 0;text-align:center}.der-sbt__eyebrow{margin:0 0 12px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sbt-teal-deep)}.der-sbt__title{margin:0 0 12px;font-family:var(--sbt-font);font-size:clamp(32px,5vw,46px);line-height:1.15;font-weight:600;color:var(--sbt-indigo)}.der-sbt__lede{margin:0 auto;max-width:620px;font-size:17px;color:var(--sbt-muted)}.der-sbt__searchwrap{position:relative;max-width:720px;margin:28px auto 0}.der-sbt__searchfield{position:relative}.der-sbt__searchicon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none;color:var(--sbt-muted)}.der-sbt__input{width:100%;padding:18px 52px;font-family:var(--sbt-font);font-size:17px;color:var(--sbt-body);background:var(--sbt-white);border:1px solid var(--sbt-line);border-radius:var(--sbt-radius);transition:border-color .15s ease,box-shadow .15s ease}.der-sbt__input::placeholder{color:#8b8b96}.der-sbt__input:focus{border-color:var(--sbt-teal);box-shadow:0 0 0 3px #2aa8bf2e;outline:none}.der-sbt__clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:none;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--sbt-soft);color:var(--sbt-muted);font-size:17px;line-height:1;cursor:pointer}.der-sbt__clear:hover{background:var(--sbt-indigo-tint);color:var(--sbt-indigo)}.der-sbt.is-searching .der-sbt__clear{display:flex}.der-sbt__results{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 8px);max-height:460px;overflow-y:auto;text-align:left;background:var(--sbt-white);border:1px solid var(--sbt-line);border-radius:var(--sbt-radius);box-shadow:0 14px 40px #33343a21;padding:8px;display:none}.der-sbt__results.is-open{display:block}.der-sbt__rgroup+.der-sbt__rgroup{margin-top:6px;border-top:1px solid var(--sbt-line);padding-top:6px}.der-sbt__rgroup-title{margin:0;padding:8px 14px 6px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sbt-muted)}.der-sbt__ritem{display:flex;align-items:baseline;gap:10px;padding:10px 14px;border-radius:var(--sbt-radius-sm);text-decoration:none;color:var(--sbt-body)}.der-sbt__ritem:hover,.der-sbt__ritem.is-active{background:var(--sbt-indigo-tint);color:var(--sbt-indigo)}.der-sbt__ritem-label{font-weight:500}.der-sbt__ritem-ctx{font-size:13px;color:var(--sbt-muted)}.der-sbt__rempty{padding:22px 16px;text-align:center;color:var(--sbt-muted);font-size:15px}.der-sbt__rall{display:block;padding:12px 14px;margin-top:4px;border-top:1px solid var(--sbt-line);font-size:15px;font-weight:600;color:var(--sbt-teal-deep);text-decoration:none;text-align:center}.der-sbt__rall:hover{color:var(--sbt-indigo)}.der-sbt__pills{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.der-sbt__pill-label{align-self:center;margin-right:4px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sbt-muted)}.der-sbt__pill{display:inline-block;padding:8px 16px;font-size:14.5px;font-weight:500;color:var(--sbt-indigo);text-decoration:none;background:var(--sbt-white);border:1px solid var(--sbt-line);border-radius:999px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.der-sbt__pill:hover{background:var(--sbt-indigo-tint);border-color:var(--sbt-indigo);color:var(--sbt-indigo-deep)}.der-sbt__use{margin:32px auto 0;max-width:860px;padding:22px 24px;background:var(--sbt-soft);border-radius:var(--sbt-radius);text-align:center}.der-sbt__use-title{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--sbt-indigo)}.der-sbt__use-sub{margin:0 0 14px;font-size:15px;color:var(--sbt-muted)}.der-sbt__use .der-sbt__pills{margin-top:0}.der-sbt__section{padding:76px 0 0}.der-sbt__section--last{padding-bottom:88px}.der-sbt__section-head{margin-bottom:28px}.der-sbt__h2{margin:0 0 6px;font-family:var(--sbt-font);font-size:clamp(24px,3.2vw,32px);line-height:1.2;font-weight:600;color:var(--sbt-indigo)}.der-sbt__section-sub{margin:0;font-size:16.5px;color:var(--sbt-muted)}.der-sbt__grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.der-sbt__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.der-sbt__card{display:flex;flex-direction:column;padding:24px;background:var(--sbt-white);border:1px solid var(--sbt-line);border-radius:var(--sbt-radius);transition:border-color .15s ease,box-shadow .15s ease}.der-sbt__card:hover{border-color:var(--sbt-indigo);box-shadow:0 6px 20px #33343a12}.der-sbt__card-icon{width:40px;height:40px;margin-bottom:14px;color:var(--sbt-teal)}.der-sbt__card-title{margin:0 0 6px;font-size:21px;line-height:1.3;font-weight:600}.der-sbt__card-title a{color:var(--sbt-indigo);text-decoration:none}.der-sbt__card-title a:hover{color:var(--sbt-indigo-deep);text-decoration:underline}.der-sbt__card-desc{margin:0;font-size:15.5px;color:var(--sbt-muted)}.der-sbt__card-cta{margin-top:16px;font-size:15px;font-weight:600;color:var(--sbt-teal-deep);text-decoration:none}.der-sbt__card-cta:hover{color:var(--sbt-indigo)}.der-sbt__sublist{list-style:none;margin:14px 0 0;padding:0}.der-sbt__sublist li{margin:0}.der-sbt__sublist a{display:block;padding:7px 0;font-size:15.5px;color:var(--sbt-body);text-decoration:none;border-bottom:1px solid transparent}.der-sbt__sublist a:hover{color:var(--sbt-teal-deep)}.der-sbt__card--plain{padding:20px 24px}.der-sbt__section--practice .der-sbt__card{background:var(--sbt-soft);border-color:transparent}.der-sbt__section--practice .der-sbt__card:hover{border-color:var(--sbt-line);box-shadow:none}.der-sbt__section--practice .der-sbt__card-title{font-size:18px}@media(max-width:1024px){.der-sbt__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.der-sbt__wrap{padding:0 22px}.der-sbt__hero{padding-top:40px}.der-sbt__section{padding-top:56px}.der-sbt__section--last{padding-bottom:64px}.der-sbt__grid,.der-sbt__grid--2{grid-template-columns:minmax(0,1fr)}.der-sbt__input{font-size:16px;padding:16px 48px}.der-sbt__pills{justify-content:flex-start}.der-sbt__use{text-align:left}.der-sbt__sublist a{padding:10px 0}.der-sbt__pill{padding:9px 16px}}@media(prefers-reduced-motion:reduce){.der-sbt *{transition:none!important}}.der-sbt__searchwrap{max-width:780px;margin-top:32px}.der-sbt__input{padding:22px 56px 22px 58px;font-size:18px;border-width:2px;border-radius:20px;box-shadow:0 4px 18px #33343a0f}.der-sbt__searchicon{left:22px;width:22px;height:22px}.der-sbt__pills{margin-top:18px;gap:8px}.der-sbt__pill{padding:6px 14px;font-size:13.5px;font-weight:500;color:var(--sbt-muted);background:var(--sbt-soft);border-color:transparent}.der-sbt__pill:hover{background:var(--sbt-indigo-tint);border-color:var(--sbt-indigo);color:var(--sbt-indigo)}.der-sbt__use{margin-top:14px;padding:16px 20px 18px;background:transparent;border-top:1px solid var(--sbt-line);border-radius:0;max-width:780px}.der-sbt__use-title{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--sbt-muted)}.der-sbt__use-sub{font-size:14px;margin-bottom:10px}.der-sbt__use .der-sbt__pill{font-size:13px;background:transparent;border-color:var(--sbt-line)}.der-sbt__use .der-sbt__pill:hover{background:var(--sbt-indigo-tint);border-color:var(--sbt-indigo)}.der-sbt__sticky{position:fixed;z-index:60;top:0;left:0;right:0;padding:10px 20px;background:#fffffff7;border-bottom:1px solid var(--sbt-line);box-shadow:0 4px 16px #33343a12;transform:translateY(-100%);transition:transform .18s ease}.der-sbt__sticky.is-visible{transform:translateY(0)}.der-sbt__sticky-inner{position:relative;max-width:780px;margin:0 auto}.der-sbt__sticky .der-sbt__input{padding:12px 44px;font-size:15.5px;border-width:1px;border-radius:12px;box-shadow:none}.der-sbt__sticky .der-sbt__searchicon{left:14px;width:18px;height:18px}.der-sbt__sticky .der-sbt__results{top:calc(100% + 6px);max-height:60vh}@media(prefers-reduced-motion:reduce){.der-sbt__sticky{transition:none}}.der-sbt__badge{display:inline-block;align-self:flex-start;margin-bottom:10px;padding:3px 10px;border-radius:999px;background:var(--sbt-teal-tint, #EFF6F7);color:var(--sbt-teal-deep);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.der-sbt__card-icon{margin-bottom:12px}.der-sbt__card-desc+.der-sbt__sublist{margin-top:12px}.der-sbt__card .der-sbt__card-desc{font-size:14.5px;line-height:1.5}.der-sbt__section--tinted{background:var(--sbt-soft);padding-top:72px;padding-bottom:76px;margin-top:76px}.der-sbt__section--tinted+.der-sbt__section{padding-top:76px}.der-sbt__section--tinted .der-sbt__card{background:var(--sbt-white)}.der-sbt__fab{position:fixed;z-index:55;right:18px;bottom:18px;width:52px;height:52px;display:none;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--sbt-indigo);color:#fff;box-shadow:0 6px 20px #33343a38;cursor:pointer}.der-sbt__fab svg{width:22px;height:22px}.der-sbt__fab.is-visible{display:flex}@media(min-width:701px){.der-sbt__fab{display:none!important}}@media(max-width:700px){.der-sbt__input{padding:18px 48px;font-size:16px}.der-sbt__use{padding-left:0;padding-right:0}.der-sbt__sticky{padding:8px 14px}.der-sbt__section--tinted{margin-top:56px;padding-top:52px;padding-bottom:56px}}input.der-sbt__input{padding-left:58px}.der-sbt__sticky input.der-sbt__input{padding-left:44px}@media(max-width:700px){input.der-sbt__input{padding-left:48px}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/der-shop-by-type.css.map */