#MainContent:has(.sv-oddit-article){background:#f4f1fa}#MainContent:has(.sv-oddit-article) .breadcrumbs{background:transparent}.sv-oddit-article{--sv-oddit-article-ink: #17232b;--sv-oddit-article-muted: #59636b;--sv-oddit-article-line: #e5e1ee;--sv-oddit-article-reading: 780px;background:var(--sv-oddit-article-background, #f4f1fa);color:var(--sv-oddit-article-ink);font-family:var(--font-body-family, Arial, sans-serif);padding-inline:24px}.sv-oddit-article--small{--sv-oddit-article-reading: 720px}.sv-oddit-article--large{--sv-oddit-article-reading: 880px}.sv-oddit-article__surface{background:#fff;border:1px solid var(--sv-oddit-article-line);border-radius:28px;box-shadow:0 12px 40px #281c400a;margin-inline:auto;max-width:1000px;padding:36px}.sv-oddit-article .article__page--width{margin-inline:auto;max-width:var(--sv-oddit-article-reading);width:100%}.sv-oddit-article .article__page--width>.container,.sv-oddit-article .article__page--container,.sv-oddit-article .article-template__hero-container{width:100%;max-width:100%;padding-inline:0}.sv-oddit-article .article-template__hero-container .media,.sv-oddit-article .article-template__hero-container .media>img{border-radius:20px}.sv-oddit-article header.article__page--width{margin-block:36px 0;line-height:1.5}.sv-oddit-article__surface>header:first-child{margin-top:0}.sv-oddit-article .sv-oddit-article__eyebrow{background:var(--sv-oddit-article-background, #f4f1fa);border:1px solid var(--sv-oddit-article-line);border-radius:999px;color:var(--sv-oddit-article-accent);display:inline-flex;font-size:12px;font-weight:750;letter-spacing:.08em;line-height:1.3;margin-bottom:18px;padding:8px 14px;text-decoration:none;text-transform:uppercase}.sv-oddit-article .article-template__title{color:var(--sv-oddit-article-ink);font-family:var(--font-heading-family, var(--font-body-family, Arial, sans-serif));font-size:clamp(30px,3.3vw,46px);font-weight:750;letter-spacing:-.035em;line-height:1.13;margin:0 0 22px;overflow-wrap:anywhere;text-transform:none}.sv-oddit-article .article__meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px 20px;padding-bottom:28px;border-bottom:1px solid var(--sv-oddit-article-line)}.sv-oddit-article .meta__info--item{align-items:center;color:var(--sv-oddit-article-muted);display:inline-flex;font-size:13px;gap:8px;line-height:1.5;margin:0;padding:0}.sv-oddit-article .article-template__content{color:var(--sv-oddit-article-muted);font-size:17px;line-height:1.8;margin-block:28px 36px;overflow-wrap:anywhere}.sv-oddit-article .article-template__content :where(p,li){color:inherit;font-size:inherit;line-height:inherit}.sv-oddit-article .article-template__content p{margin:0 0 22px}.sv-oddit-article .article-template__content strong{color:var(--sv-oddit-article-ink)}.sv-oddit-article .article-template__content :where(h2,h3,h4,h5,h6){color:var(--sv-oddit-article-ink);font-family:var(--font-heading-family, var(--font-body-family, Arial, sans-serif));font-weight:750;letter-spacing:-.025em;line-height:1.25;margin:40px 0 16px;overflow-wrap:anywhere;scroll-margin-top:140px;text-transform:none}.sv-oddit-article .article-template__content h2{font-size:clamp(25px,2.2vw,32px)}.sv-oddit-article .article-template__content h3{font-size:clamp(21px,1.8vw,25px)}.sv-oddit-article .article-template__content :where(h4,h5,h6){font-size:19px}.sv-oddit-article .article-template__content a{color:var(--sv-oddit-article-accent);font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.sv-oddit-article .article-template__content img{border-radius:16px;display:block;height:auto;margin:24px auto;max-width:100%}.sv-oddit-article .article-template__content :where(video,iframe){max-width:100%}.sv-oddit-article .article-template__content :where(ul,ol){padding-inline-start:24px;margin-block:24px}.sv-oddit-article .article-template__content li+li{margin-top:10px}.sv-oddit-article .article-template__content hr{border:0;border-top:1px solid var(--sv-oddit-article-line);margin:32px 0}.sv-oddit-article .article-template__content blockquote{background:var(--sv-oddit-article-background);border:0;border-inline-start:3px solid var(--sv-oddit-article-accent);border-radius:0 16px 16px 0;color:var(--sv-oddit-article-ink);font-size:inherit;margin:28px 0;padding:24px}.sv-oddit-article .social__share_box{position:relative;padding-block:24px;border-block:1px solid var(--sv-oddit-article-line)}.sv-oddit-article share-button{position:static;display:block;max-width:100%;min-width:0;border:0;border-radius:0;margin:0;padding:0}.sv-oddit-article share-button details{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;min-width:0;max-width:100%}.sv-oddit-article share-button details[hidden]{display:none}.sv-oddit-article share-button details[open]{width:340px}.sv-oddit-article .share-button__button,.sv-oddit-article .article-template__link,.sv-oddit-article .article-template__comment-wrapper input[type=submit]{background:var(--sv-oddit-article-accent);border:1px solid var(--sv-oddit-article-accent);border-radius:999px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:15px;font-weight:700;gap:10px;line-height:1.4;min-height:46px;padding:12px 22px;text-decoration:none}.sv-oddit-article .share-button__button{background:#fff;color:var(--sv-oddit-article-accent);margin:0;list-style:none}.sv-oddit-article .share-button__button::-webkit-details-marker{display:none}.sv-oddit-article .share-button__button .icon-share{margin:0;flex-shrink:0}.sv-oddit-article .share-button__button.hidden{display:none}.sv-oddit-article .share-button__fallback{background:#fff;border:1px solid var(--sv-oddit-article-line);border-radius:14px;box-shadow:0 10px 30px #281c401a;position:static;margin:0;max-width:340px;min-width:0;width:100%;z-index:2}.sv-oddit-article share-button details:not([open]) .share-button__fallback{display:none}.sv-oddit-article .share-button__fallback .field{flex:1;min-width:0}.sv-oddit-article .share-button__fallback .field:before,.sv-oddit-article .share-button__fallback .field:after{display:none}.sv-oddit-article .share-button__fallback .field__input{min-width:0;width:100%;border:0;background:transparent;border-radius:14px 0 0 14px}.sv-oddit-article .share-button__fallback :where(button,.field__input){min-height:44px}.sv-oddit-article .back--to-blog{padding-block:28px 0}.sv-oddit-article .article-next-previous--inner{border:0;gap:16px;margin:28px 0 0;padding:24px 0 0;border-top:1px solid var(--sv-oddit-article-line)}.sv-oddit-article .article-next-previous-button{align-items:center;display:inline-flex;gap:10px;color:var(--sv-oddit-article-accent);font-size:15px;min-height:44px}.sv-oddit-article .article-next-previous-button a{color:inherit;font-weight:650;text-decoration:underline;text-underline-offset:4px}.sv-oddit-article .article-template__comment-wrapper{margin-top:40px}.sv-oddit-article .article-template__comment-wrapper :where(input:not([type=submit]),textarea){background:#fff;border:1px solid #cbc4da;border-radius:12px;color:var(--sv-oddit-article-ink);font:inherit}.sv-oddit-article :where(a,button,summary,input,textarea):focus-visible{outline:3px solid var(--sv-oddit-article-accent);outline-offset:4px}@media(hover:hover){.sv-oddit-article .article-template__content a:hover{text-decoration-thickness:2px}.sv-oddit-article .share-button__button:hover{background:var(--sv-oddit-article-background);text-decoration:none}.sv-oddit-article .article-template__link:hover{filter:brightness(.92)}}@media(max-width:749px){.sv-oddit-article{padding-inline:12px}.sv-oddit-article__surface{border-radius:20px;padding:20px;box-shadow:none}.sv-oddit-article .article-template__hero-container .media,.sv-oddit-article .article-template__hero-container .media>img{border-radius:12px}.sv-oddit-article header.article__page--width{margin-top:24px}.sv-oddit-article .article-template__content{font-size:16px;line-height:1.75}.sv-oddit-article .article-template__content :where(h2,h3,h4){margin-top:32px}.sv-oddit-article .article__meta{padding-bottom:22px}.sv-oddit-article .article-template__content img{border-radius:12px}.sv-oddit-article .article-template__link{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/sv-oddit-article.css.map */