@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800;900&display=swap";#yt-loyalty-page{--ccc-g: #00502e;--ccc-ink: #1f1a14;--k: min(1px, .069445vw);--ccc-edge: 3.8889%}.section--page-width>.custom-section-content:has(#yt-loyalty-page),.section--page-width>*:has(>.spacing-style #yt-loyalty-page){grid-column:1 / -1!important}#yt-loyalty-page .yt-loyalty-page-container{max-width:100%!important;width:100%!important;margin:0!important}#yt-loyalty-page .yt-loyalty-page-banner{position:relative!important;align-items:center!important;aspect-ratio:1440 / 620;padding:calc(98.95 * var(--k)) var(--ccc-edge)!important;border:0!important;overflow:hidden;box-sizing:border-box!important;background-color:#ffc400!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}#yt-loyalty-page .yt-loyalty-page-banner,#yt-loyalty-page .yt-loyalty-page-banner *{font-family:Nunito,sans-serif!important;box-sizing:border-box;letter-spacing:0}#yt-loyalty-page .yt-loyalty-page-banner-content{position:static!important;max-width:none!important;gap:0!important;text-align:left!important;align-items:flex-start!important}#yt-loyalty-page .yt-loyalty-page-banner-content>*{position:relative;z-index:5}#yt-loyalty-page .yt-loyalty-page-banner-badge{min-height:0!important;height:calc(38 * var(--k));padding:0 calc(16 * var(--k))!important;border:0!important;border-radius:999px!important;background:#fff!important;color:var(--ccc-g)!important;font-size:max(10px,calc(13 * var(--k)))!important;font-weight:800!important;line-height:1!important;letter-spacing:calc(1.3 * var(--k));text-transform:uppercase;white-space:nowrap}#yt-loyalty-page .yt-loyalty-page-banner-title{max-width:calc(490 * var(--k));margin:calc(23.5 * var(--k)) 0 0!important;color:var(--ccc-g)!important;font-size:calc(80 * var(--k))!important;font-weight:900!important;line-height:calc(78.4 * var(--k))!important;letter-spacing:calc(-1.6 * var(--k))!important;text-transform:none}#yt-loyalty-page .yt-loyalty-page-banner-subtitle{max-width:calc(492 * var(--k))!important;margin:calc(24.26 * var(--k)) 0 0!important;color:var(--ccc-ink)!important;font-size:max(14px,calc(21 * var(--k)))!important;font-weight:400!important;letter-spacing:0!important;line-height:calc(30.45 * var(--k))!important}#yt-loyalty-page .yt-loyalty-page-banner-actions{margin-top:calc(32.2 * var(--k))!important;gap:calc(14 * var(--k))!important;flex-wrap:nowrap!important}#yt-loyalty-page .yt-loyalty-page-banner-button,#yt-loyalty-page .yt-loyalty-page-banner-secondary-button{display:inline-flex!important;align-items:center;justify-content:center;height:max(40px,calc(56 * var(--k)));padding:0 calc(30 * var(--k))!important;border-radius:999px!important;font-size:max(14px,calc(17 * var(--k)))!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap;box-shadow:none!important;text-transform:none!important;transition:filter .2s!important}#yt-loyalty-page .yt-loyalty-page-banner-button{border:0!important;background:var(--ccc-g)!important;color:#fff!important}#yt-loyalty-page .yt-loyalty-page-banner-secondary-button{border:2px solid var(--ccc-g)!important;padding:0 calc(28 * var(--k))!important;background:transparent!important;color:var(--ccc-g)!important}#yt-loyalty-page .yt-loyalty-page-banner-button:hover,#yt-loyalty-page .yt-loyalty-page-banner-secondary-button:hover{filter:brightness(.92)}#yt-loyalty-page .yt-loyalty-page-banner-button:focus-visible,#yt-loyalty-page .yt-loyalty-page-banner-secondary-button:focus-visible{outline:3px solid #0072ce;outline-offset:3px}@media(max-width:1023px){#yt-loyalty-page .yt-loyalty-page-banner{align-items:flex-start!important;justify-content:center!important;aspect-ratio:auto;padding:36px 20px 296px!important;background-size:668px auto!important;background-position:calc(50% - 118.9px) calc(100% + 7.4px)!important}#yt-loyalty-page .yt-loyalty-page-banner:before{content:"";position:absolute;left:0;right:0;top:0;bottom:278.84px;pointer-events:none;background:radial-gradient(circle at calc(50% + 41.42px) calc(100% + 148.84px),#fff4aabf 0,#fff4aa00 258.2px),repeating-conic-gradient(from 0deg at calc(50% + 41.42px) calc(100% + 148.84px),#ffd100 0deg 6deg,#ffc400 6deg 12deg)}#yt-loyalty-page .yt-loyalty-page-banner-content{width:100%!important;max-width:680px!important;margin:0 auto!important}#yt-loyalty-page .yt-loyalty-page-banner-badge{height:31px;padding:0 12px!important;font-size:11px!important;letter-spacing:.88px}#yt-loyalty-page .yt-loyalty-page-banner-title{max-width:320px;margin-top:18px!important;font-size:48px!important;line-height:48px!important;letter-spacing:-.96px!important}#yt-loyalty-page .yt-loyalty-page-banner:not(:has(.yt-loyalty-page-banner-balance-card)) .yt-loyalty-page-banner-title{text-transform:capitalize}#yt-loyalty-page .yt-loyalty-page-banner-subtitle{max-width:none!important;margin-top:17.17px!important;font-size:17px!important;line-height:24.65px!important}#yt-loyalty-page .yt-loyalty-page-banner-actions{flex-direction:column!important;align-items:stretch!important;width:100%;max-width:none;margin-top:22.8px!important;gap:10px!important}#yt-loyalty-page .yt-loyalty-page-banner-button,#yt-loyalty-page .yt-loyalty-page-banner-secondary-button{width:100%;height:52px;font-size:16px!important}}#yt-loyalty-page .yt-loyalty-page-banner:has(.yt-loyalty-page-banner-balance-card){align-items:flex-start!important}#yt-loyalty-page .yt-loyalty-page-banner-balance-card{position:absolute!important;left:44.03%;top:60.645%;z-index:6!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:calc(300 * var(--k));min-width:0!important;margin:0!important;padding:calc(22 * var(--k)) calc(22 * var(--k)) calc(24 * var(--k))!important;border:0!important;border-radius:calc(22 * var(--k))!important;background:#fff!important;box-shadow:0 calc(18 * var(--k)) calc(20 * var(--k)) #1f1a1438!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-align:left!important}#yt-loyalty-page .yt-loyalty-page-banner-balance-card>div:first-child{margin:0!important;color:var(--ccc-ink)!important;font-size:max(12px,calc(15 * var(--k)))!important;font-weight:700!important;line-height:1.37!important;letter-spacing:0!important}#yt-loyalty-page .yt-loyalty-page-banner-balance-card>div:last-child{display:flex!important;align-items:center;margin-top:calc(16 * var(--k))!important;color:var(--ccc-g)!important;font-size:calc(44 * var(--k))!important;font-weight:900!important;line-height:calc(44 * var(--k))!important;letter-spacing:0!important}#yt-loyalty-page .yt-loyalty-page-banner-balance-card>div:last-child:before{content:"\20b9";flex:none;display:inline-flex;align-items:center;justify-content:center;width:calc(36 * var(--k));height:calc(36 * var(--k));margin-right:calc(8 * var(--k));border:calc(3 * var(--k)) solid #e08a00;border-radius:50%;background:#ffb81c;box-shadow:inset 0 0 0 calc(3 * var(--k)) #ffd45c;color:#7a4a00;font-size:calc(18 * var(--k));font-weight:900;line-height:1}#yt-loyalty-page .yt-loyalty-page-banner-balance-card>div:last-child:after{content:"points";position:relative;top:calc(8.5 * var(--k));margin-left:calc(8 * var(--k));color:var(--ccc-ink);font-size:max(13px,calc(17 * var(--k)));font-weight:700;line-height:1}@media(max-width:1023px){#yt-loyalty-page .yt-loyalty-page-banner:has(.yt-loyalty-page-banner-balance-card){overflow:visible!important}#yt-loyalty-page .yt-loyalty-page-banner-balance-card{left:50%;top:calc(100% - 34px);width:min(680px,calc(100% - 40px));height:112px;transform:translate(-50%);padding:20px!important;border-radius:20px!important;box-shadow:0 14px 17px #1f1a1433!important}#yt-loyalty-page .yt-loyalty-page-banner-balance-card>div:first-child{font-size:15px!important}#yt-loyalty-page .yt-loyalty-page-banner-balance-card>div:last-child{margin-top:12px!important;font-size:38px!important;line-height:38px!important}#yt-loyalty-page .yt-loyalty-page-banner-balance-card>div:last-child:before{width:32px;height:32px;margin-right:8px;border-width:3px;box-shadow:inset 0 0 0 3px #ffd45c;font-size:16px}#yt-loyalty-page .yt-loyalty-page-banner-balance-card>div:last-child:after{top:7px;margin-left:8px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/yt-loyalty.css.map */