- 제출된 URL:
- https://sockvibe.com/
- 보고서 완료:
링크 · 4개 결과
페이지에서 식별된 외부 링크
링크 | 텍스트 |
---|---|
https://shopify.com/85779611956/account?locale=en®ion_country=US | Log in |
https://twitter.com/SockVibeBlog | |
https://www.facebook.com/SockVibe | |
https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore | Powered by Shopify |
JavaScript 변수 · 176개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
이름 | 유형 |
---|---|
0 | object |
1 | object |
2 | object |
3 | object |
4 | object |
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
Shopify | object |
__st | object |
콘솔 로그 메시지 · 5개 결과
웹 콘솔에 기록된 메시지
유형 | 카테고리 | 로그 |
---|---|---|
error | other |
|
error | other |
|
error | other |
|
log | other |
|
error | other |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html class="js" lang="en" style="--header-height: 96px;"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="">
<link rel="canonical" href="https://sockvibe.com/"><link rel="icon" type="image/png" href="//sockvibe.com/cdn/shop/files/Logo_B.png?crop=center&height=32&v=1704816378&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin=""><title>
Sock Vibe with Steve Yiker | For the man who cares about his sock game
– SockVibe.com</title>
<meta name="description" content="I know that finding the perfect pair of socks can make all the difference in your day, and I'm here to help you find your sole-mate. From classic to funky, I'll guide you through the world of socks with style and confidence.">
<meta property="og:site_name" content="SockVibe.com">
<meta property="og:url" content="https://sockvibe.com/">
<meta property="og:title" content="Sock Vibe with Steve Yiker | For the man who cares about his sock game">
<meta property="og:type" content="website">
<meta property="og:description" content="I know that finding the perfect pair of socks can make all the difference in your day, and I'm here to help you find your sole-mate. From classic to funky, I'll guide you through the world of socks with style and confidence."><meta property="og:image" content="http://sockvibe.com/cdn/shop/files/SEO_Card.png?v=1704911655">
<meta property="og:image:secure_url" content="https://sockvibe.com/cdn/shop/files/SEO_Card.png?v=1704911655">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="720"><meta name="twitter:site" content="@SockVibeBlog"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Sock Vibe with Steve Yiker | For the man who cares about his sock game">
<meta name="twitter:description" content="I know that finding the perfect pair of socks can make all the difference in your day, and I'm here to help you find your sole-mate. From classic to funky, I'll guide you through the world of socks with style and confidence.">
<script async="" src="https://gdpr-api.sharethis.com/cmp-v2.js"></script><script async="" src="https://count-server.sharethis.com/v2.0/get_counts?cb=window.__sharethis__.cb&url=https%3A%2F%2Fsockvibe.com%2F"></script><script async="" src="https://platform-api.sharethis.com/panorama.js"></script><iframe id="pxcelframe" title="pxcelframe" src="//t.sharethis.com/a/t_.htm?ver=1.1572.23404&cid=c010&cls=B#cid=c010&cls=B&dmn=sockvibe.com&rnd=1731061954776&tt=t.dhj&dhjLcy=154&lbl=pxcel&flbl=pxcel&ll=d&ver=1.1572.23404&ell=d&cck=__stid&pn=%2F&qs=na&rdn=sockvibe.com&rpn=%2F&rqs=na&cc=ES&cont=EU&ipaddr=" style="display: none;"></iframe><script async="" src="https://buttons-config.sharethis.com/js/646e8135a660b80019d55ce7.js"></script><script type="text/javascript" async="" src="//sockvibe.com/cdn/s/trekkie.storefront.bda1c7f8ce322425fd3b514c95d393292639cd34.min.js"></script><script src="//sockvibe.com/cdn/shop/t/1/assets/constants.js?v=58251544750838685771704738810" defer="defer"></script>
<script src="//sockvibe.com/cdn/shop/t/1/assets/pubsub.js?v=158357773527763999511704738817" defer="defer"></script>
<script src="//sockvibe.com/cdn/shop/t/1/assets/global.js?v=40820548392383841591704738811" defer="defer"></script><script src="//sockvibe.com/cdn/shop/t/1/assets/animations.js?v=88693664871331136111704738791" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/85779611956/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="f632384240e5a06004f08bbcdd140b95">
<meta id="in-context-paypal-metadata" data-shop-id="85779611956" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<script id="shopify-features" type="application/json">{"accessToken":"f632384240e5a06004f08bbcdd140b95","betas":["rich-media-storefront-analytics"],"domain":"sockvibe.com","predictiveSearch":true,"shopId":85779611956,"smart_payment_buttons_url":"https:\/\/sockvibe.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/sockvibe.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "9f14fd-2.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Dawn","id":164564762932,"schema_name":"Dawn","schema_version":"12.0.0","theme_store_id":887,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "sockvibe.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script id="__st">var __st={"a":85779611956,"offset":-28800,"reqid":"4d30145f-1b1a-49ec-a73f-ccef222e0e83-1731058823","pageurl":"sockvibe.com\/","u":"52f4259b47a0","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!0,['guest_login'])})()}();</script>
<script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//sockvibe.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://sockvibe.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("#dynamic-checkout-cart")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id="sections-script" data-sections="header" defer="defer" src="//sockvibe.com/cdn/shop/t/1/compiled_assets/scripts.js?73"></script>
<style id="shopify-accelerated-checkout-cart">
#dynamic-checkout-cart {
container-type: inline-size;
container-name: dcc;
width: 100%;
}
.wallet-cart-grid {
--wallet-button-height-horizontal: clamp(
25px,
var(
--shopify-accelerated-checkout-button-inline-size,
42px
),
55px
);
--wallet-button-height-vertical: clamp(
25px,
var(
--shopify-accelerated-checkout-button-block-size,
54px
),
55px
);
--wallet-button-width-horizontal: 150px;
--wallet-button-width-vertical: 100%;
--wallet-button-border-radius: var(
--shopify-accelerated-checkout-button-border-radius,
4px
);
--wallet-grid-margin-horizontal: 0 -5px -5px -5px;
--wallet-button-container-margin-horizontal: 0 5px 5px;
--wallet-button-container-margin-vertical: var(--shopify-accelerated-checkout-row-gap, 8px) 0 0;
}
@keyframes acceleratedCheckoutLoadingSkeleton {
50% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start, 1);}
75% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-end, 0.5);}
100% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start, 1);}
}
.wallet-cart-button__skeleton {
animation: acceleratedCheckoutLoadingSkeleton var(--shopify-accelerated-checkout-skeleton-animation-duration, 4s) var(--shopify-accelerated-checkout-skeleton-animation-timing-function, ease) infinite;
animation-delay: -0.168s;
background-color: var(--shopify-accelerated-checkout-skeleton-background-color, #dedede);
box-sizing: border-box;
text-decoration: none !important;
}
.wallet-cart-grid {
margin: var(--wallet-grid-margin-horizontal);
padding: 0;
display: flex;
flex-direction: row;
justify-content: var(--shopify-accelerated-checkout-inline-alignment, start);
gap: 0 !important;
}
.wallet-cart-grid--skeleton {
justify-content: var(--shopify-accelerated-checkout-inline-alignment, inherit);
}
.wallet-cart-button-container {
position: relative;
margin: var(--wallet-button-container-margin-horizontal);
}
.wallet-cart-button-container,
.wallet-cart-button {
width: var(--wallet-button-width-horizontal);
height: var(--wallet-button-height-horizontal);
border-radius: var(--wallet-button-border-radius);
list-style-type: none !important;
text-align: center;
flex-shrink: 0;
flex-grow: 0;
}
.additional-checkout-buttons--vertical .wallet-cart-grid {
justify-content: start;
flex-direction: column;
margin: 0;
}
.additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button-container {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
margin: var(--wallet-button-container-margin-vertical);
}
.additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button-container:first-child {
margin-top: 0;
}
.additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
}
.additional-checkout-buttons--horizontal .wallet-cart-grid .wallet-cart-button-container,
.additional-checkout-buttons--horizontal .wallet-cart-grid .wallet-cart-button {
width: var(--wallet-button-width-horizontal) !important;
height: var(--wallet-button-height-horizontal) !important;
border-radius: var(--wallet-button-border-radius) !important;
}
@container dcc (width >= 150px) and (width <= 500px) {
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) {
justify-content: start;
flex-direction: column;
margin: 0;
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button-container {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
margin: var(--wallet-button-container-margin-vertical);
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button-container:first-child {
margin-top: 0;
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
}
}
@container dcc (width <= 310px) {
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) {
justify-content: start;
flex-direction: column;
margin: 0;
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button-container {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
margin: var(--wallet-button-container-margin-vertical);
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button-container:first-child {
margin-top: 0;
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
}
}
@container dcc (width <= 470px) {
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) {
justify-content: start;
flex-direction: column;
margin: 0;
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button-container {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
margin: var(--wallet-button-container-margin-vertical);
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button-container:first-child {
margin-top: 0;
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
}
}
@container dcc (width <= 630px) {
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) {
justify-content: start;
flex-direction: column;
margin: 0;
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button-container {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
margin: var(--wallet-button-container-margin-vertical);
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button-container:first-child {
margin-top: 0;
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
}
}
@container dcc (width <= 790px) {
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) {
justify-content: start;
flex-direction: column;
margin: 0;
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button-container {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
margin: var(--wallet-button-container-margin-vertical);
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button-container:first-child {
margin-top: 0;
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
}
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) {
justify-content: start;
flex-direction: column;
margin: 0;
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button-container {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
margin: var(--wallet-button-container-margin-vertical);
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button-container:first-child {
margin-top: 0;
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
}
@media screen and (max-width: 750px) {
.wallet-cart-grid {
justify-content: start;
flex-direction: column;
max-width: none;
margin: 0;
}
.wallet-cart-grid .wallet-cart-button-container {
max-width: none;
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
margin: var(--wallet-button-container-margin-vertical);
}
.wallet-cart-grid .wallet-cart-button-container:first-child {
margin-top: 0;
}
.wallet-cart-grid .wallet-cart-button {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
}
}
@supports (not (container-type: inline-size)) or (not (selector(:has(*)))) {
.wallet-cart-grid {
justify-content: start;
flex-direction: column;
margin: 0;
}
.wallet-cart-button-container {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
margin: var(--wallet-button-container-margin-vertical);
}
.wallet-cart-button-container:first-child {
margin-top: 0;
}
.wallet-cart-grid .wallet-cart-button {
width: var(--wallet-button-width-vertical);
height: var(--wallet-button-height-vertical);
}
}
#shopify-buyer-consent {
margin-top: 1em;
display: inline-block;
width: 100%;
}
#shopify-buyer-consent.hidden {
display: none;
}
#shopify-subscription-policy-button {
background: none;
border: none;
padding: 0;
text-decoration: underline;
font-size: inherit;
cursor: pointer;
}
#shopify-subscription-policy-button::before {
box-shadow: none;
}
</style>
<style id="shopify-accelerated-checkout-cart-grid-with-margin-top">.additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button-container:first-child {
margin-top: 8px;
}
@container dcc (width >= 150px) and (width <= 500px) {
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button-container:first-child {
margin-top: 8px;
}
}
@container dcc (width <= 310px) {
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button-container:first-child {
margin-top: 8px;
}
}
@container dcc (width <= 470px) {
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button-container:first-child {
margin-top: 8px;
}
}
@container dcc (width <= 630px) {
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button-container:first-child {
margin-top: 8px;
}
}
@container dcc (width <= 790px) {
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button-container:first-child {
margin-top: 8px;
}
}
.wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button-container:first-child {
margin-top: 8px;
}
@media screen and (max-width: 750px) {
.wallet-cart-grid .wallet-cart-button-container:first-child {
margin-top: 8px;
}
}
@supports (not (container-type: inline-size)) or (not (selector(:has(*)))) {
.wallet-cart-button-container:first-child {
margin-top: 8px;
}
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<style data-shopify="">
@font-face {
font-family: Roboto;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//sockvibe.com/cdn/fonts/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2?h1=OWYxNGZkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c29ja3ZpYmVzdGV2ZXlpa2VyLm15c2hvcGlmeS5jb20&h3=c29ja3ZpYmUuY29t&hmac=039925bbf8b42d25d320ece0b61efe0262bdc75e4d63afb5d18be702fffeff3d") format("woff2"),
url("//sockvibe.com/cdn/fonts/roboto/roboto_n4.a512c7b68cd7f12c72e1a5fd58e7f7315c552e93.woff?h1=OWYxNGZkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c29ja3ZpYmVzdGV2ZXlpa2VyLm15c2hvcGlmeS5jb20&h3=c29ja3ZpYmUuY29t&hmac=85032944f7a4743965993ff60cc991f48bf5300788991957336ff497e8aca3d6") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//sockvibe.com/cdn/fonts/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=OWYxNGZkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c29ja3ZpYmVzdGV2ZXlpa2VyLm15c2hvcGlmeS5jb20&h3=c29ja3ZpYmUuY29t&hmac=66a0f38a376345aa85b2dd9fd760c739d4ea51da9c20237da5d2ed48329a3db6") format("woff2"),
url("//sockvibe.com/cdn/fonts/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=OWYxNGZkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c29ja3ZpYmVzdGV2ZXlpa2VyLm15c2hvcGlmeS5jb20&h3=c29ja3ZpYmUuY29t&hmac=5f746954d55be429670e5fca1acb7814fc5103c46a75f20c153abc766371e64a") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//sockvibe.com/cdn/fonts/roboto/roboto_i4.f98951b4b9b6e1096fc799cd05debd098bd422ac.woff2?h1=OWYxNGZkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c29ja3ZpYmVzdGV2ZXlpa2VyLm15c2hvcGlmeS5jb20&h3=c29ja3ZpYmUuY29t&hmac=a4006d196a419337f0e959f9ce1e46bf07f56977063f1c87847576b2e2d74017") format("woff2"),
url("//sockvibe.com/cdn/fonts/roboto/roboto_i4.688a26691d45bc4053b6ae24a196cabdeedbc25c.woff?h1=OWYxNGZkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c29ja3ZpYmVzdGV2ZXlpa2VyLm15c2hvcGlmeS5jb20&h3=c29ja3ZpYmUuY29t&hmac=c6c28a41cafc9362398d9c55f63cb232ade8274544aa072db0f775d30ce007c1") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//sockvibe.com/cdn/fonts/roboto/roboto_i7.9c922c35bb84952cfb17e8c1d42e440e75aa8ccf.woff2?h1=OWYxNGZkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c29ja3ZpYmVzdGV2ZXlpa2VyLm15c2hvcGlmeS5jb20&h3=c29ja3ZpYmUuY29t&hmac=0cb4e832bc6f0f7114d60c8d75e2541347be17f6de78f1e12b3ed395564a61ac") format("woff2"),
url("//sockvibe.com/cdn/fonts/roboto/roboto_i7.c50b5683f5731edb8040ff2110a54947108434de.woff?h1=OWYxNGZkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c29ja3ZpYmVzdGV2ZXlpa2VyLm15c2hvcGlmeS5jb20&h3=c29ja3ZpYmUuY29t&hmac=6c9b51b38100272ba2c80739abbd29d08c1c1d9efd17bbe38481dfebd4f51a11") format("woff");
}
@font-face {
font-family: Roboto;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//sockvibe.com/cdn/fonts/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2?h1=OWYxNGZkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c29ja3ZpYmVzdGV2ZXlpa2VyLm15c2hvcGlmeS5jb20&h3=c29ja3ZpYmUuY29t&hmac=039925bbf8b42d25d320ece0b61efe0262bdc75e4d63afb5d18be702fffeff3d") format("woff2"),
url("//sockvibe.com/cdn/fonts/roboto/roboto_n4.a512c7b68cd7f12c72e1a5fd58e7f7315c552e93.woff?h1=OWYxNGZkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c29ja3ZpYmVzdGV2ZXlpa2VyLm15c2hvcGlmeS5jb20&h3=c29ja3ZpYmUuY29t&hmac=85032944f7a4743965993ff60cc991f48bf5300788991957336ff497e8aca3d6") format("woff");
}
:root,
.color-background-1 {
--color-background: 237,235,222;
--gradient-background: #edebde;
--color-foreground: 24,46,66;
--color-background-contrast: 192,185,139;
--color-shadow: 18,18,18;
--color-button: 58,103,124;
--color-button-text: 255,255,255;
--color-secondary-button: 237,235,222;
--color-secondary-button-text: 58,103,124;
--color-link: 58,103,124;
--color-badge-foreground: 24,46,66;
--color-badge-background: 237,235,222;
--color-badge-border: 24,46,66;
--payment-terms-background-color: rgb(237 235 222);
}
.color-background-2 {
--color-background: 100,154,167;
--gradient-background: #649aa7;
--color-foreground: 237,235,222;
--color-background-contrast: 51,82,89;
--color-shadow: 18,18,18;
--color-button: 237,235,222;
--color-button-text: 24,46,66;
--color-secondary-button: 100,154,167;
--color-secondary-button-text: 237,235,222;
--color-link: 237,235,222;
--color-badge-foreground: 237,235,222;
--color-badge-background: 100,154,167;
--color-badge-border: 237,235,222;
--payment-terms-background-color: rgb(100 154 167);
}
.color-inverse {
--color-background: 24,46,66;
--gradient-background: #182e42;
--color-foreground: 237,235,222;
--color-background-contrast: 31,59,85;
--color-shadow: 18,18,18;
--color-button: 237,235,222;
--color-button-text: 24,46,66;
--color-secondary-button: 24,46,66;
--color-secondary-button-text: 237,235,222;
--color-link: 237,235,222;
--color-badge-foreground: 237,235,222;
--color-badge-background: 24,46,66;
--color-badge-border: 237,235,222;
--payment-terms-background-color: rgb(24 46 66);
}
.color-accent-1 {
--color-background: 58,103,124;
--gradient-background: #3a677c;
--color-foreground: 237,235,222;
--color-background-contrast: 17,31,37;
--color-shadow: 18,18,18;
--color-button: 237,235,222;
--color-button-text: 24,46,66;
--color-secondary-button: 58,103,124;
--color-secondary-button-text: 237,235,222;
--color-link: 237,235,222;
--color-badge-foreground: 237,235,222;
--color-badge-background: 58,103,124;
--color-badge-border: 237,235,222;
--payment-terms-background-color: rgb(58 103 124);
}
.color-accent-2 {
--color-background: 237,235,222;
--gradient-background: #edebde;
--color-foreground: 24,46,66;
--color-background-contrast: 192,185,139;
--color-shadow: 18,18,18;
--color-button: 24,46,66;
--color-button-text: 237,235,222;
--color-secondary-button: 237,235,222;
--color-secondary-button-text: 24,46,66;
--color-link: 24,46,66;
--color-badge-foreground: 24,46,66;
--color-badge-background: 237,235,222;
--color-badge-border: 24,46,66;
--payment-terms-background-color: rgb(237 235 222);
}
body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
color: rgba(var(--color-foreground), 0.75);
background-color: rgb(var(--color-background));
}
:root {
--font-body-family: Roboto, sans-serif;
--font-body-style: normal;
--font-body-weight: 400;
--font-body-weight-bold: 700;
--font-heading-family: Roboto, sans-serif;
--font-heading-style: normal;
--font-heading-weight: 400;
--font-body-scale: 1.0;
--font-heading-scale: 1.0;
--media-padding: px;
--media-border-opacity: 0.05;
--media-border-width: 0px;
--media-radius: 0px;
--media-shadow-opacity: 0.0;
--media-shadow-horizontal-offset: 0px;
--media-shadow-vertical-offset: 4px;
--media-shadow-blur-radius: 5px;
--media-shadow-visible: 0;
--page-width: 120rem;
--page-width-margin: 0rem;
--product-card-image-padding: 0.0rem;
--product-card-corner-radius: 0.0rem;
--product-card-text-alignment: left;
--product-card-border-width: 0.0rem;
--product-card-border-opacity: 0.1;
--product-card-shadow-opacity: 0.0;
--product-card-shadow-visible: 0;
--product-card-shadow-horizontal-offset: 0.0rem;
--product-card-shadow-vertical-offset: 0.4rem;
--product-card-shadow-blur-radius: 0.5rem;
--collection-card-image-padding: 0.0rem;
--collection-card-corner-radius: 0.0rem;
--collection-card-text-alignment: left;
--collection-card-border-width: 0.0rem;
--collection-card-border-opacity: 0.1;
--collection-card-shadow-opacity: 0.0;
--collection-card-shadow-visible: 0;
--collection-card-shadow-horizontal-offset: 0.0rem;
--collection-card-shadow-vertical-offset: 0.4rem;
--collection-card-shadow-blur-radius: 0.5rem;
--blog-card-image-padding: 0.0rem;
--blog-card-corner-radius: 0.0rem;
--blog-card-text-alignment: left;
--blog-card-border-width: 0.0rem;
--blog-card-border-opacity: 0.1;
--blog-card-shadow-opacity: 0.0;
--blog-card-shadow-visible: 0;
--blog-card-shadow-horizontal-offset: 0.0rem;
--blog-card-shadow-vertical-offset: 0.4rem;
--blog-card-shadow-blur-radius: 0.5rem;
--badge-corner-radius: 4.0rem;
--popup-border-width: 1px;
--popup-border-opacity: 0.1;
--popup-corner-radius: 0px;
--popup-shadow-opacity: 0.05;
--popup-shadow-horizontal-offset: 0px;
--popup-shadow-vertical-offset: 4px;
--popup-shadow-blur-radius: 5px;
--drawer-border-width: 1px;
--drawer-border-opacity: 0.1;
--drawer-shadow-opacity: 0.0;
--drawer-shadow-horizontal-offset: 0px;
--drawer-shadow-vertical-offset: 4px;
--drawer-shadow-blur-radius: 5px;
--spacing-sections-desktop: 0px;
--spacing-sections-mobile: 0px;
--grid-desktop-vertical-spacing: 8px;
--grid-desktop-horizontal-spacing: 8px;
--grid-mobile-vertical-spacing: 4px;
--grid-mobile-horizontal-spacing: 4px;
--text-boxes-border-opacity: 0.1;
--text-boxes-border-width: 0px;
--text-boxes-radius: 0px;
--text-boxes-shadow-opacity: 0.0;
--text-boxes-shadow-visible: 0;
--text-boxes-shadow-horizontal-offset: 0px;
--text-boxes-shadow-vertical-offset: 4px;
--text-boxes-shadow-blur-radius: 5px;
--buttons-radius: 0px;
--buttons-radius-outset: 0px;
--buttons-border-width: 1px;
--buttons-border-opacity: 1.0;
--buttons-shadow-opacity: 0.0;
--buttons-shadow-visible: 0;
--buttons-shadow-horizontal-offset: 0px;
--buttons-shadow-vertical-offset: 4px;
--buttons-shadow-blur-radius: 5px;
--buttons-border-offset: 0px;
--inputs-radius: 0px;
--inputs-border-width: 1px;
--inputs-border-opacity: 0.55;
--inputs-shadow-opacity: 0.0;
--inputs-shadow-horizontal-offset: 0px;
--inputs-margin-offset: 0px;
--inputs-shadow-vertical-offset: 4px;
--inputs-shadow-blur-radius: 5px;
--inputs-radius-outset: 0px;
--variant-pills-radius: 40px;
--variant-pills-border-width: 1px;
--variant-pills-border-opacity: 0.55;
--variant-pills-shadow-opacity: 0.0;
--variant-pills-shadow-horizontal-offset: 0px;
--variant-pills-shadow-vertical-offset: 4px;
--variant-pills-shadow-blur-radius: 5px;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: calc(var(--font-body-scale) * 62.5%);
height: 100%;
}
body {
display: grid;
grid-template-rows: auto auto 1fr auto;
grid-template-columns: 100%;
min-height: 100%;
margin: 0;
font-size: 1.5rem;
letter-spacing: 0.06rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
@media screen and (min-width: 750px) {
body {
font-size: 1.6rem;
}
}
</style>
<link href="//sockvibe.com/cdn/shop/t/1/assets/base.css?v=22615539281115885671704738792" rel="stylesheet" type="text/css" media="all">
<link rel="preload" as="font" href="//sockvibe.com/cdn/fonts/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2?h1=OWYxNGZkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c29ja3ZpYmVzdGV2ZXlpa2VyLm15c2hvcGlmeS5jb20&h3=c29ja3ZpYmUuY29t&hmac=039925bbf8b42d25d320ece0b61efe0262bdc75e4d63afb5d18be702fffeff3d" type="font/woff2" crossorigin=""><link rel="preload" as="font" href="//sockvibe.com/cdn/fonts/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2?h1=OWYxNGZkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=c29ja3ZpYmVzdGV2ZXlpa2VyLm15c2hvcGlmeS5jb20&h3=c29ja3ZpYmUuY29t&hmac=039925bbf8b42d25d320ece0b61efe0262bdc75e4d63afb5d18be702fffeff3d" type="font/woff2" crossorigin=""><link rel="stylesheet" href="//sockvibe.com/cdn/shop/t/1/assets/component-predictive-search.css?v=118923337488134913561704738805" media="all" onload="this.media='all'"><script>
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
if (Shopify.designMode) {
document.documentElement.classList.add('shopify-design-mode');
}
</script>
<!-- Share This -->
<script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=646e8135a660b80019d55ce7&product=inline-share-buttons" async="async"></script>
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-0Z5LLQ5H86"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-0Z5LLQ5H86');
</script>
<script src="https://cdn.shopify.com/extensions/b7d864ae-2b1e-49ac-882e-0e9c411b762c/forms-998/assets/loader.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 85779611956,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 85779611956,storefrontBaseUrl: "https://sockvibe.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"SockVibe.com","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"9f14fd-2.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/sockvibe.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://sockvibe.com/cdn","cff8dc064faaf8715a2418caed123c268099ef44","afc1c29ew2c3596bfpf78f5eedm53690a39",);</script><script async="" src="https://sockvibe.com/cdn/wpm/bafc1c29ew2c3596bfpf78f5eedm53690a39m.js"></script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'USD';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
};
</script>
<script class="analytics">(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 85779611956,
theme_id: 164564762932,
app_name: "storefront",
context_url: window.location.href,
source_url: "//sockvibe.com/cdn/s/trekkie.storefront.bda1c7f8ce322425fd3b514c95d393292639cd34.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//sockvibe.com/cdn/s/trekkie.storefront.bda1c7f8ce322425fd3b514c95d393292639cd34.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//sockvibe.com/cdn/s/trekkie.storefront.bda1c7f8ce322425fd3b514c95d393292639cd34.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":85779611956,"isMerchantRequest":null,"themeId":164564762932,"themeCityHash":"6464702528856479331","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home"});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//sockvibe.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script><script async="" src="//sockvibe.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"></script>
<script class="boomerang">
(function () {
window.BOOMR = window.BOOMR || {};
window.BOOMR.themeName = "Dawn";
window.BOOMR.themeVersion = "12.0.0";
window.BOOMR.shopId = 85779611956;
window.BOOMR.themeId = 164564762932;
})();</script>
<script defer="" src="https://sockvibe.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.1.min.js" data-application="storefront-renderer" data-shop-id="85779611956" data-render-region="gcp-europe-west1" data-page-type="index" data-theme-instance-id="164564762932" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10"></script>
<script src="https://cdn.shopify.com/extensions/b7d864ae-2b1e-49ac-882e-0e9c411b762c/forms-998/assets/index.js" type="module" defer="" async=""></script><script type="text/javascript" src="https://sockvibe.com/cdn/shopifycloud/consent-tracking-api/v0.1/consent-tracking-api.js"></script><style type="text/css">#st-2 {
font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;;
-moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
backface-visibility: hidden;
display: block;
position: fixed;
opacity: 1;
text-align: left;
top: 160px;
z-index: 94034;
}
#st-2.st-left {
left: 0px;
}
#st-2.st-hidden.st-left {
left: -48px;
}
#st-2.st-hidden {
width: 96px;
}
#st-2.st-preview {
display: none!important;
opacity: 0!important;
}
#st-2 > div {
clear: left;
float: left;
}
#st-2 .st-btn {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
border: none;
cursor: pointer;
display: inline-block;
font-size: NaNpx;
height: 48px;
line-height: 24px;
margin-bottom: 0;
opacity: 1;
overflow: hidden;
padding: 12px;
position: relative;
text-align: left;
top: 0;
vertical-align: top;
white-space: nowrap;
width: 48px;
}
#st-2 .st-btn.st-first {
border-top: none;
border-top-right-radius: 4px;
}
#st-2 .st-btn.st-last {
border-bottom: none;
border-bottom-right-radius: 4px;
}
#st-2 .st-btn > svg {
-moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
height: 24px;
margin-left: 0;
vertical-align: top;
width: 24px;
}
#st-2 .st-btn > img {
-moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
height: 24px;
margin-left: 0;
vertical-align: top;
width: 24px;
}
#st-2 .st-btn > span {
-moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
color: #fff;
display: inline-block;
font-weight: 500;
left: -35px;
letter-spacing: 0.5px;
opacity: 0;
padding: 0 6px;
position: relative;
vertical-align: top;
filter: alpha(opacity=0);
}
#st-2 .st-btn.st-hide-label > span {
display: none !important;
}
#st-2 .st-total {
-moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
background: #fff;
color: #555;
display: inline-block;
font-weight: 500;
line-height: 18px;
margin-right: 0;
min-height: 34px;
max-width: 80px;
opacity: 1;
padding: 4px 0;
text-align: center;
width: 48px;
}
#st-2 .st-total.st-hidden {
display: none;
}
#st-2 .st-total > span {
display: block;
font-size: 18px;
line-height: 21px;
padding: 0;
}
#st-2 .st-total > span.st-shares {
font-size: 11px;
line-height: 11px;
}
#st-2 .st-toggle {
left: -48px;
-moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
background: #ccc;
border-bottom-right-radius: 4px;
color: white;
cursor: pointer;
font-size: 24px;
line-height: 24px;
position: relative;
text-align: center;
width: 48px;
}
#st-2.st-hidden .st-toggle {
border-top-right-radius: 4px;
}
#st-2.st-left .st-toggle .st-left {
display: inline-block;
}
#st-2.st-left.st-hidden .st-toggle .st-left {
display: none;
}
#st-2.st-left .st-toggle .st-right {
display: none;
}
#st-2.st-left.st-hidden .st-toggle .st-right {
display: inline-block;
}#st-2:hover .st-toggle {
left: 0;
}
#st-2.st-hidden:hover .st-toggle {
left: 48px;
}
#st-2.st-toggleable:hover .st-btn.st-last {
border-bottom-right-radius: 0;
}
#st-2.st-toggleable:hover .st-btn.st-last:hover {
border-bottom-right-radius: 4px;
}
#st-2 .st-btn:hover {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
#st-2.st-has-labels .st-btn:hover {
width: 120px;
}
#st-2:not(.st-has-labels) .st-btn:hover {
width: 62px;
}
#st-2 .st-btn.st-hide-label:hover {
width: 62px;
}
#st-2 .st-btn:hover > svg {
margin-left: 5px;
}
#st-2 .st-btn:hover > img {
margin-left: 5px;
}
#st-2 .st-btn:hover > span {
opacity: 1;
display: inline-block;
left: 0;
filter: alpha(opacity=100);
}
@media (max-width: 1024px) {
#st-2 .st-btn:hover > svg {
margin-left: 0;
}
#st-2 .st-btn:hover > span {
display: none;
}
}@media (max-width: 1024px) {
#st-2 {
bottom: 0;
display: flex;
left: 0;
right: 0;
top: auto;
width: 100%;
}
#st-2.st-hidden {
bottom: -48px;
width: 100%;
}
#st-2.st-hidden.st-left {
left: 0;
}
#st-2.st-hidden.st-right {
right: 0;
}
#st-2 > div {
-moz-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
clear: none;
flex: 1;
float: none;
}
#st-2 .st-total {
background: #fff;
padding: 6px 8px;
}
#st-2 .st-btn {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
text-align: center;
width: auto;
}
#st-2 .st-btn > span {
display: none;
}
#st-2 .st-toggle {
display: none;
}body { padding-bottom: 48px; }
}#st-2 .st-btn[data-network='print'] {
background-color: #649aa7
}
#st-2 .st-btn[data-network='print'] img {
filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(10deg) brightness(105%) contrast(104%);
}
#st-2 .st-btn[data-network='print'] > span {
color: #fff
}
#st-2 .st-btn[data-network='facebook'] {
background-color: #649aa7
}
#st-2 .st-btn[data-network='facebook'] img {
filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(10deg) brightness(105%) contrast(104%);
}
#st-2 .st-btn[data-network='facebook'] > span {
color: #fff
}
#st-2 .st-btn[data-network='twitter'] {
background-color: #649aa7
}
#st-2 .st-btn[data-network='twitter'] img {
filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(10deg) brightness(105%) contrast(104%);
}
#st-2 .st-btn[data-network='twitter'] > span {
color: #fff
}
#st-2 .st-btn[data-network='pinterest'] {
background-color: #649aa7
}
#st-2 .st-btn[data-network='pinterest'] img {
filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(10deg) brightness(105%) contrast(104%);
}
#st-2 .st-btn[data-network='pinterest'] > span {
color: #fff
}
#st-2 .st-btn[data-network='wechat'] {
background-color: #649aa7
}
#st-2 .st-btn[data-network='wechat'] img {
filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(10deg) brightness(105%) contrast(104%);
}
#st-2 .st-btn[data-network='wechat'] > span {
color: #fff
}
#st-2 .st-btn[data-network='surfingbird'] {
background-color: #649aa7
}
#st-2 .st-btn[data-network='surfingbird'] img {
filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(10deg) brightness(105%) contrast(104%);
}
#st-2 .st-btn[data-network='surfingbird'] > span {
color: #fff
}#st-2 .st-btn[data-network='snapchat'] > span {
color: #333};
}#st-2 .st-btn[data-network='copy']:hover {
width: max-content;
}</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);</style><style type="text/css">#st-cmp-v2 .st-cmp-app {
position: fixed;
top: 0;
left: 0;
z-index: 9999999999;
width: 100%;
height: 100%;
}
#st-cmp-v2 .st-cmp-app * {
box-sizing: border-box;
font-family: "Open Sans";
font-size: 13px;
}
#st-cmp-v2 .st-cmp-app .st-switch {
height: unset;
}
#st-cmp-v2 .st-cmp-app .st-cmp-header-nav-buttons {
display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-footer-nav-buttons {
display: inline-block;
}
#st-cmp-v2 .st-cmp-app .st-cmp-permanent-footer-nav-buttons {
float: right;
}
#st-cmp-v2 .st-cmp-app .st-cmp-scroll-buttons {
float: right;
}
#st-cmp-v2 .st-cmp-app .st-cmp-overlay {
z-index: 1000000000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
}
#st-cmp-v2 .st-cmp-app .st-layer {
height: 100%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content {
padding: 30px 40px;
z-index: 1000000001;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60%;
height: 80%;
background-color: #fff;
border-radius: 4px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content * {
list-style: disc;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content ul {
margin: 0px 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content a {
color: #09cd18;
text-decoration: none;
font-size: 15px;
cursor: pointer;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content a:hover {
color: #08b515;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content p {
font-weight: 100;
font-size: 17px;
margin-top: 0;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
color: #09cd18;
display: inline-block;
font-size: 40px;
font-weight: 100;
letter-spacing: 1px;
margin: 0 0 20px 0;
margin-bottom: 10px;
max-width: none;
padding: 0 0;
position: inherit;
text-align: left;
text-transform: uppercase;
transform: none;
word-spacing: 1px;
width: fit-content;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h2 {
line-height: 26px;
margin: 20px 0 0 10px;
font-size: 22px;
font-weight: 600;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h3 {
line-height: 18px;
margin: 10px 0 5px 10px;
font-size: 16px;
font-weight: 600;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h4 {
font-size: 16px;
font-weight: 600;
line-height: 20px;
margin: 0 0 20px 10px;
font-size: 14px;
margin-bottom: 0px;
color: inherit;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h5 {
font-size: 14px;
font-weight: normal;
line-height: 14px;
margin: 0 0 10px 0;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .header {
display: inline-block;
width: 100%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .header .st-text {
vertical-align: text-top;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
padding: 0px 0px 10px 0px;
background-color: #f8f8f8;
overflow: scroll;
max-height: 47vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
max-height: 60.4vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
padding: 0px 5px;
overflow: scroll;
height: 13vh;
margin-top: 15px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer p {
font-size: 15px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-settings {
width: 86px;
height: 24px;
background-color: #09cd18;
color: #fff;
cursor: pointer;
position: fixed;
right: -7px;
bottom: 55px;
border-radius: 2px;
line-height: 11px;
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
#st-cmp-v2 .st-cmp-app .st-cmp-settings span {
text-transform: uppercase;
font-size: 12px;
vertical-align: text-top;
position: absolute;
left: 10px;
top: 6px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-settings img {
width: 17px;
height: 17px;
filter: invert(100%);
position: absolute;
left: 60px;
top: 3px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-settings:hover {
background-color: #08b916;
}
#st-cmp-v2 .st-cmp-app-hidden {
width: 0px !important;
height: 0px !important;
}
@media (max-height: 1000px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 65%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
max-height: 43vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
max-height: 58vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
height: 14.5vh;
}
}
@media (max-height: 835px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 75%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
max-height: 36.3vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
max-height: 54.9vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
height: 18vh;
}
}
@media (max-height: 690px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 75%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
max-height: 33vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
max-height: 49.3vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
height: 15.5vh;
}
}
@media (max-height: 550px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 85%;
height: 85%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
max-height: 32.1vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
max-height: 48vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
height: 15vh;
}
}
@media (max-height: 450px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 95%;
height: 95%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
max-height: 27vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
max-height: 38.3vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
height: 10vh;
}
}
@media (max-width: 1300px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 75%;
height: 80%;
}
}
@media (max-width: 1200px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 80%;
height: 80%;
}
}
@media (max-width: 1100px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
font-size: 35px;
}
}
@media (max-width: 1000px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
font-size: 30px;
}
}
@media (max-width: 900px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 90%;
height: 90%;
}
}
@media (max-width: 850px) {
#st-cmp-v2 .st-cmp-app .st-button .st-text {
display: unset;
}
}
@media only screen and (max-device-height: 950px) and (max-device-width: 700px) {
#st-cmp-v2 .st-cmp-app {
height: 65%;
top: 35%;
border-top-left-radius: 0px;
border-top-right-raidus: 0px;
border-top: 1px solid #ddd;
}
#st-cmp-v2 .st-cmp-app .st-cmp-overlay {
width: 0%;
height: 0%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-full-header {
margin-left: -15px;
padding-left: 15px;
margin-top: -15px;
padding-top: 15px;
width: calc(100% + 30px);
}
#st-cmp-v2 .st-cmp-app .st-cmp-header-nav-buttons {
display: block;
margin-left: -3px;
margin-top: -10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-header-nav-buttons .st-button-inner {
min-width: 0px !important;
}
#st-cmp-v2 .st-cmp-app .st-cmp-footer-nav-buttons {
display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-permanent-footer-nav-buttons {
float: none;
background-color: #fff;
display: flex;
justify-st-cmp-content: space-around;
position: absolute;
width: 100%;
left: 0px;
bottom: 0px;
padding: 10px 10px 20px 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-permanent-footer-nav-buttons .st-button-inner {
width: 28vw !important;
}
#st-cmp-v2 .st-cmp-app .st-cmp-scroll-buttons {
display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 100%;
height: 100%;
padding: 15px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
font-size: 22px;
letter-spacing: 0px;
margin-bottom: 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h2 {
font-size: 17px;
margin-top: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h3 {
font-size: 15px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h4 {
font-size: 13px;
margin-top: 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
height: 75%;
margin-top: 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
display: inherit;
height: 75%;
max-height: unset;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-item h4 {
width: 190px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-li-label-full {
display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-li-label-mobile {
display: unset !important;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-card {
margin-top: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-card .st-switch label {
width: 230px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-detailed-selection-card {
margin-top: -10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card {
margin: 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card h3 {
width: 170px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-third-layer .st-cmp-selection-cards h2 {
margin-bottom: 10px;
}
}
@media only screen and (max-device-height: 700px) and (max-device-width: 700px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
height: 0%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
height: 75%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
height: 75%;
}
}
@media only screen and (max-device-width: 370px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
font-size: 20px;
letter-spacing: -0.5px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-item h4 {
width: 145px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-card .st-switch label {
width: 210px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card h3 {
width: 150px;
}
}
@media only screen and (max-device-width: 350px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
font-size: 20px;
letter-spacing: -0.5px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-item h4 {
width: 140px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-card .st-switch label {
width: 180px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card h3 {
width: 140px;
}
}
@media only screen and (max-device-width: 320px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card h3 {
width: 110px;
}
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange a {
color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange a:hover {
color: #e65e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-button .st-button-inner {
background: #ff6900;
border-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-button .st-button-inner:hover {
background: #e65e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-button.ghost .st-button-inner {
color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-button.ghost .st-button-inner:hover {
background: none;
color: #e65e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-switch .slider[data-checked] {
background-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #ff6900;
border-bottom: 2px solid #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-settings {
background-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-settings:hover {
background-color: #ff781a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow a {
color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow a:hover {
color: #e3a600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-button .st-button-inner {
background: #fcb900;
border-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-button .st-button-inner:hover {
background: #e3a600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-button.ghost .st-button-inner {
color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-button.ghost .st-button-inner:hover {
background: none;
color: #e3a600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-switch .slider[data-checked] {
background-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #fcb900;
border-bottom: 2px solid #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-settings {
background-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-settings:hover {
background-color: #ffc117;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green a {
color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green a:hover {
color: #67d7aa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-button .st-button-inner {
background: #7bdcb5;
border-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-button .st-button-inner:hover {
background: #67d7aa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-button.ghost .st-button-inner {
color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-button.ghost .st-button-inner:hover {
background: none;
color: #67d7aa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-switch .slider[data-checked] {
background-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #7bdcb5;
border-bottom: 2px solid #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-settings {
background-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-settings:hover {
background-color: #60d5a6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green a {
color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green a:hover {
color: #00b674;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-button .st-button-inner {
background: #00d084;
border-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-button .st-button-inner:hover {
background: #00b674;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-button.ghost .st-button-inner {
color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-button.ghost .st-button-inner:hover {
background: none;
color: #00b674;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-switch .slider[data-checked] {
background-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #00d084;
border-bottom: 2px solid #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-settings {
background-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-settings:hover {
background-color: #0b7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue a {
color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue a:hover {
color: #75c7fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-button .st-button-inner {
background: #8ed1fc;
border-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-button .st-button-inner:hover {
background: #75c7fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-button.ghost .st-button-inner {
color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-button.ghost .st-button-inner:hover {
background: none;
color: #75c7fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-switch .slider[data-checked] {
background-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #8ed1fc;
border-bottom: 2px solid #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-settings {
background-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-settings:hover {
background-color: #68c1fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue a {
color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue a:hover {
color: #0583ca;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-button .st-button-inner {
background: #0693e3;
border-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-button .st-button-inner:hover {
background: #0583ca;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-button.ghost .st-button-inner {
color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-button.ghost .st-button-inner:hover {
background: none;
color: #0583ca;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-switch .slider[data-checked] {
background-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #0693e3;
border-bottom: 2px solid #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-settings {
background-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-settings:hover {
background-color: #0ca3f9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey a {
color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey a:hover {
color: #9cabb8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-button .st-button-inner {
background: #abb8c3;
border-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-button .st-button-inner:hover {
background: #9cabb8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-button.ghost .st-button-inner {
color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-button.ghost .st-button-inner:hover {
background: none;
color: #9cabb8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-switch .slider[data-checked] {
background-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #abb8c3;
border-bottom: 2px solid #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-settings {
background-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-settings:hover {
background-color: #b3bfc9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta a {
color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta a:hover {
color: #d31244;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-button .st-button-inner {
background: #eb144c;
border-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-button .st-button-inner:hover {
background: #d31244;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-button.ghost .st-button-inner {
color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-button.ghost .st-button-inner:hover {
background: none;
color: #d31244;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-switch .slider[data-checked] {
background-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #eb144c;
border-bottom: 2px solid #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-settings {
background-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-settings:hover {
background-color: #ed2c5e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink a {
color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink a:hover {
color: #f57595;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-button .st-button-inner {
background: #f78da7;
border-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-button .st-button-inner:hover {
background: #f57595;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-button.ghost .st-button-inner {
color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-button.ghost .st-button-inner:hover {
background: none;
color: #f57595;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-switch .slider[data-checked] {
background-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #f78da7;
border-bottom: 2px solid #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-settings {
background-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-settings:hover {
background-color: #f898b0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple a {
color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple a:hover {
color: #8900d5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-button .st-button-inner {
background: #9900ef;
border-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-button .st-button-inner:hover {
background: #8900d5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-button.ghost .st-button-inner {
color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-button.ghost .st-button-inner:hover {
background: none;
color: #8900d5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-switch .slider[data-checked] {
background-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #9900ef;
border-bottom: 2px solid #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-settings {
background-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-settings:hover {
background-color: #a70bff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red a {
color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red a:hover {
color: #9f0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button .st-button-inner {
background: #b80000;
border-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button .st-button-inner:hover {
background: #9f0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner {
color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner:hover {
background: none;
color: #9f0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-switch .slider[data-checked] {
background-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #b80000;
border-bottom: 2px solid #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-settings {
background-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-settings:hover {
background-color: #d90000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange a {
color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange a:hover {
color: #c23700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-button .st-button-inner {
background: #db3e00;
border-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-button .st-button-inner:hover {
background: #c23700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-button.ghost .st-button-inner {
color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-button.ghost .st-button-inner:hover {
background: none;
color: #c23700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-switch .slider[data-checked] {
background-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #db3e00;
border-bottom: 2px solid #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-settings {
background-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-settings:hover {
background-color: #f84600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow a {
color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow a:hover {
color: #e3b600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-button .st-button-inner {
background: #fccb00;
border-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-button .st-button-inner:hover {
background: #e3b600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-button.ghost .st-button-inner {
color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-button.ghost .st-button-inner:hover {
background: none;
color: #e3b600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-switch .slider[data-checked] {
background-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #fccb00;
border-bottom: 2px solid #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-settings {
background-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-settings:hover {
background-color: #ffd217;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green a {
color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green a:hover {
color: #007202;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-button .st-button-inner {
background: #008b02;
border-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-button .st-button-inner:hover {
background: #007202;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-button.ghost .st-button-inner {
color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-button.ghost .st-button-inner:hover {
background: none;
color: #007202;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-switch .slider[data-checked] {
background-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #008b02;
border-bottom: 2px solid #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-settings {
background-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-settings:hover {
background-color: #00b003;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green a {
color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green a:hover {
color: #00545d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-button .st-button-inner {
background: #006b76;
border-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-button .st-button-inner:hover {
background: #00545d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-button.ghost .st-button-inner {
color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-button.ghost .st-button-inner:hover {
background: none;
color: #00545d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-switch .slider[data-checked] {
background-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #006b76;
border-bottom: 2px solid #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-settings {
background-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-settings:hover {
background-color: #008f9d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue a {
color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue a:hover {
color: #1067c6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-button .st-button-inner {
background: #1273de;
border-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-button .st-button-inner:hover {
background: #1067c6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-button.ghost .st-button-inner {
color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-button.ghost .st-button-inner:hover {
background: none;
color: #1067c6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-switch .slider[data-checked] {
background-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #1273de;
border-bottom: 2px solid #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-settings {
background-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-settings:hover {
background-color: #1e80ed;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue a {
color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue a:hover {
color: #0044b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-button .st-button-inner {
background: #004dcf;
border-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-button .st-button-inner:hover {
background: #0044b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-button.ghost .st-button-inner {
color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-button.ghost .st-button-inner:hover {
background: none;
color: #0044b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-switch .slider[data-checked] {
background-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #004dcf;
border-bottom: 2px solid #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-settings {
background-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-settings:hover {
background-color: #0058ed;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple a {
color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple a:hover {
color: #4a00d2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-button .st-button-inner {
background: #5300eb;
border-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-button .st-button-inner:hover {
background: #4a00d2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-button.ghost .st-button-inner {
color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-button.ghost .st-button-inner:hover {
background: none;
color: #4a00d2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-switch .slider[data-checked] {
background-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #5300eb;
border-bottom: 2px solid #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-settings {
background-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-settings:hover {
background-color: #5f07ff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black h1,
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black a {
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black a:hover {
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-button .st-button-inner {
background: #000;
border-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-button .st-button-inner:hover {
background: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-button.ghost .st-button-inner {
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-button.ghost .st-button-inner:hover {
background: none;
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-switch .slider[data-checked] {
background-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-settings {
background-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-settings:hover {
background-color: #1a1a1a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red h1,
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red a {
color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red a:hover {
color: #cb0e0e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-button .st-button-inner {
background: #e31010;
border-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-button .st-button-inner:hover {
background: #cb0e0e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-button.ghost .st-button-inner {
color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-button.ghost .st-button-inner:hover {
background: none;
color: #cb0e0e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-switch .slider[data-checked] {
background-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #e31010;
border-bottom: 2px solid #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-settings {
background-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-settings:hover {
background-color: #ef1f1f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white h1,
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white a {
color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white a:hover {
color: #f2f2f2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-button .st-button-inner {
background: #fff;
border-color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-button .st-button-inner:hover {
background: #f2f2f2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-button.ghost .st-button-inner {
color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-button.ghost .st-button-inner:hover {
background: none;
color: #f2f2f2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-switch .slider[data-checked] {
background-color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-settings {
background-color: #fff;
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-settings img {
filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-settings:hover {
background-color: #e6e6e6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red a {
color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red a:hover {
color: #e7817f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-button .st-button-inner {
background: #eb9694;
border-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-button .st-button-inner:hover {
background: #e7817f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-button.ghost .st-button-inner {
color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-button.ghost .st-button-inner:hover {
background: none;
color: #e7817f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-switch .slider[data-checked] {
background-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #eb9694;
border-bottom: 2px solid #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-settings {
background-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-settings:hover {
background-color: #eda19f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange a {
color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange a:hover {
color: #f8beab;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-button .st-button-inner {
background: #fad0c3;
border-color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-button .st-button-inner:hover {
background: #f8beab;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-button.ghost .st-button-inner {
color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-button.ghost .st-button-inner:hover {
background: none;
color: #f8beab;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-switch .slider[data-checked] {
background-color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #fad0c3;
border-bottom: 2px solid #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-settings {
background-color: #fad0c3;
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-settings img {
filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-settings:hover {
background-color: #fbd5c9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow a {
color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow a:hover {
color: #feeea4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-button .st-button-inner {
background: #fef3bd;
border-color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-button .st-button-inner:hover {
background: #feeea4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-button.ghost .st-button-inner {
color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-button.ghost .st-button-inner:hover {
background: none;
color: #feeea4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-switch .slider[data-checked] {
background-color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #fef3bd;
border-bottom: 2px solid #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-settings {
background-color: #fef3bd;
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-settings img {
filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-settings:hover {
background-color: #fdeb91;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green a {
color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green a:hover {
color: #b0d9b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-button .st-button-inner {
background: #c1e1c5;
border-color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-button .st-button-inner:hover {
background: #b0d9b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-button.ghost .st-button-inner {
color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-button.ghost .st-button-inner:hover {
background: none;
color: #b0d9b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-switch .slider[data-checked] {
background-color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #c1e1c5;
border-bottom: 2px solid #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-settings {
background-color: #c1e1c5;
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-settings img {
filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-settings:hover {
background-color: #c7e4cb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green a {
color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green a:hover {
color: #add1d3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-button .st-button-inner {
background: #bedadc;
border-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-button .st-button-inner:hover {
background: #add1d3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-button.ghost .st-button-inner {
color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-button.ghost .st-button-inner:hover {
background: none;
color: #add1d3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-switch .slider[data-checked] {
background-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #bedadc;
border-bottom: 2px solid #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-settings {
background-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-settings:hover {
background-color: #c4dee0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue a {
color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue a:hover {
color: #aed2f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-button .st-button-inner {
background: #c4def6;
border-color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-button .st-button-inner:hover {
background: #aed2f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-button.ghost .st-button-inner {
color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-button.ghost .st-button-inner:hover {
background: none;
color: #aed2f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-switch .slider[data-checked] {
background-color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #c4def6;
border-bottom: 2px solid #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-settings {
background-color: #c4def6;
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-settings img {
filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-settings:hover {
background-color: #cae1f7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue a {
color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue a:hover {
color: #a8c4ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-button .st-button-inner {
background: #bed3f3;
border-color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-button .st-button-inner:hover {
background: #a8c4ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-button.ghost .st-button-inner {
color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-button.ghost .st-button-inner:hover {
background: none;
color: #a8c4ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-switch .slider[data-checked] {
background-color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #bed3f3;
border-bottom: 2px solid #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-settings {
background-color: #bed3f3;
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-settings img {
filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-settings:hover {
background-color: #c5d7f4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple a {
color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple a:hover {
color: #c3acf9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-button .st-button-inner {
background: #d4c4fb;
border-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-button .st-button-inner:hover {
background: #c3acf9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-button.ghost .st-button-inner {
color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-button.ghost .st-button-inner:hover {
background: none;
color: #c3acf9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-switch .slider[data-checked] {
background-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #d4c4fb;
border-bottom: 2px solid #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-settings {
background-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-settings:hover {
background-color: #d8cafb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content {
background-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content .st-cmp-selection-cards {
background-color: #d50f0f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content .st-cmp-item {
background-color: #c60e0e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content .st-cmp-body {
background-color: #d50f0f;
border-color: #b80d0d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content .st-cmp-header {
background-color: #c60e0e;
border-color: #b80d0d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-switch .slider {
background-color: #9c0b0b;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-switch .slider:before {
background-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #e31010;
border-color: #6c0808;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-button .st-button-inner {
color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content {
background-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content .st-cmp-selection-cards {
background-color: #101010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content .st-cmp-item {
background-color: #171717;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content .st-cmp-body {
background-color: #101010;
border-color: #232323;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content .st-cmp-header {
background-color: #171717;
border-color: #232323;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-switch .slider {
background-color: #555;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-switch .slider:before {
background-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #000;
border-color: #777;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-button .st-button-inner {
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content {
background-color: #09cd18;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content .st-cmp-selection-cards {
background-color: #08be16;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content .st-cmp-item {
background-color: #08b015;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content .st-cmp-body {
background-color: #08be16;
border-color: #07a113;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content .st-cmp-header {
background-color: #08b015;
border-color: #07a113;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-switch .slider {
background-color: #06840f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-switch .slider:before {
background-color: #09cd18;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #09cd18;
border-color: #04530a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-button .st-button-inner {
color: #09cd18;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content {
background-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content .st-cmp-selection-cards {
background-color: #f06300;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content .st-cmp-item {
background-color: #e05c00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content .st-cmp-body {
background-color: #f06300;
border-color: #d15600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content .st-cmp-header {
background-color: #e05c00;
border-color: #d15600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-switch .slider {
background-color: #b34900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-switch .slider:before {
background-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #ff6900;
border-color: #803500;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-button .st-button-inner {
color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content {
background-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content .st-cmp-selection-cards {
background-color: #edae00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content .st-cmp-item {
background-color: #dda300;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content .st-cmp-body {
background-color: #edae00;
border-color: #ce9700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content .st-cmp-header {
background-color: #dda300;
border-color: #ce9700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-switch .slider {
background-color: #b08100;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-switch .slider:before {
background-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #fcb900;
border-color: #7d5b00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-button .st-button-inner {
color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content {
background-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content .st-cmp-selection-cards {
background-color: #6fd9ae;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content .st-cmp-item {
background-color: #63d6a7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content .st-cmp-body {
background-color: #6fd9ae;
border-color: #57d2a1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content .st-cmp-header {
background-color: #63d6a7;
border-color: #57d2a1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-switch .slider {
background-color: #3fcc93;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-switch .slider:before {
background-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #7bdcb5;
border-color: #2daa78;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-button .st-button-inner {
color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content {
background-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content .st-cmp-selection-cards {
background-color: #00c17a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content .st-cmp-item {
background-color: #00b171;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content .st-cmp-body {
background-color: #00c17a;
border-color: #00a267;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content .st-cmp-header {
background-color: #00b171;
border-color: #00a267;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-switch .slider {
background-color: #008453;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-switch .slider:before {
background-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #00d084;
border-color: #005033;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-button .st-button-inner {
color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content {
background-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content .st-cmp-selection-cards {
background-color: #7fcbfc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content .st-cmp-item {
background-color: #70c5fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content .st-cmp-body {
background-color: #7fcbfc;
border-color: #61bffb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content .st-cmp-header {
background-color: #70c5fb;
border-color: #61bffb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-switch .slider {
background-color: #43b3fa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-switch .slider:before {
background-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #8ed1fc;
border-color: #129ef9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-button .st-button-inner {
color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content {
background-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content .st-cmp-selection-cards {
background-color: #0689d4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content .st-cmp-item {
background-color: #0580c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content .st-cmp-body {
background-color: #0689d4;
border-color: #0576b6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content .st-cmp-header {
background-color: #0580c5;
border-color: #0576b6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-switch .slider {
background-color: #046398;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-switch .slider:before {
background-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #0693e3;
border-color: #034367;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-button .st-button-inner {
color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content {
background-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content .st-cmp-selection-cards {
background-color: #a2b0bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content .st-cmp-item {
background-color: #99a9b6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content .st-cmp-body {
background-color: #a2b0bd;
border-color: #90a1b0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content .st-cmp-header {
background-color: #99a9b6;
border-color: #90a1b0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-switch .slider {
background-color: #7e92a3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-switch .slider:before {
background-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #abb8c3;
border-color: #63798b;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-button .st-button-inner {
color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content {
background-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content .st-cmp-selection-cards {
background-color: #dd1347;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content .st-cmp-item {
background-color: #cf1243;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content .st-cmp-body {
background-color: #dd1347;
border-color: #c1103e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content .st-cmp-header {
background-color: #cf1243;
border-color: #c1103e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-switch .slider {
background-color: #a40e35;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-switch .slider:before {
background-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #eb144c;
border-color: #760a26;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-button .st-button-inner {
color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content {
background-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content .st-cmp-selection-cards {
background-color: #f67f9c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content .st-cmp-item {
background-color: #f57091;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content .st-cmp-body {
background-color: #f67f9c;
border-color: #f46286;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content .st-cmp-header {
background-color: #f57091;
border-color: #f46286;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-switch .slider {
background-color: #f24670;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-switch .slider:before {
background-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #f78da7;
border-color: #ef164b;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-button .st-button-inner {
color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content {
background-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content .st-cmp-selection-cards {
background-color: #8f00e0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content .st-cmp-item {
background-color: #8500d0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content .st-cmp-body {
background-color: #8f00e0;
border-color: #7c00c1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content .st-cmp-header {
background-color: #8500d0;
border-color: #7c00c1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-switch .slider {
background-color: #6800a3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-switch .slider:before {
background-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #9900ef;
border-color: #47006f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-button .st-button-inner {
color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content {
background-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content .st-cmp-selection-cards {
background-color: #a90000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content .st-cmp-item {
background-color: #900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content .st-cmp-body {
background-color: #a90000;
border-color: #8a0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content .st-cmp-header {
background-color: #900;
border-color: #8a0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-switch .slider {
background-color: #6c0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-switch .slider:before {
background-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #b80000;
border-color: #390000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-button .st-button-inner {
color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content {
background-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content .st-cmp-selection-cards {
background-color: #e98987;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content .st-cmp-item {
background-color: #e67d7a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content .st-cmp-body {
background-color: #e98987;
border-color: #e4706d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content .st-cmp-header {
background-color: #e67d7a;
border-color: #e4706d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-switch .slider {
background-color: #df5754;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-switch .slider:before {
background-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #eb9694;
border-color: #d72d29;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-button .st-button-inner {
color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content {
background-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content .st-cmp-selection-cards {
background-color: #cc3a00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content .st-cmp-item {
background-color: #bc3500;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content .st-cmp-body {
background-color: #cc3a00;
border-color: #ad3100;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content .st-cmp-header {
background-color: #bc3500;
border-color: #ad3100;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-switch .slider {
background-color: #8e2800;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-switch .slider:before {
background-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #db3e00;
border-color: #5b1a00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-button .st-button-inner {
color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content {
background-color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content .st-cmp-selection-cards {
background-color: #f9c5b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content .st-cmp-item {
background-color: #f8baa7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content .st-cmp-body {
background-color: #f9c5b5;
border-color: #f6af99;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content .st-cmp-header {
background-color: #f8baa7;
border-color: #f6af99;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-switch .slider {
background-color: #f4997c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-switch .slider:before {
background-color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #fad0c3;
border-color: #f0744d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-button .st-button-inner {
color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content {
background-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content .st-cmp-selection-cards {
background-color: #edbf00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content .st-cmp-item {
background-color: #ddb200;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content .st-cmp-body {
background-color: #edbf00;
border-color: #cea600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content .st-cmp-header {
background-color: #ddb200;
border-color: #cea600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-switch .slider {
background-color: #b08d00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-switch .slider:before {
background-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #fccb00;
border-color: #7d6400;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-button .st-button-inner {
color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content {
background-color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content .st-cmp-selection-cards {
background-color: #fef0ae;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content .st-cmp-item {
background-color: #feee9f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content .st-cmp-body {
background-color: #fef0ae;
border-color: #fdeb90;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content .st-cmp-header {
background-color: #feee9f;
border-color: #fdeb90;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-switch .slider {
background-color: #fde572;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-switch .slider:before {
background-color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #fef3bd;
border-color: #fcdc3f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-button .st-button-inner {
color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content {
background-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content .st-cmp-selection-cards {
background-color: #007c02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content .st-cmp-item {
background-color: #006c02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content .st-cmp-body {
background-color: #007c02;
border-color: #005d01;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content .st-cmp-header {
background-color: #006c02;
border-color: #005d01;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-switch .slider {
background-color: #003f01;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-switch .slider:before {
background-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #008b02;
border-color: #000b00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-button .st-button-inner {
color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content {
background-color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content .st-cmp-selection-cards {
background-color: #b7dcbb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content .st-cmp-item {
background-color: #acd7b2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content .st-cmp-body {
background-color: #b7dcbb;
border-color: #a2d2a8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content .st-cmp-header {
background-color: #acd7b2;
border-color: #a2d2a8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-switch .slider {
background-color: #8dc895;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-switch .slider:before {
background-color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #c1e1c5;
border-color: #6bb775;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-button .st-button-inner {
color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content {
background-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content .st-cmp-selection-cards {
background-color: #005d67;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content .st-cmp-item {
background-color: #004f57;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content .st-cmp-body {
background-color: #005d67;
border-color: #004148;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content .st-cmp-header {
background-color: #004f57;
border-color: #004148;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-switch .slider {
background-color: #002629;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-switch .slider:before {
background-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #006b76;
border-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-button .st-button-inner {
color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content {
background-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content .st-cmp-selection-cards {
background-color: #b4d4d7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content .st-cmp-item {
background-color: #aacfd1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content .st-cmp-body {
background-color: #b4d4d7;
border-color: #a0c9cc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content .st-cmp-header {
background-color: #aacfd1;
border-color: #a0c9cc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-switch .slider {
background-color: #8cbec1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-switch .slider:before {
background-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #bedadc;
border-color: #6babaf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-button .st-button-inner {
color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content {
background-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content .st-cmp-selection-cards {
background-color: #116cd0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content .st-cmp-item {
background-color: #1064c2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content .st-cmp-body {
background-color: #116cd0;
border-color: #0f5db4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content .st-cmp-header {
background-color: #1064c2;
border-color: #0f5db4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-switch .slider {
background-color: #0c4e97;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-switch .slider:before {
background-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #1273de;
border-color: #083668;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-button .st-button-inner {
color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content {
background-color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content .st-cmp-selection-cards {
background-color: #b7d7f4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content .st-cmp-item {
background-color: #a9cff2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content .st-cmp-body {
background-color: #b7d7f4;
border-color: #9cc8f0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content .st-cmp-header {
background-color: #a9cff2;
border-color: #9cc8f0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-switch .slider {
background-color: #82b9ec;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-switch .slider:before {
background-color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #c4def6;
border-color: #55a0e5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-button .st-button-inner {
color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content {
background-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content .st-cmp-selection-cards {
background-color: #0047c0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content .st-cmp-item {
background-color: #0042b0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content .st-cmp-body {
background-color: #0047c0;
border-color: #003ca1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content .st-cmp-header {
background-color: #0042b0;
border-color: #003ca1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-switch .slider {
background-color: #003183;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-switch .slider:before {
background-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #004dcf;
border-color: #001e4f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-button .st-button-inner {
color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content {
background-color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content .st-cmp-selection-cards {
background-color: #b1caf1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content .st-cmp-item {
background-color: #a4c2ee;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content .st-cmp-body {
background-color: #b1caf1;
border-color: #97b9ec;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content .st-cmp-header {
background-color: #a4c2ee;
border-color: #97b9ec;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-switch .slider {
background-color: #7da7e7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-switch .slider:before {
background-color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #bed3f3;
border-color: #528adf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-button .st-button-inner {
color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content {
background-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content .st-cmp-selection-cards {
background-color: #4e00dc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content .st-cmp-item {
background-color: #4800cc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content .st-cmp-body {
background-color: #4e00dc;
border-color: #4300bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content .st-cmp-header {
background-color: #4800cc;
border-color: #4300bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-switch .slider {
background-color: #38009f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-switch .slider:before {
background-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #5300eb;
border-color: #26006c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-button .st-button-inner {
color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content {
background-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content .st-cmp-selection-cards {
background-color: #cab6fa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content .st-cmp-item {
background-color: #bfa7f9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content .st-cmp-body {
background-color: #cab6fa;
border-color: #b599f8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content .st-cmp-header {
background-color: #bfa7f9;
border-color: #b599f8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-switch .slider {
background-color: #a07cf6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-switch .slider:before {
background-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #d4c4fb;
border-color: #7d4df3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-button .st-button-inner {
color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white :not(.st-text):not(a):not(h1) {
color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white .st-switch label {
color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white .st-cmp-selection-card .st-cmp-item li {
color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white .st-cmp-detailed-selection-card .st-cmp-item h4 {
color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-icon {
filter: invert(100%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-gear-bottom-left .st-cmp-settings {
left: -3px;
right: unset;
}
#st-cmp-v2 .st-cmp-app.st-cmp-gear-top-left .st-cmp-settings {
left: -3px;
top: 50px;
right: unset;
bottom: unset;
}
#st-cmp-v2 .st-cmp-app.st-cmp-gear-top-right .st-cmp-settings {
top: 50px;
bottom: unset;
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-button {
display: inline-block;
margin: 5px;
}
#st-cmp-v2 .st-cmp-app .st-button .st-button-inner {
background: #09cd18;
border: 1px solid #09cd18;
border-radius: 2px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);
color: #fff;
cursor: pointer;
font-weight: 600;
height: 40px;
letter-spacing: -0.3px;
line-height: 40px;
min-width: 90px;
padding: 0 16px;
text-align: center;
transition: color 0.5s;
transition: background-color 0.3s;
}
#st-cmp-v2 .st-cmp-app .st-button .st-button-inner:hover {
background: #08b916;
}
#st-cmp-v2 .st-cmp-app .st-button .st-button-inner:active {
background: #07a613;
}
#st-cmp-v2 .st-cmp-app .st-button > a {
color: #fff;
}
#st-cmp-v2 .st-cmp-app .st-button img {
display: inline-block;
max-height: 30px;
vertical-align: middle;
margin: 0 10px;
}
#st-cmp-v2 .st-cmp-app .st-button .st-icon {
height: 20px;
margin: -4px 4px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button .st-icon img {
height: 20px;
margin: 0 auto;
vertical-align: top;
}
#st-cmp-v2 .st-cmp-app .st-button.large .st-button-inner {
font-size: 18px;
height: 60px;
line-height: 60px;
min-width: 200px;
}
#st-cmp-v2 .st-cmp-app .st-button.large .st-button-inner .st-icon {
height: 24px;
margin: -4px 10px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button.large .st-button-inner .st-icon img {
height: 24px;
}
#st-cmp-v2 .st-cmp-app .st-button.small .st-button-inner {
font-size: 12px;
height: 32px;
line-height: 32px;
min-width: 60px;
padding: 0 14px;
}
#st-cmp-v2 .st-cmp-app .st-button.small .st-button-inner .st-icon {
height: 18px;
margin: -4px 10px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button.small .st-button-inner .st-icon img {
height: 18px;
}
#st-cmp-v2 .st-cmp-app .st-button.smaller .st-button-inner {
font-size: 11px;
height: 28px;
line-height: 26px;
padding: 0 12px;
min-width: 50px;
}
#st-cmp-v2 .st-cmp-app .st-button.smaller .st-button-inner .st-icon {
height: 14px;
margin: -4px 10px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button.smaller .st-button-inner .st-icon img {
height: 14px;
}
#st-cmp-v2 .st-cmp-app .st-button.smallest .st-button-inner {
font-size: 10px;
height: 24px;
line-height: 22px;
padding: 0 10px;
min-width: 30px;
}
#st-cmp-v2 .st-cmp-app .st-button.smallest .st-button-inner .st-icon {
height: 12px;
margin: -4px 10px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button.smallest .st-button-inner .st-icon img {
height: 12px;
}
#st-cmp-v2 .st-cmp-app .st-button.right {
float: right;
}
#st-cmp-v2 .st-cmp-app .st-button.red .st-button-inner {
background: #eb3232;
border: 1px solid #eb3232;
}
#st-cmp-v2 .st-cmp-app .st-button.red .st-button-inner:hover {
background: #de1616;
}
#st-cmp-v2 .st-cmp-app .st-button.red .st-button-inner:active {
background: #b91212;
}
#st-cmp-v2 .st-cmp-app .st-button.red.outline .st-button-inner {
color: #eb3232;
}
#st-cmp-v2 .st-cmp-app .st-button.rounded .st-button-inner {
border-radius: 5px;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary .st-button-inner,
#st-cmp-v2 .st-cmp-app .st-button.outline .st-button-inner {
background: #fff;
color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary .st-button-inner:hover,
#st-cmp-v2 .st-cmp-app .st-button.outline .st-button-inner:hover {
background: #f5fff6;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary .st-button-inner:active,
#st-cmp-v2 .st-cmp-app .st-button.outline .st-button-inner:active {
background: #e1fee4;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary > a,
#st-cmp-v2 .st-cmp-app .st-button.outline > a {
color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary .st-icon,
#st-cmp-v2 .st-cmp-app .st-button.outline .st-icon {
filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
#st-cmp-v2 .st-cmp-app .st-button.plain .st-button-inner {
background: #fff;
border: 1px solid #ddd;
color: #333;
}
#st-cmp-v2 .st-cmp-app .st-button.plain .st-button-inner:hover {
background: #f2f2f2;
}
#st-cmp-v2 .st-cmp-app .st-button.plain .st-button-inner:active {
background: #e6e6e6;
}
#st-cmp-v2 .st-cmp-app .st-button.plain > a {
color: #333;
}
#st-cmp-v2 .st-cmp-app .st-button.ghost .st-button-inner {
background: transparent;
border: none;
box-shadow: none;
color: #09cd18;
min-width: 40px;
padding: 0;
}
#st-cmp-v2 .st-cmp-app .st-button.ghost > a {
color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-button.small-text .st-button-inner {
font-size: 13px;
}
#st-cmp-v2 .st-cmp-app .st-button[disabled] {
opacity: 0.4;
pointer-events: none;
}
#st-cmp-v2 .st-cmp-app .st-button.black .st-button-inner {
filter: invert(1);
}
#st-cmp-v2 .st-cmp-app .st-button.white .st-button-inner {
filter: invert(0);
}
#st-cmp-v2 .st-cmp-app .st-button.green .st-button-inner {
filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
@media (max-width: 850px) {
#st-cmp-v2 .st-cmp-app .st-button .st-button-inner {
border: 0;
min-width: 50px;
padding: 0 10px;
}
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(:checked),
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:checked {
position: absolute;
left: -9999px;
opacity: 0;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"] + label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(.filled-in) + label:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
z-index: 0;
border: 2px solid #5a5a5a;
border-radius: 1px;
margin-top: 1px;
transition: 0.2s;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"].small + label:before,
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(.filled-in).small + label:after {
width: 10px;
height: 10px;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(.filled-in) + label:after {
border: 0;
transform: scale(0);
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(:checked):disabled + label:before {
border: none;
background-color: rgba(0,0,0,0.26);
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"].tabbed:focus + label:after {
transform: scale(1);
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
background-color: rgba(0,0,0,0.1);
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:checked + label:before {
top: -4px;
left: -5px;
width: 12px;
height: 22px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #92d400;
border-bottom: 2px solid #92d400;
transform: rotate(40deg);
backface-visibility: hidden;
transform-origin: 100% 100%;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:checked.small + label:before {
width: 9.3px;
height: 17.1px;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:checked:disabled + label:before {
border-right: 2px solid rgba(0,0,0,0.26);
border-bottom: 2px solid rgba(0,0,0,0.26);
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-switch {
display: block;
margin: 0 0 20px 0;
position: relative;
}
#st-cmp-v2 .st-cmp-app .st-switch label {
color: #333;
display: block;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin-bottom: 4px;
}
#st-cmp-v2 .st-cmp-app .st-switch input {
opacity: 0;
width: 0;
height: 0;
}
#st-cmp-v2 .st-cmp-app .st-switch .switch {
display: block;
height: 24px;
position: relative;
width: 40px;
}
#st-cmp-v2 .st-cmp-app .st-switch .slider {
-webkit-transition: 0.4s;
background-color: #ccc;
border-radius: 4px;
bottom: 0;
cursor: pointer;
height: 24px;
left: 0;
margin-left: 0;
margin-right: auto;
position: absolute;
right: 0;
top: 0;
transition: 0.4s;
width: 40px;
}
#st-cmp-v2 .st-cmp-app .st-switch .slider:before {
-webkit-transition: 0.4s;
background-color: #fff;
bottom: 4px;
content: "";
height: 16px;
left: 4px;
position: absolute;
transition: 0.4s;
width: 16px;
}
#st-cmp-v2 .st-cmp-app .st-switch .slider[data-checked] {
background-color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-switch .slider[data-checked]:before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
</style><style type="text/css">.st-first-layer h1 {
margin-bottom: 10px;
text-align: left;
}
.st-first-layer h2 {
margin-left: 0px;
}
.st-first-layer h3 {
margin-left: 10px;
}
.st-first-layer h4 {
margin-left: 15px;
margin-top: 10px;
margin-bottom: 10px !important;
}
.st-first-layer .st-cmp-nav-buttons {
margin-top: 10px;
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">.st-button {
display: inline-block;
margin: 5px;
}
.st-button .st-button-inner {
background: #09cd18;
border: 1px solid #09cd18;
border-radius: 2px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);
color: #fff;
cursor: pointer;
font-weight: 600;
height: 40px;
letter-spacing: -0.3px;
line-height: 40px;
min-width: 90px;
padding: 0 16px;
text-align: center;
transition: color 0.5s;
transition: background-color 0.3s;
}
.st-button .st-button-inner:hover {
background: #08b916;
}
.st-button .st-button-inner:active {
background: #07a613;
}
.st-button > a {
color: #fff;
}
.st-button img {
display: inline-block;
max-height: 30px;
vertical-align: middle;
margin: 0 10px;
}
.st-button .st-icon {
height: 20px;
margin: -4px 4px 0 0;
}
.st-button .st-icon img {
height: 20px;
margin: 0 auto;
vertical-align: top;
}
.st-button.large .st-button-inner {
font-size: 18px;
height: 60px;
line-height: 60px;
min-width: 200px;
}
.st-button.large .st-button-inner .st-icon {
height: 24px;
margin: -4px 10px 0 0;
}
.st-button.large .st-button-inner .st-icon img {
height: 24px;
}
.st-button.small .st-button-inner {
font-size: 12px;
height: 32px;
line-height: 32px;
min-width: 60px;
padding: 0 14px;
}
.st-button.small .st-button-inner .st-icon {
height: 18px;
margin: -4px 10px 0 0;
}
.st-button.small .st-button-inner .st-icon img {
height: 18px;
}
.st-button.smaller .st-button-inner {
font-size: 11px;
height: 28px;
line-height: 26px;
padding: 0 12px;
min-width: 50px;
}
.st-button.smaller .st-button-inner .st-icon {
height: 14px;
margin: -4px 10px 0 0;
}
.st-button.smaller .st-button-inner .st-icon img {
height: 14px;
}
.st-button.smallest .st-button-inner {
font-size: 10px;
height: 24px;
line-height: 22px;
padding: 0 10px;
min-width: 30px;
}
.st-button.smallest .st-button-inner .st-icon {
height: 12px;
margin: -4px 10px 0 0;
}
.st-button.smallest .st-button-inner .st-icon img {
height: 12px;
}
.st-button.right {
float: right;
}
.st-button.red .st-button-inner {
background: #eb3232;
border: 1px solid #eb3232;
}
.st-button.red .st-button-inner:hover {
background: #de1616;
}
.st-button.red .st-button-inner:active {
background: #b91212;
}
.st-button.red.outline .st-button-inner {
color: #eb3232;
}
.st-button.rounded .st-button-inner {
border-radius: 5px;
}
.st-button.secondary .st-button-inner,
.st-button.outline .st-button-inner {
background: #fff;
color: #09cd18;
}
.st-button.secondary .st-button-inner:hover,
.st-button.outline .st-button-inner:hover {
background: #f5fff6;
}
.st-button.secondary .st-button-inner:active,
.st-button.outline .st-button-inner:active {
background: #e1fee4;
}
.st-button.secondary > a,
.st-button.outline > a {
color: #09cd18;
}
.st-button.secondary .st-icon,
.st-button.outline .st-icon {
filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
.st-button.plain .st-button-inner {
background: #fff;
border: 1px solid #ddd;
color: #333;
}
.st-button.plain .st-button-inner:hover {
background: #f2f2f2;
}
.st-button.plain .st-button-inner:active {
background: #e6e6e6;
}
.st-button.plain > a {
color: #333;
}
.st-button.ghost .st-button-inner {
background: transparent;
border: none;
box-shadow: none;
color: #09cd18;
min-width: 40px;
padding: 0;
}
.st-button.ghost > a {
color: #09cd18;
}
.st-button.small-text .st-button-inner {
font-size: 13px;
}
.st-button[disabled] {
opacity: 0.4;
pointer-events: none;
}
.st-button.black .st-button-inner {
filter: invert(1);
}
.st-button.white .st-button-inner {
filter: invert(0);
}
.st-button.green .st-button-inner {
filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
@media (max-width: 850px) {
.st-button .st-button-inner {
border: 0;
min-width: 50px;
padding: 0 10px;
}
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">.st-dialog3 {
bottom: 0;
display: block;
left: 0;
position: fixed;
right: 0;
top: 100%;
z-index: 1300;
}
.st-dialog3 .background {
-webkit-tap-highlight-color: transparent;
background-color: rgba(255,255,255,0.9);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
touch-action: none;
z-index: -1;
}
.st-dialog3 .content {
align-items: center;
background: #fff;
border: solid 1px #eaeaea;
border-radius: 3px;
box-shadow: 0 0 100px rgba(0,0,0,0.4);
left: 50%;
max-height: 100%;
min-width: 400px;
outline: none;
overflow: auto;
padding: 20px;
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
}
.st-dialog3 .content .title {
color: #00d334;
font-size: 18px;
font-weight: 500;
letter-spacing: -0.22px;
padding-bottom: 10px;
padding-top: 20px;
}
.st-dialog3 .content .st-input {
text-align: left;
}
</style><style type="text/css">.st-icon {
display: inline-block;
filter: invert(1);
height: 24px;
margin: 0 10px;
vertical-align: middle;
width: 24px;
transition: filter 0.3s linear;
}
.st-icon.black {
filter: invert(1);
}
.st-icon.carbon {
filter: invert(0.8);
}
.st-icon.grey {
filter: invert(0.4);
}
.st-icon.white {
filter: invert(0);
}
.st-icon.green {
filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
.st-icon.st-icon-sort {
cursor: pointer;
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-cmp-selection-card {
margin-top: 20px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-cmp-item {
padding: 7px 0px;
background-color: #f0f0f0;
margin-top: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-cmp-item h3 {
margin-left: 20px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-cmp-item li {
color: #333;
font-size: 15px;
font-weight: 500;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-switch {
padding: 0px 20px;
margin: 0px 0px 5px 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-switch label {
display: inline-block;
font-size: 15px;
font-weight: 500;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-switch .switch {
float: right;
display: inline-block;
margin-left: 20px;
vertical-align: top;
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">.st-switch {
display: block;
margin: 0 0 20px 0;
position: relative;
}
.st-switch label {
color: #333;
display: block;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin-bottom: 4px;
}
.st-switch input {
opacity: 0;
width: 0;
height: 0;
}
.st-switch .switch {
display: block;
height: 24px;
position: relative;
width: 40px;
}
.st-switch .slider {
-webkit-transition: 0.4s;
background-color: #ccc;
border-radius: 4px;
bottom: 0;
cursor: pointer;
height: 24px;
left: 0;
margin-left: 0;
margin-right: auto;
position: absolute;
right: 0;
top: 0;
transition: 0.4s;
width: 40px;
}
.st-switch .slider:before {
-webkit-transition: 0.4s;
background-color: #fff;
bottom: 4px;
content: "";
height: 16px;
left: 4px;
position: absolute;
transition: 0.4s;
width: 16px;
}
.st-switch .slider[data-checked] {
background-color: #09cd18;
}
.st-switch .slider[data-checked]:before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
</style><style type="text/css">.st-second-layer .st-cmp-nav-buttons {
margin-top: 20px;
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card {
margin-top: 20px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card h3 {
margin-top: 20px !important;
margin-left: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item {
padding: 7px 0px;
background-color: #f0f0f0;
margin-top: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item h4 {
display: inline-block;
width: 410px;
margin-top: 10px;
margin-left: 20px;
margin-bottom: 20px;
color: #000;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item .h4-width-1 {
width: 500px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item .h4-width-2 {
width: 450px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item .h4-width-3 {
width: 410px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item .h4-width-4 {
width: 340px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-toggles {
display: inline-block;
float: right;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-switch {
float: right;
display: inline-block;
padding: 0px;
margin: 7px 20px 0px -15px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-switch label {
display: inline-block;
width: 510px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-switch .switch {
display: inline-block;
margin-left: 20px;
vertical-align: top;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox {
cursor: pointer;
margin-right: 10px;
margin-top: 2px;
display: inline-block;
line-height: 30px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-cmp-li-label {
color: #777;
font-weight: 500;
line-height: 30px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-cmp-li-label-mobile {
display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-cmp-li-label-active {
color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-checkbox {
display: inline-block;
margin-left: 7px;
line-height: 30px;
vertical-align: middle;
margin-top: 5px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #fff;
border-color: #ccc;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
background-color: transparent;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #09cd18;
border-bottom: 2px solid #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-intro {
display: block;
margin-left: 20px;
margin-right: 20px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-legal-item {
display: block;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
}
</style><style type="text/css">.st-checkbox [type="checkbox"]:not(:checked),
.st-checkbox [type="checkbox"]:checked {
position: absolute;
left: -9999px;
opacity: 0;
}
.st-checkbox [type="checkbox"] + label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
}
.st-checkbox [type="checkbox"] + label:before,
.st-checkbox [type="checkbox"]:not(.filled-in) + label:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
z-index: 0;
border: 2px solid #5a5a5a;
border-radius: 1px;
margin-top: 1px;
transition: 0.2s;
}
.st-checkbox [type="checkbox"].small + label:before,
.st-checkbox [type="checkbox"]:not(.filled-in).small + label:after {
width: 10px;
height: 10px;
}
.st-checkbox [type="checkbox"]:not(.filled-in) + label:after {
border: 0;
transform: scale(0);
}
.st-checkbox [type="checkbox"]:not(:checked):disabled + label:before {
border: none;
background-color: rgba(0,0,0,0.26);
}
.st-checkbox [type="checkbox"].tabbed:focus + label:after {
transform: scale(1);
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
background-color: rgba(0,0,0,0.1);
}
.st-checkbox [type="checkbox"]:checked + label:before {
top: -4px;
left: -5px;
width: 12px;
height: 22px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #92d400;
border-bottom: 2px solid #92d400;
transform: rotate(40deg);
backface-visibility: hidden;
transform-origin: 100% 100%;
}
.st-checkbox [type="checkbox"]:checked.small + label:before {
width: 9.3px;
height: 17.1px;
}
.st-checkbox [type="checkbox"]:checked:disabled + label:before {
border-right: 2px solid rgba(0,0,0,0.26);
border-bottom: 2px solid rgba(0,0,0,0.26);
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-third-layer .st-cmp-selection-cards h2 {
margin-bottom: 20px;
}
#st-cmp-v2 .st-cmp-app .st-third-layer .st-cmp-selection-cards h3 {
margin-left: 0px;
}
#st-cmp-v2 .st-cmp-app .st-third-layer .st-cmp-selection-cards h4 {
margin-left: 0px;
}
#st-cmp-v2 .st-cmp-app .st-third-layer .st-cmp-nav-buttons {
margin-top: 20px;
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card {
margin: 0px 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header {
background-color: #f0f0f0;
padding: 5px 10px;
border-bottom: 1px solid #e1e1e1;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header h3 {
display: inline-block;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles {
margin-top: 4px;
display: inline-block;
line-height: 29px;
float: right;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox {
cursor: pointer;
display: inline-block;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label {
cursor: pointer;
vertical-align: top;
margin-right: 10px;
font-weight: 500;
color: #555;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-mobile {
display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox {
display: inline-block;
margin-right: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox > span > label {
margin-bottom: 0rem;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
margin-top: 2px;
background-color: #fff;
border-color: #ccc;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
background-color: transparent;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #09cd18;
border-bottom: 2px solid #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-switch {
display: inline-block;
margin-bottom: 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-icon {
display: inline-block;
margin-left: 10px;
width: 25px;
height: 25px;
cursor: pointer;
vertical-align: unset;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-body {
background-color: #f7f7f7;
padding: 15px 20px 5px 20px;
border-bottom: 1px solid #e1e1e1;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-body .st-cmp-section {
margin-bottom: 10px;
}
</style><link rel="dns-prefetch preconnect" href="https://cdn.shopify.com/shopifycloud/checkout-web/assets/" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="https://cdn.shopify.com/shopifycloud/checkout-web/assets/c1.en/polyfills.CG3oGVWg.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="https://cdn.shopify.com/shopifycloud/checkout-web/assets/c1.en/app.BanPxgZ0.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="https://cdn.shopify.com/shopifycloud/checkout-web/assets/c1.en/OnePage.HQW4L_p4.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="https://cdn.shopify.com/shopifycloud/checkout-web/assets/c1.en/DeliveryMethodSelectorSection.CuQW3Lc3.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="https://cdn.shopify.com/shopifycloud/checkout-web/assets/c1.en/useUnauthenticatedErrorModal.CQFgQESD.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="https://cdn.shopify.com/shopifycloud/checkout-web/assets/c1.en/LegacyVaultedShippingMethods.Bwrp17ap.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="https://cdn.shopify.com/shopifycloud/checkout-web/assets/c1.en/Rollup.COpCtyHb.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="https://cdn.shopify.com/shopifycloud/checkout-web/assets/c1.en/SubscriptionPriceBreakdown.CknrAgr_.js" crossorigin=""><link rel="prefetch" fetchpriority="low" as="script" href="https://cdn.shopify.com/shopifycloud/checkout-web/assets/c1.en/MarketsProDisclaimer.RSvDKtQc.js" crossorigin=""></head>
<body class="gradient">
<a class="skip-to-content-link button visually-hidden" href="#MainContent">
Skip to content
</a><!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--21916613017908__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//sockvibe.com/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991704738800" media="all" onload="this.media='all'">
<link rel="stylesheet" href="//sockvibe.com/cdn/shop/t/1/assets/component-search.css?v=165164710990765432851704738807" media="all" onload="this.media='all'">
<link rel="stylesheet" href="//sockvibe.com/cdn/shop/t/1/assets/component-menu-drawer.css?v=31331429079022630271704738802" media="all" onload="this.media='all'">
<link rel="stylesheet" href="//sockvibe.com/cdn/shop/t/1/assets/component-cart-notification.css?v=54116361853792938221704738796" media="all" onload="this.media='all'">
<link rel="stylesheet" href="//sockvibe.com/cdn/shop/t/1/assets/component-cart-items.css?v=145340746371385151771704738796" media="all" onload="this.media='all'"><link rel="stylesheet" href="//sockvibe.com/cdn/shop/t/1/assets/component-price.css?v=70172745017360139101704738805" media="all" onload="this.media='all'"><noscript><link href="//sockvibe.com/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991704738800" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//sockvibe.com/cdn/shop/t/1/assets/component-search.css?v=165164710990765432851704738807" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//sockvibe.com/cdn/shop/t/1/assets/component-menu-drawer.css?v=31331429079022630271704738802" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//sockvibe.com/cdn/shop/t/1/assets/component-cart-notification.css?v=54116361853792938221704738796" rel="stylesheet" type="text/css" media="all" /></noscript>
<noscript><link href="//sockvibe.com/cdn/shop/t/1/assets/component-cart-items.css?v=145340746371385151771704738796" rel="stylesheet" type="text/css" media="all" /></noscript>
<style>
header-drawer {
justify-self: start;
margin-left: -1.2rem;
}@media screen and (min-width: 990px) {
header-drawer {
display: none;
}
}.menu-drawer-container {
display: flex;
}
.list-menu {
list-style: none;
padding: 0;
margin: 0;
}
.list-menu--inline {
display: inline-flex;
flex-wrap: wrap;
}
summary.list-menu__item {
padding-right: 2.7rem;
}
.list-menu__item {
display: flex;
align-items: center;
line-height: calc(1 + 0.3 / var(--font-body-scale));
}
.list-menu__item--link {
text-decoration: none;
padding-bottom: 1rem;
padding-top: 1rem;
line-height: calc(1 + 0.8 / var(--font-body-scale));
}
@media screen and (min-width: 750px) {
.list-menu__item--link {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
}
</style><style data-shopify="">.header {
padding: 10px 3rem 10px 3rem;
}
.section-header {
position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
margin-bottom: 0px;
}
@media screen and (min-width: 750px) {
.section-header {
margin-bottom: 0px;
}
}
@media screen and (min-width: 990px) {
.header {
padding-top: 20px;
padding-bottom: 20px;
}
}</style><script src="//sockvibe.com/cdn/shop/t/1/assets/details-disclosure.js?v=13653116266235556501704738811" defer="defer"></script>
<script src="//sockvibe.com/cdn/shop/t/1/assets/details-modal.js?v=25581673532751508451704738811" defer="defer"></script>
<script src="//sockvibe.com/cdn/shop/t/1/assets/cart-notification.js?v=133508293167896966491704738792" defer="defer"></script>
<script src="//sockvibe.com/cdn/shop/t/1/assets/search-form.js?v=133129549252120666541704738820" defer="defer"></script><svg xmlns="http://www.w3.org/2000/svg" class="hidden">
<symbol id="icon-search" viewBox="0 0 18 19" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"></path>
</symbol>
<symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor">
<circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"></circle>
<path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"></path>
<path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"></path>
</symbol>
<symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
<path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</path></symbol>
</svg><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-background-1 gradient header-wrapper--border-bottom"><header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-social header--has-account">
<header-drawer data-breakpoint="tablet">
<details id="Details-menu-drawer-container" class="menu-drawer-container">
<summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu" role="button" aria-expanded="false" aria-controls="menu-drawer">
<span>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
<path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</path></svg>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
<path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</path></svg>
</span>
</summary>
<div id="menu-drawer" class="gradient menu-drawer motion-reduce color-background-1">
<div class="menu-drawer__inner-container">
<div class="menu-drawer__navigation-container">
<nav class="menu-drawer__navigation">
<ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a id="HeaderDrawer-home" href="/" class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active" aria-current="page">
Home
</a></li><li><details id="Details-menu-drawer-menu-item-2">
<summary id="HeaderDrawer-articles" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-articles">
Articles
<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</path></svg>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg>
</summary>
<div id="link-articles" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1">
<div class="menu-drawer__inner-submenu">
<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</path></svg>
Articles
</button>
<ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a id="HeaderDrawer-articles-all-articles" href="/blogs/articles" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
All Articles
</a></li><li><a id="HeaderDrawer-articles-athletic-socks" href="/blogs/articles/tagged/Athletic-Socks" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
Athletic Socks
</a></li><li><a id="HeaderDrawer-articles-dress-socks" href="/blogs/articles/tagged/Dress-Socks" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
Dress Socks
</a></li><li><a id="HeaderDrawer-articles-specialty-socks" href="/blogs/articles/tagged/Specialty-Socks" class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
Specialty Socks
</a></li></ul>
</div>
</div>
</details></li><li><a id="HeaderDrawer-sock-drawer" href="/collections/all" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
Sock Drawer
</a></li><li><a id="HeaderDrawer-newsletter" href="/pages/subscribe" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
Newsletter
</a></li><li><a id="HeaderDrawer-contact-me" href="/pages/contact" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
Contact Me
</a></li></ul>
</nav>
<div class="menu-drawer__utility-links"><a href="https://shopify.com/85779611956/account?locale=en&region_country=US" class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-account" fill="none" viewBox="0 0 18 19">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</path></svg>
Log in</a><div class="menu-drawer__localization header-localization">
</div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
<a href="https://twitter.com/SockVibeBlog" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 20 20">
<path fill="currentColor" d="M18.608 4.967a7.364 7.364 0 0 1-1.758 1.828c0 .05 0 .13.02.23l.02.232a10.014 10.014 0 0 1-1.697 5.565 11.023 11.023 0 0 1-2.029 2.29 9.13 9.13 0 0 1-2.832 1.607 10.273 10.273 0 0 1-8.94-.985c.342.02.613.04.834.04 1.647 0 3.114-.502 4.4-1.506a3.616 3.616 0 0 1-3.315-2.46c.528.128 1.08.107 1.597-.061a3.485 3.485 0 0 1-2.029-1.216 3.385 3.385 0 0 1-.803-2.23v-.03c.462.242.984.372 1.587.402A3.465 3.465 0 0 1 2.116 5.76c0-.612.14-1.205.452-1.798a9.723 9.723 0 0 0 3.214 2.612A10.044 10.044 0 0 0 9.88 7.649a3.013 3.013 0 0 1-.13-.804c0-.974.34-1.808 1.034-2.49a3.466 3.466 0 0 1 2.561-1.035 3.505 3.505 0 0 1 2.551 1.104 6.812 6.812 0 0 0 2.24-.853 3.415 3.415 0 0 1-1.547 1.948 7.732 7.732 0 0 0 2.02-.542v-.01Z"></path>
</svg>
<span class="visually-hidden">Twitter</span>
</a>
</li><li class="list-social__item">
<a href="https://www.facebook.com/SockVibe" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20">
<path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"></path>
</svg>
<span class="visually-hidden">Facebook</span>
</a>
</li></ul>
</div>
</div>
</div>
</div>
</details>
</header-drawer>
<h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
<img src="//sockvibe.com/cdn/shop/files/Logo_B.png?v=1704816378&width=600" alt="SockVibe.com" srcset="//sockvibe.com/cdn/shop/files/Logo_B.png?v=1704816378&width=60 60w, //sockvibe.com/cdn/shop/files/Logo_B.png?v=1704816378&width=90 90w, //sockvibe.com/cdn/shop/files/Logo_B.png?v=1704816378&width=120 120w" width="60" height="60.0" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 120px) 50vw, 60px">
</div></a></h1>
<nav class="header__inline-menu">
<ul class="list-menu list-menu--inline" role="list"><li><a id="HeaderMenu-home" href="/" class="header__menu-item list-menu__item link link--text focus-inset" aria-current="page">
<span class="header__active-menu-item">Home</span>
</a></li><li><header-menu>
<details id="Details-HeaderMenu-2">
<summary id="HeaderMenu-articles" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-2">
<span>Articles</span>
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg>
</summary>
<ul id="HeaderMenu-MenuList-2" class="header__submenu list-menu list-menu--disclosure color-background-1 gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1"><li><a id="HeaderMenu-articles-all-articles" href="/blogs/articles" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
All Articles
</a></li><li><a id="HeaderMenu-articles-athletic-socks" href="/blogs/articles/tagged/Athletic-Socks" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
Athletic Socks
</a></li><li><a id="HeaderMenu-articles-dress-socks" href="/blogs/articles/tagged/Dress-Socks" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
Dress Socks
</a></li><li><a id="HeaderMenu-articles-specialty-socks" href="/blogs/articles/tagged/Specialty-Socks" class="header__menu-item list-menu__item link link--text focus-inset caption-large">
Specialty Socks
</a></li></ul>
</details>
</header-menu></li><li><a id="HeaderMenu-sock-drawer" href="/collections/all" class="header__menu-item list-menu__item link link--text focus-inset">
<span>Sock Drawer</span>
</a></li><li><a id="HeaderMenu-newsletter" href="/pages/subscribe" class="header__menu-item list-menu__item link link--text focus-inset">
<span>Newsletter</span>
</a></li><li><a id="HeaderMenu-contact-me" href="/pages/contact" class="header__menu-item list-menu__item link link--text focus-inset">
<span>Contact Me</span>
</a></li></ul>
</nav>
<div class="header__icons header__icons--localization header-localization">
<div class="desktop-localization-wrapper">
</div>
<details-modal class="header__search">
<details>
<summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" role="button">
<span>
<svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
<use href="#icon-search">
</use></svg>
<svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
<use href="#icon-close">
</use></svg>
</span>
</summary>
<div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search">
<div class="modal-overlay"></div>
<div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
<div class="field">
<input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
<label class="field__label" for="Search-In-Modal">Search</label>
<input type="hidden" name="options[prefix]" value="last">
<button type="reset" class="reset__button field__button hidden" aria-label="Clear search term">
<svg class="icon icon-close" aria-hidden="true" focusable="false">
<use xlink:href="#icon-reset">
</use></svg>
</button>
<button class="search__button field__button" aria-label="Search">
<svg class="icon icon-search" aria-hidden="true" focusable="false">
<use href="#icon-search">
</use></svg>
</button>
</div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search="">
<link href="//sockvibe.com/cdn/shop/t/1/assets/component-loading-spinner.css?v=116724955567955766481704738800" rel="stylesheet" type="text/css" media="all">
<div class="predictive-search__loading-state">
<svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
<circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
</svg>
</div>
</div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close">
<svg class="icon icon-close" aria-hidden="true" focusable="false">
<use href="#icon-close">
</use></svg>
</button>
</div>
</div>
</details>
</details-modal>
<a href="https://shopify.com/85779611956/account?locale=en&region_country=US" class="header__icon header__icon--account link focus-inset small-hide">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-account" fill="none" viewBox="0 0 18 19">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
</path></svg>
<span class="visually-hidden">Log in</span>
</a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none">
<path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"></path>
</svg>
<span class="visually-hidden">Cart</span></a>
</div>
</header>
</sticky-header>
<cart-notification>
<div class="cart-notification-wrapper page-width">
<div id="cart-notification" class="cart-notification focus-inset color-background-1 gradient" aria-modal="true" aria-label="Item added to your cart" role="dialog" tabindex="-1">
<div class="cart-notification__header">
<h2 class="cart-notification__heading caption-large text-body"><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
</svg>
Item added to your cart
</h2>
<button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="Close">
<svg class="icon icon-close" aria-hidden="true" focusable="false">
<use href="#icon-close">
</use></svg>
</button>
</div>
<div id="cart-notification-product" class="cart-notification-product"></div>
<div class="cart-notification__links">
<a href="/cart" id="cart-notification-button" class="button button--secondary button--full-width">View cart</a>
<form action="/cart" method="post" id="cart-notification-form">
<button class="button button--primary button--full-width" name="checkout">
Check out
</button>
</form>
<button type="button" class="link button-label">Continue shopping</button>
</div>
</div>
</div>
</cart-notification>
<style data-shopify="">
.cart-notification {
display: none;
}
</style>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "SockVibe.com",
"logo": "https:\/\/sockvibe.com\/cdn\/shop\/files\/Logo_B.png?v=1704816378\u0026width=500",
"sameAs": [
"https:\/\/twitter.com\/SockVibeBlog",
"https:\/\/www.facebook.com\/SockVibe",
"",
"",
"",
"",
"",
"",
""
],
"url": "https:\/\/sockvibe.com"
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "SockVibe.com",
"potentialAction": {
"@type": "SearchAction",
"target": "https:\/\/sockvibe.com\/search?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"url": "https:\/\/sockvibe.com"
}
</script>
<style> #shopify-section-sections--21916613017908__header .header__icon--cart {display: none;} </style></div>
<!-- END sections: header-group -->
<main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
<section id="shopify-section-template--21916611772724__image_banner" class="shopify-section section"><link href="//sockvibe.com/cdn/shop/t/1/assets/section-image-banner.css?v=157856879886144226731704738824" rel="stylesheet" type="text/css" media="all">
<style data-shopify="">@media screen and (max-width: 749px) {
#Banner-template--21916611772724__image_banner::before,
#Banner-template--21916611772724__image_banner .banner__media::before,
#Banner-template--21916611772724__image_banner:not(.banner--mobile-bottom) .banner__content::before {
padding-bottom: 62.5%;
content: '';
display: block;
}
}
@media screen and (min-width: 750px) {
#Banner-template--21916611772724__image_banner::before,
#Banner-template--21916611772724__image_banner .banner__media::before {
padding-bottom: 62.5%;
content: '';
display: block;
}
}</style><style data-shopify="">#Banner-template--21916611772724__image_banner::after {
opacity: 0.0;
}</style><div id="Banner-template--21916611772724__image_banner" class="banner banner--content-align-center banner--content-align-mobile-center banner--adapt banner--adapt banner--desktop-transparent scroll-trigger animate--fade-in"><div class="banner__media media scroll-trigger animate--fade-in"><img src="//sockvibe.com/cdn/shop/files/Hero_Banner_A_1.png?v=1704911571&width=3840" alt="" srcset="//sockvibe.com/cdn/shop/files/Hero_Banner_A_1.png?v=1704911571&width=375 375w, //sockvibe.com/cdn/shop/files/Hero_Banner_A_1.png?v=1704911571&width=550 550w, //sockvibe.com/cdn/shop/files/Hero_Banner_A_1.png?v=1704911571&width=750 750w, //sockvibe.com/cdn/shop/files/Hero_Banner_A_1.png?v=1704911571&width=1100 1100w, //sockvibe.com/cdn/shop/files/Hero_Banner_A_1.png?v=1704911571&width=1500 1500w, //sockvibe.com/cdn/shop/files/Hero_Banner_A_1.png?v=1704911571&width=1780 1780w, //sockvibe.com/cdn/shop/files/Hero_Banner_A_1.png?v=1704911571&width=2000 2000w, //sockvibe.com/cdn/shop/files/Hero_Banner_A_1.png?v=1704911571&width=3000 3000w, //sockvibe.com/cdn/shop/files/Hero_Banner_A_1.png?v=1704911571&width=3840 3840w" width="1600" height="1000.0" sizes="100vw" fetchpriority="high">
</div><div class="banner__content banner__content--bottom-center page-width scroll-trigger animate--slide-in">
<div class="banner__box content-container content-container--full-width-mobile color-inverse gradient"></div>
</div>
</div>
</section><section id="shopify-section-template--21916611772724__rich_text_CQEfCH" class="shopify-section section"><link href="//sockvibe.com/cdn/shop/t/1/assets/section-rich-text.css?v=155250126305810049721704738826" rel="stylesheet" type="text/css" media="all">
<style data-shopify="">.section-template--21916611772724__rich_text_CQEfCH-padding {
padding-top: 30px;
padding-bottom: 39px;
}
@media screen and (min-width: 750px) {
.section-template--21916611772724__rich_text_CQEfCH-padding {
padding-top: 40px;
padding-bottom: 52px;
}
}</style><div class="isolate">
<div class="rich-text content-container color-background-1 gradient rich-text--full-width content-container--full-width section-template--21916611772724__rich_text_CQEfCH-padding">
<div class="rich-text__wrapper rich-text__wrapper--left page-width">
<div class="rich-text__blocks left"><h2 class="rich-text__heading rte inline-richtext h1 scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="" style="--animation-order: 1;">
Most Popular Article
</h2></div>
</div>
</div>
</div>
</section><div id="shopify-section-template--21916611772724__image_with_text_w9eax6" class="shopify-section section"><link href="//sockvibe.com/cdn/shop/t/1/assets/component-image-with-text.css?v=132604768413025929601704738799" rel="stylesheet" type="text/css" media="all">
<style data-shopify="">.section-template--21916611772724__image_with_text_w9eax6-padding {
padding-top: 27px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.section-template--21916611772724__image_with_text_w9eax6-padding {
padding-top: 36px;
padding-bottom: 36px;
}
}</style><div class="section-template--21916611772724__image_with_text_w9eax6-padding gradient color-background-1">
<div class="page-width">
<div class="image-with-text image-with-text--no-overlap isolate collapse-corners scroll-trigger animate--slide-in scroll-trigger--offscreen">
<div class="image-with-text__grid grid grid--gapless grid--1-col grid--2-col-tablet">
<div class="image-with-text__media-item image-with-text__media-item--medium image-with-text__media-item--top grid__item">
<div class="image-with-text__media image-with-text__media--adapt global-media-settings background-transparent media" style="padding-bottom: 100.0%;"><img src="//sockvibe.com/cdn/shop/files/Article_1-1.png?v=1705170661&width=1500" alt="" srcset="//sockvibe.com/cdn/shop/files/Article_1-1.png?v=1705170661&width=165 165w, //sockvibe.com/cdn/shop/files/Article_1-1.png?v=1705170661&width=360 360w, //sockvibe.com/cdn/shop/files/Article_1-1.png?v=1705170661&width=535 535w, //sockvibe.com/cdn/shop/files/Article_1-1.png?v=1705170661&width=750 750w, //sockvibe.com/cdn/shop/files/Article_1-1.png?v=1705170661&width=1070 1070w, //sockvibe.com/cdn/shop/files/Article_1-1.png?v=1705170661&width=1500 1500w" width="1500" height="1500" sizes="(min-width: 1200px) 550px,
(min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)" fetchpriority="auto">
</div>
</div>
<div class="image-with-text__text-item grid__item">
<div id="ImageWithText--template--21916611772724__image_with_text_w9eax6" class="image-with-text__content image-with-text__content--top image-with-text__content--desktop-left image-with-text__content--mobile-left image-with-text__content--adapt content-container background-transparent"><h2 class="image-with-text__heading inline-richtext h1">
<a href="/blogs/articles/five-alternatives-to-nike-dri-fit-crew-socks" title="Five Alternatives to Nike Dri-Fit Crew Socks">Five Alternatives to Nike Dri-Fit Crew Socks</a>
</h2><div class="image-with-text__text rte body">
<p>We all know that a great pair of socks can be a game-changer for any workout, right? Today, we're going to explore some top-notch alternatives to a fan favorite – the Nike Dri-Fit Crew Socks.</p>
</div><a href="/blogs/articles/five-alternatives-to-nike-dri-fit-crew-socks" class="button button--primary">
Read Now
</a></div>
</div>
</div>
</div>
</div>
</div>
</div><section id="shopify-section-template--21916611772724__372f4233-be1a-4e27-b69f-9730f2c2cffc" class="shopify-section"><link href="//sockvibe.com/cdn/shop/t/1/assets/component-slider.css?v=142503135496229589681704738808" rel="stylesheet" type="text/css" media="all">
<link href="//sockvibe.com/cdn/shop/t/1/assets/component-card.css?v=11469293100223554981704738794" rel="stylesheet" type="text/css" media="all">
<link href="//sockvibe.com/cdn/shop/t/1/assets/component-article-card.css?v=47105078945762260691704738795" rel="stylesheet" type="text/css" media="all">
<link href="//sockvibe.com/cdn/shop/t/1/assets/section-featured-blog.css?v=36629982431115873811704738822" rel="stylesheet" type="text/css" media="all">
<style data-shopify="">.section-template--21916611772724__372f4233-be1a-4e27-b69f-9730f2c2cffc-padding {
padding-top: 27px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.section-template--21916611772724__372f4233-be1a-4e27-b69f-9730f2c2cffc-padding {
padding-top: 36px;
padding-bottom: 36px;
}
}</style><div class="blog color-background-1 gradient">
<div class="page-width-desktop isolate section-template--21916611772724__372f4233-be1a-4e27-b69f-9730f2c2cffc-padding"><div class="title-wrapper-with-link title-wrapper--self-padded-tablet-down title-wrapper--no-top-margin">
<h2 id="SectionHeading-template--21916611772724__372f4233-be1a-4e27-b69f-9730f2c2cffc" class="blog__title inline-richtext h1 scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="">
Latest Articles
</h2><a href="/blogs/articles" class="link underlined-link large-up-hide scroll-trigger animate--slide-in scroll-trigger--offscreen">
View all
</a></div><slider-component class="slider-mobile-gutter scroll-trigger animate--slide-in scroll-trigger--offscreen">
<ul id="Slider-template--21916611772724__372f4233-be1a-4e27-b69f-9730f2c2cffc" class="blog__posts articles-wrapper contains-card contains-card--article contains-card--standard grid grid--peek grid--2-col-tablet grid--3-col-desktop slider slider--tablet" role="list"><li id="Slide-template--21916611772724__372f4233-be1a-4e27-b69f-9730f2c2cffc-1" class="blog__post grid__item article slider__slide slider__slide--full-width scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="" style="--animation-order: 1;">
<div class="article-card-wrapper card-wrapper underline-links-hover">
<div class="
card article-card
card--standard
card--media
" style="--ratio-percent: 60.24096385542169%;">
<div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 60.24096385542169%;"><div class="article-card__image-wrapper card__media">
<div class="article-card__image media media--hover-effect">
<img srcset="//sockvibe.com/cdn/shop/articles/Article_SEO_Card.png?v=1724862179&width=165 165w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card.png?v=1724862179&width=360 360w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card.png?v=1724862179&width=533 533w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card.png?v=1724862179&width=720 720w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card.png?v=1724862179&width=1000 1000w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card.png?v=1724862179 1280w
" src="//sockvibe.com/cdn/shop/articles/Article_SEO_Card.png?v=1724862179&width=533" sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)" alt="Unveiling the Cotedge Men's 100% Cotton Sport Crew Socks: Comfort, Style, and a Pop of Green" class="motion-reduce" loading="lazy" width="1280" height="720">
</div>
</div><div class="card__content">
<div class="card__information">
<h3 class="card__heading h2">
<a href="/blogs/articles/unveiling-the-cotedge-mens-100-cotton-sport-crew-socks-comfort-style-and-a-pop-of-green" class="full-unstyled-link">
Unveiling the Cotedge Men's 100% Cotton Sport C...
</a>
</h3>
<div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2024-08-28T16:23:06Z">August 28, 2024</time></span></div><p class="article-card__excerpt rte-width">Whether you’re out running errands, hitting the gym, or just kicking back at home, these socks are ready to go the distance with you. Give them a try—you won’t be...
</p><div class="article-card__footer"></div></div></div>
</div>
<div class="card__content">
<div class="card__information">
<h3 class="card__heading h2">
<a href="/blogs/articles/unveiling-the-cotedge-mens-100-cotton-sport-crew-socks-comfort-style-and-a-pop-of-green" class="full-unstyled-link">
Unveiling the Cotedge Men's 100% Cotton Sport C...
</a>
</h3>
<div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2024-08-28T16:23:06Z">August 28, 2024</time></span></div><p class="article-card__excerpt rte-width">Whether you’re out running errands, hitting the gym, or just kicking back at home, these socks are ready to go the distance with you. Give them a try—you won’t be...
</p><div class="article-card__footer"></div></div></div>
</div>
</div>
</li><li id="Slide-template--21916611772724__372f4233-be1a-4e27-b69f-9730f2c2cffc-2" class="blog__post grid__item article slider__slide slider__slide--full-width scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="" style="--animation-order: 2;">
<div class="article-card-wrapper card-wrapper underline-links-hover">
<div class="
card article-card
card--standard
card--media
" style="--ratio-percent: 60.24096385542169%;">
<div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 60.24096385542169%;"><div class="article-card__image-wrapper card__media">
<div class="article-card__image media media--hover-effect">
<img srcset="//sockvibe.com/cdn/shop/articles/Article_SEO_Card_1.png?v=1705069967&width=165 165w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card_1.png?v=1705069967&width=360 360w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card_1.png?v=1705069967&width=533 533w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card_1.png?v=1705069967&width=720 720w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card_1.png?v=1705069967&width=1000 1000w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card_1.png?v=1705069967 1280w
" src="//sockvibe.com/cdn/shop/articles/Article_SEO_Card_1.png?v=1705069967&width=533" sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)" alt="Five Alternatives to Nike Dri-Fit Crew Socks" class="motion-reduce" loading="lazy" width="1280" height="720">
</div>
</div><div class="card__content">
<div class="card__information">
<h3 class="card__heading h2">
<a href="/blogs/articles/five-alternatives-to-nike-dri-fit-crew-socks" class="full-unstyled-link">
Five Alternatives to Nike Dri-Fit Crew Socks
</a>
</h3>
<div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2024-01-13T18:19:24Z">January 13, 2024</time></span></div><p class="article-card__excerpt rte-width">We all know that a great pair of socks can be a game-changer for any workout, right? Today, we're going to explore some top-notch alternatives to a fan favorite –...
</p><div class="article-card__footer"></div></div></div>
</div>
<div class="card__content">
<div class="card__information">
<h3 class="card__heading h2">
<a href="/blogs/articles/five-alternatives-to-nike-dri-fit-crew-socks" class="full-unstyled-link">
Five Alternatives to Nike Dri-Fit Crew Socks
</a>
</h3>
<div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2024-01-13T18:19:24Z">January 13, 2024</time></span></div><p class="article-card__excerpt rte-width">We all know that a great pair of socks can be a game-changer for any workout, right? Today, we're going to explore some top-notch alternatives to a fan favorite –...
</p><div class="article-card__footer"></div></div></div>
</div>
</div>
</li><li id="Slide-template--21916611772724__372f4233-be1a-4e27-b69f-9730f2c2cffc-3" class="blog__post grid__item article slider__slide slider__slide--full-width scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="" style="--animation-order: 3;">
<div class="article-card-wrapper card-wrapper underline-links-hover">
<div class="
card article-card
card--standard
card--media
" style="--ratio-percent: 60.24096385542169%;">
<div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 60.24096385542169%;"><div class="article-card__image-wrapper card__media">
<div class="article-card__image media media--hover-effect">
<img srcset="//sockvibe.com/cdn/shop/articles/Article_SEO_Card_15.png?v=1705168711&width=165 165w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card_15.png?v=1705168711&width=360 360w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card_15.png?v=1705168711&width=533 533w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card_15.png?v=1705168711&width=720 720w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card_15.png?v=1705168711&width=1000 1000w,//sockvibe.com/cdn/shop/articles/Article_SEO_Card_15.png?v=1705168711 1280w
" src="//sockvibe.com/cdn/shop/articles/Article_SEO_Card_15.png?v=1705168711&width=533" sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)" alt="Chaps Men's Dress Crew Socks: The Perfect Harmony Between Comfort and Class" class="motion-reduce" loading="lazy" width="1280" height="720">
</div>
</div><div class="card__content">
<div class="card__information">
<h3 class="card__heading h2">
<a href="/blogs/articles/chaps-mens-dress-crew-socks-the-perfect-harmony-between-comfort-and-class" class="full-unstyled-link">
Chaps Men's Dress Crew Socks: The Perfect Harmo...
</a>
</h3>
<div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2024-01-13T18:19:23Z">January 13, 2024</time></span></div><p class="article-card__excerpt rte-width">Do you wear socks with loafers? How about wearing WHITE socks with loafers?! YES, you can! I'll tell you why and how below. Hey there, sock enthusiasts! I've got something...
</p><div class="article-card__footer"></div></div></div>
</div>
<div class="card__content">
<div class="card__information">
<h3 class="card__heading h2">
<a href="/blogs/articles/chaps-mens-dress-crew-socks-the-perfect-harmony-between-comfort-and-class" class="full-unstyled-link">
Chaps Men's Dress Crew Socks: The Perfect Harmo...
</a>
</h3>
<div class="article-card__info caption-with-letter-spacing h5"><span class="circle-divider"><time datetime="2024-01-13T18:19:23Z">January 13, 2024</time></span></div><p class="article-card__excerpt rte-width">Do you wear socks with loafers? How about wearing WHITE socks with loafers?! YES, you can! I'll tell you why and how below. Hey there, sock enthusiasts! I've got something...
</p><div class="article-card__footer"></div></div></div>
</div>
</div>
</li></ul><div class="slider-buttons no-js-hidden">
<button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Slide left" disabled="disabled">
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg>
</button>
<div class="slider-counter caption">
<span class="slider-counter--current">1</span>
<span aria-hidden="true"> / </span>
<span class="visually-hidden">of</span>
<span class="slider-counter--total">2</span>
</div>
<button type="button" class="slider-button slider-button--next" name="next" aria-label="Slide right">
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg>
</button>
</div></slider-component><div class="blog__view-all center small-hide medium-hide scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="">
<a href="/blogs/articles" id="ViewAll-template--21916611772724__372f4233-be1a-4e27-b69f-9730f2c2cffc" class="blog__button button" aria-labelledby="ViewAll-template--21916611772724__372f4233-be1a-4e27-b69f-9730f2c2cffc SectionHeading-template--21916611772724__372f4233-be1a-4e27-b69f-9730f2c2cffc">
View all
</a>
</div></div>
</div>
<style> #shopify-section-template--21916611772724__372f4233-be1a-4e27-b69f-9730f2c2cffc .article-card__info {display: none;} #shopify-section-template--21916611772724__372f4233-be1a-4e27-b69f-9730f2c2cffc .article-card__excerpt {display: none;} </style></section><div id="shopify-section-template--21916611772724__5bfa5c81-0d28-42fb-8168-925f660553a8" class="shopify-section section"><link href="//sockvibe.com/cdn/shop/t/1/assets/component-image-with-text.css?v=132604768413025929601704738799" rel="stylesheet" type="text/css" media="all">
<style data-shopify="">.section-template--21916611772724__5bfa5c81-0d28-42fb-8168-925f660553a8-padding {
padding-top: 27px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.section-template--21916611772724__5bfa5c81-0d28-42fb-8168-925f660553a8-padding {
padding-top: 36px;
padding-bottom: 36px;
}
}</style><div class="section-template--21916611772724__5bfa5c81-0d28-42fb-8168-925f660553a8-padding gradient color-background-2">
<div class="page-width">
<div class="image-with-text image-with-text--no-overlap isolate collapse-corners scroll-trigger animate--slide-in scroll-trigger--offscreen">
<div class="image-with-text__grid grid grid--gapless grid--1-col grid--3-col-tablet">
<div class="image-with-text__media-item image-with-text__media-item--small image-with-text__media-item--top grid__item">
<div class="image-with-text__media image-with-text__media--adapt global-media-settings background-transparent media" style="padding-bottom: 100.0%;"><img src="//sockvibe.com/cdn/shop/files/Steve_Yiker_Portrait.png?v=1704813309&width=1500" alt="" srcset="//sockvibe.com/cdn/shop/files/Steve_Yiker_Portrait.png?v=1704813309&width=165 165w, //sockvibe.com/cdn/shop/files/Steve_Yiker_Portrait.png?v=1704813309&width=360 360w, //sockvibe.com/cdn/shop/files/Steve_Yiker_Portrait.png?v=1704813309&width=535 535w, //sockvibe.com/cdn/shop/files/Steve_Yiker_Portrait.png?v=1704813309&width=750 750w, //sockvibe.com/cdn/shop/files/Steve_Yiker_Portrait.png?v=1704813309&width=1070 1070w, //sockvibe.com/cdn/shop/files/Steve_Yiker_Portrait.png?v=1704813309&width=1500 1500w" width="1500" height="1500" loading="lazy" sizes="(min-width: 1200px) 550px,
(min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)" fetchpriority="auto">
</div>
</div>
<div class="image-with-text__text-item grid__item">
<div id="ImageWithText--template--21916611772724__5bfa5c81-0d28-42fb-8168-925f660553a8" class="image-with-text__content image-with-text__content--top image-with-text__content--desktop-left image-with-text__content--mobile-left image-with-text__content--adapt content-container background-transparent"><h2 class="image-with-text__heading inline-richtext h1">
Meet Steve Yiker
</h2><div class="image-with-text__text rte body">
<p>Steve Yiker is the charismatic and insightful founder of "Sock Vibe", a blog dedicated to the fusion of fashion and functionality in men's socks. A former D1 baseball athlete and a current personal trainer based in Austin, Texas, Steve's journey from the athletic fields of the Northeast to the vibrant streets of Austin has deeply influenced his unique perspective on men's fashion. Balancing his roles as a husband to Emily and father to his two-year-old son Lucas, Steve's passion for style, particularly in the realm of socks, is rooted in his athletic background and his unceasing pursuit of fitness and well-being. His blog not only showcases the latest trends in men's socks but also reflects his personal philosophy of blending fashion with an active lifestyle, making him a relatable and trusted voice in the world of men's fashion blogging.</p>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</main><div tabindex="-1" aria-hidden="true" id="web-pixels-manager-sandbox-container" data-shopify-privacy="exclude" style="height: 0px !important; width: 0px !important; position: fixed !important; visibility: hidden !important; overflow: hidden !important; z-index: -100 !important; margin: 0px !important; padding: 0px !important; border: 0px !important;"><iframe tabindex="-1" aria-hidden="true" name="web-pixel-sandbox-CUSTOM-shopify-custom-pixel-LAX-afc1c29ew2c3596bfpf78f5eedm53690a39" src="https://sockvibe.com/wpm@afc1c29ew2c3596bfpf78f5eedm53690a39/custom/web-pixel-shopify-custom-pixel@0220/sandbox/modern/" id="web-pixel-sandbox-CUSTOM-shopify-custom-pixel-LAX-afc1c29ew2c3596bfpf78f5eedm53690a39" sandbox="allow-scripts allow-forms" style="height: 0px !important; width: 0px !important; visibility: hidden !important;"></iframe></div>
<!-- BEGIN sections: footer-group -->
<section id="shopify-section-sections--21916612919604__newsletter_r4GikU" class="shopify-section shopify-section-group-footer-group section"><link href="//sockvibe.com/cdn/shop/t/1/assets/component-newsletter.css?v=4727253280200485261704738804" rel="stylesheet" type="text/css" media="all">
<link href="//sockvibe.com/cdn/shop/t/1/assets/newsletter-section.css?v=62410470717655853621704738814" rel="stylesheet" type="text/css" media="all">
<style data-shopify="">.section-sections--21916612919604__newsletter_r4GikU-padding {
padding-top: 30px;
padding-bottom: 39px;
}
@media screen and (min-width: 750px) {
.section-sections--21916612919604__newsletter_r4GikU-padding {
padding-top: 40px;
padding-bottom: 52px;
}
}</style><div class="newsletter center ">
<div class="newsletter__wrapper color-inverse gradient content-container isolate content-container--full-width section-sections--21916612919604__newsletter_r4GikU-padding"><h2 class="inline-richtext h1 scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="" style="--animation-order: 1;">
Subscribe to Steve's emails
</h2><div class="newsletter__subheading rte scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="" style="--animation-order: 2;">
<p>Be the first to know about new articles and exclusive offers.</p>
</div><div>
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="newsletter-form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
<input type="hidden" name="contact[tags]" value="newsletter">
<div class="newsletter-form__field-wrapper scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="" style="--animation-order: 3;">
<div class="field">
<input id="NewsletterForm--sections--21916612919604__newsletter_r4GikU" type="email" name="contact[email]" class="field__input" value="" aria-required="true" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email" required="">
<label class="field__label" for="NewsletterForm--sections--21916612919604__newsletter_r4GikU">
Email
</label>
<button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="Subscribe">
<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
</path></svg>
</button>
</div></div></form>
</div></div>
</div>
</section><div id="shopify-section-sections--21916612919604__footer" class="shopify-section shopify-section-group-footer-group">
<link href="//sockvibe.com/cdn/shop/t/1/assets/section-footer.css?v=125160298726032154631704738823" rel="stylesheet" type="text/css" media="all">
<link href="//sockvibe.com/cdn/shop/t/1/assets/component-newsletter.css?v=4727253280200485261704738804" rel="stylesheet" type="text/css" media="all">
<link href="//sockvibe.com/cdn/shop/t/1/assets/component-list-menu.css?v=151968516119678728991704738800" rel="stylesheet" type="text/css" media="all">
<link href="//sockvibe.com/cdn/shop/t/1/assets/component-list-payment.css?v=69253961410771838501704738799" rel="stylesheet" type="text/css" media="all">
<link href="//sockvibe.com/cdn/shop/t/1/assets/component-list-social.css?v=35792976012981934991704738800" rel="stylesheet" type="text/css" media="all">
<style data-shopify="">.footer {
margin-top: 0px;
}
.section-sections--21916612919604__footer-padding {
padding-top: 27px;
padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
.footer {
margin-top: 0px;
}
.section-sections--21916612919604__footer-padding {
padding-top: 36px;
padding-bottom: 36px;
}
}</style><footer class="footer color-background-1 gradient section-sections--21916612919604__footer-padding"><div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade=""><div class="footer-block grid__item scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="" style="--animation-order: 1;"><h2 class="footer-block__heading inline-richtext">Disclosure</h2><div class="footer-block__details-content rte">
<p>Some of the links above are affiliate links. This means that, at zero cost to you, I will earn an affiliate commission if you click through the link and finalize a purchase.</p>
</div></div></div><div class="footer-block--newsletter scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="">
<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item">
<a href="https://www.facebook.com/SockVibe" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20">
<path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"></path>
</svg>
<span class="visually-hidden">Facebook</span>
</a>
</li><li class="list-social__item">
<a href="https://twitter.com/SockVibeBlog" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 20 20">
<path fill="currentColor" d="M18.608 4.967a7.364 7.364 0 0 1-1.758 1.828c0 .05 0 .13.02.23l.02.232a10.014 10.014 0 0 1-1.697 5.565 11.023 11.023 0 0 1-2.029 2.29 9.13 9.13 0 0 1-2.832 1.607 10.273 10.273 0 0 1-8.94-.985c.342.02.613.04.834.04 1.647 0 3.114-.502 4.4-1.506a3.616 3.616 0 0 1-3.315-2.46c.528.128 1.08.107 1.597-.061a3.485 3.485 0 0 1-2.029-1.216 3.385 3.385 0 0 1-.803-2.23v-.03c.462.242.984.372 1.587.402A3.465 3.465 0 0 1 2.116 5.76c0-.612.14-1.205.452-1.798a9.723 9.723 0 0 0 3.214 2.612A10.044 10.044 0 0 0 9.88 7.649a3.013 3.013 0 0 1-.13-.804c0-.974.34-1.808 1.034-2.49a3.466 3.466 0 0 1 2.561-1.035 3.505 3.505 0 0 1 2.551 1.104 6.812 6.812 0 0 0 2.24-.853 3.415 3.415 0 0 1-1.547 1.948 7.732 7.732 0 0 0 2.02-.542v-.01Z"></path>
</svg>
<span class="visually-hidden">Twitter</span>
</a>
</li></ul>
</div>
</div><div class="footer__content-bottom scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="">
<div class="footer__content-bottom-wrapper page-width">
<div class="footer__column footer__localization isolate"></div>
<div class="footer__column footer__column--info"></div>
</div>
<div class="footer__content-bottom-wrapper page-width">
<div class="footer__copyright caption">
<small class="copyright__content">© 2024, <a href="/" title="">SockVibe.com</a></small>
<small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></small></div>
</div>
</div>
</footer>
</div>
<!-- END sections: footer-group -->
<ul hidden="">
<li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
<li id="a11y-new-window-message">Opens in a new window.</li>
</ul>
<script>
window.shopUrl = 'https://sockvibe.com';
window.routes = {
cart_add_url: '/cart/add',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
};
window.cartStrings = {
error: `There was an error while updating your cart. Please try again.`,
quantityError: `You can only add [quantity] of this item to your cart.`,
};
window.variantStrings = {
addToCart: `Add to cart`,
soldOut: `Sold out`,
unavailable: `Unavailable`,
unavailable_with_option: `[value] - Unavailable`,
};
window.quickOrderListStrings = {
itemsAdded: `[quantity] items added`,
itemAdded: `[quantity] item added`,
itemsRemoved: `[quantity] items removed`,
itemRemoved: `[quantity] item removed`,
viewCart: `View cart`,
each: `[money]/ea`,
};
window.accessibilityStrings = {
imageAvailable: `Image [index] is now available in gallery view`,
shareSuccess: `Link copied to clipboard`,
pauseSlideshow: `Pause slideshow`,
playSlideshow: `Play slideshow`,
recipientFormExpanded: `Gift card recipient form expanded`,
recipientFormCollapsed: `Gift card recipient form collapsed`,
};
</script><script src="//sockvibe.com/cdn/shop/t/1/assets/predictive-search.js?v=162273246065392412141704738815" defer="defer"></script><div id="shopify-block-13768625480086291342" class="shopify-block shopify-app-block"><script>
window['ShopifyForms'] = {
...window['ShopifyForms'],
currentPageType: "index"
};
</script>
</div>
<div id="st-2" class=" st-sticky-share-buttons st-left st-toggleable st-has-labels st-show-total "><div class="st-total ">
<span class="st-label">17</span>
<span class="st-shares">
Shares
</span>
</div><div class="st-btn st-first" data-network="print" style="display: inline-block;">
<img alt="print sharing button" src="https://platform-cdn.sharethis.com/img/print.svg">
<span class="st-label">Print</span>
</div><div class="st-btn" data-network="facebook" style="display: inline-block;">
<img alt="facebook sharing button" src="https://platform-cdn.sharethis.com/img/facebook.svg">
<span class="st-label">Share</span>
</div><div class="st-btn" data-network="twitter" style="display: inline-block;">
<img alt="twitter sharing button" src="https://platform-cdn.sharethis.com/img/twitter.svg">
<span class="st-label">Tweet</span>
</div><div class="st-btn" data-network="pinterest" style="display: inline-block;">
<img alt="pinterest sharing button" src="https://platform-cdn.sharethis.com/img/pinterest.svg">
<span class="st-label">Pin</span>
</div><div class="st-btn" data-network="wechat" style="display: inline-block;">
<img alt="wechat sharing button" src="https://platform-cdn.sharethis.com/img/wechat.svg">
<span class="st-label">Share</span>
</div><div class="st-btn st-last" data-network="surfingbird" style="display: none;">
<img alt="surfingbird sharing button" src="https://platform-cdn.sharethis.com/img/surfingbird.svg">
<span class="st-label">Share</span>
</div><div class="st-toggle">
<div class="st-left">
<img alt="arrow_left sharing button" src="https://platform-cdn.sharethis.com/img/arrow_left.svg">
</div>
<div class="st-right">
<img alt="arrow_right sharing button" src="https://platform-cdn.sharethis.com/img/arrow_right.svg">
</div>
</div></div><iframe name="__tcfapiLocator" style="display: none;"></iframe><iframe src="https://gdpr-api.sharethis.com/portal-v2.html" id="st_gdpr_iframe" title="GDPR Consent Management" style="width: 0px; height: 0px; position: absolute; left: -5000px;"></iframe><div id="st-cmp-v2"><div data-version="2.0.1" class="st-cmp-app st-cmp-github-dark-green "><meta name="viewport" content="width=device-width, initial-scale=1"><div class="st-cmp-overlay"></div><div class="st-cmp-content"><div class="st-layer st-first-layer"><div class="st-cmp-full-header"><div class="header"><h1>WE CARE ABOUT YOUR PRIVACY</h1></div><div class="st-cmp-header-nav-buttons"><div class="st-button ghost"><span><div class="st-button-inner"><span class="st-text">Manage Settings</span></div></span></div><div class="st-button ghost"><span><div class="st-button-inner"><span class="st-text">Vendors</span></div></span></div></div></div><div class="st-cmp-selection-cards"><div id="vendor-settings"><h2>Vendor Settings</h2><div class="st-cmp-selection-card"><h3>Purposes</h3><div class="st-cmp-item"><h4>Vendors can:</h4><div class="st-switch "><label>Store and/or access information on a device</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Use limited data to select advertising</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Create profiles for personalised advertising</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Use profiles to select personalised advertising</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Create profiles to personalise content</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Use profiles to select personalised content</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Measure advertising performance</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Measure content performance</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Understand audiences through statistics or combinations of data from different sources</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Develop and improve services</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Use limited data to select content</label><div class="switch"><span class="slider"></span></div></div></div></div><div class="st-cmp-selection-card"><h3>Special Purposes</h3><div class="st-cmp-item"><h4>Vendors can:</h4><ul><li>Ensure security, prevent and detect fraud, and fix errors
</li><li>Deliver and present advertising and content</li><li>Save and communicate privacy choices</li></ul></div></div><div class="st-cmp-selection-card"><h3>Features</h3><div class="st-cmp-item"><h4>Vendors can:</h4><ul><li>Match and combine data from other data sources</li><li>Link different devices</li><li>Identify devices based on information transmitted automatically</li></ul></div></div><div class="st-cmp-selection-card"><h3>Special Features</h3><div class="st-cmp-item"><h4>Vendors can:</h4><div class="st-switch "><label>Use precise geolocation data</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Actively scan device characteristics for identification</label><div class="switch"><span class="slider"></span></div></div></div></div></div></div><div class="st-cmp-disclaimer"><p>Some partners do not ask for your consent to process your data, instead, they rely on their legitimate business interest. Personal data processed includes but is not limited to cookies, IP addresses, and URLs visited.<a> View our list of partners </a>to see the purposes they believe they have a legitimate interest for and object to legitimate interests on a per vendor basis.<a> Manage your settings </a>and object to purposes as a legitimate interest in general.</p><p>You can change your settings at any time, including by withdrawing your consent, by clicking on the cog icon in the bottom right hand corner.</p></div><div class="st-cmp-nav-buttons"><div class="st-cmp-footer-nav-buttons"><div class="st-button"><span><div class="st-button-inner"><span class="st-text">Manage Settings</span></div></span></div><div class="st-button"><span><div class="st-button-inner"><span class="st-text">Vendors (855)</span></div></span></div></div><div class="st-cmp-permanent-footer-nav-buttons"><div class="st-button"><span><div class="st-button-inner"><span class="st-text">Accept All</span></div></span></div><div class="st-button"><span><div class="st-button-inner"><span class="st-text">Reject All</span></div></span></div><div class="st-button" disabled=""><span><div class="st-button-inner"><span class="st-text">Save & Exit</span></div></span></div></div></div></div></div></div></div></body></html>