body.npu:has([data-np-reference-layout]) #MainContent{--np-ref-ink:#182136;--np-ref-border:#e4e4e4}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-]{max-width:1440px;padding:8px 0 32px!important}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-]>.page-width{max-width:none;padding:0!important}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px!important}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product__title{margin:0 0 14px!important}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product__title h1{color:var(--np-ref-ink)!important}body.npu:has([data-np-reference-layout]) #MainContent .npu-content-block--intro{display:none}body.npu:has([data-np-reference-layout]) #MainContent .np-breadcrumbs{max-width:1440px;padding:16px 0 14px;font-size:12px;line-height:20px}body.npu:has([data-np-reference-layout]) #MainContent .product__info-container{font-family:NP Reference Poppins,Arial,sans-serif}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form{color:var(--np-ref-ink)}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-product-price{margin:0 0 24px!important;padding:0}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-option--size{margin:0 0 26px!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-option__title{font:600 16px/24px NP Reference Poppins,Arial,sans-serif!important;text-transform:none;margin:0 0 10px;letter-spacing:0;color:var(--np-ref-ink)}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-option--size .tee-row{display:flex;gap:8px;flex-wrap:wrap}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-option--size .tee-radio{flex:0 0 calc((100% - 32px)/5);min-width:75px}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-option--size .tee-radio label{display:flex;flex-direction:column;gap:2px;width:100%;min-height:58px!important;padding:7px 5px!important;border:1px solid var(--np-ref-border)!important;border-radius:8px!important;background:#fff!important;font:600 16px/22px NP Reference Poppins,Arial,sans-serif!important;color:var(--np-ref-ink)!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-option--size .tee-radio.active label{border:2px solid var(--np-ref-ink)!important;padding:6px 4px!important}body.npu:has([data-np-reference-layout]) #MainContent [data-np-unit-price]{font:400 12px/18px NP Reference Poppins,Arial,sans-serif;color:#737373;white-space:nowrap}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-customize-main-form,body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form #teeFormInputs{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-field{margin:0 0 16px!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-field__heading{margin:0 0 8px!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-field__heading,body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-field__heading>span:not(.material-icons):not(.material-icons-outlined):not(.material-symbols-outlined){color:var(--np-ref-ink)!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form input[type=text],body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form textarea,body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form select{border:1px solid var(--np-ref-border)!important;border-radius:8px!important;min-height:48px!important;padding:11px 12px!important;color:var(--np-ref-ink)!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form input[type=text]{line-height:20px!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form input[type=text]:focus,body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form select:focus{border-color:var(--npu-accent)!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-clipart-row{gap:8px;margin:0!important;width:100%!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-clipart-col{width:calc((100% - 40px)/6)!important;flex:0 0 calc((100% - 40px)/6)!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-clipart{width:100%!important;height:auto!important;min-width:0!important;flex-basis:auto!important;aspect-ratio:1;border-radius:8px!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-clipart label{width:100%!important;height:100%!important;min-width:0!important;flex-basis:auto!important;border-radius:8px!important;border:1px solid var(--np-ref-border)!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-clipart.active label{border:2px solid var(--np-ref-ink)!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-input-hint{margin-top:8px;color:#797979!important}body.npu:has([data-np-reference-layout]) #MainContent .np-gift-box{padding:12px!important;margin:20px 0 16px!important;border-radius:8px!important;background:#fff5eb}body.npu:has([data-np-reference-layout]) #MainContent .np-gift-box__heading{gap:10px;margin-bottom:10px}body.npu:has([data-np-reference-layout]) #MainContent .np-gift-box__heading strong{font:700 14px/20px NP Reference Poppins,Arial,sans-serif}body.npu:has([data-np-reference-layout]) #MainContent .np-gift-box__heading small{font:400 12px/18px NP Reference Poppins,Arial,sans-serif}body.npu:has([data-np-reference-layout]) #MainContent .np-gift-box__heading input{width:20px!important;height:20px!important;flex-basis:20px;border-radius:3px}body.npu:has([data-np-reference-layout]) #MainContent .np-gift-box__body{grid-template-columns:64px minmax(0,1fr) auto;gap:10px}body.npu:has([data-np-reference-layout]) #MainContent .np-gift-box__copy p{font:400 13px/19px NP Reference Poppins,Arial,sans-serif;margin-bottom:4px}body.npu:has([data-np-reference-layout]) #MainContent .np-gift-box__copy strong{font:700 14px/20px NP Reference Poppins,Arial,sans-serif}body.npu:has([data-np-reference-layout]) #MainContent .np-gift-box__quantity{grid-column:auto;height:36px}body.npu:has([data-np-reference-layout]) #MainContent .np-gift-box__quantity button{width:28px;height:34px;font-size:22px}body.npu:has([data-np-reference-layout]) #MainContent .np-gift-box__quantity input{width:24px!important;height:34px!important;font-size:14px!important}body.npu:has([data-np-reference-layout]) #MainContent .np-gift-box__status{font:400 11px/16px NP Reference Poppins,Arial,sans-serif;margin-top:8px}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form #teeFormActions{padding:0!important;margin:0!important;width:100%!important;box-sizing:border-box}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form #teeFormActions>.tee-form-action{padding:0!important;margin-inline:0!important;width:100%!important;box-sizing:border-box}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-form-action:has(>.tee-btn--preview){display:none!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-btn--preview{display:block!important;width:100%;min-height:52px!important;border:1px solid var(--np-ref-ink)!important;border-radius:28px!important;background:#fff!important;color:var(--np-ref-ink)!important;font:600 16px/24px NP Reference Poppins,Arial,sans-serif!important;text-transform:none!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-form-atc-wrapper{display:flex!important;flex-wrap:nowrap;align-items:stretch;gap:10px;margin:0!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-quantity{width:118px!important;flex:0 0 118px;margin:0!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-quantity-group{height:52px;border:1px solid var(--np-ref-border);border-radius:28px}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-quantity-input{height:50px!important;border:0!important;padding:0!important;background:transparent!important;font:400 16px/24px NP Reference Poppins,Arial,sans-serif!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-btn--atc{flex:1 1 auto;min-width:0;min-height:52px!important;border:0!important;border-radius:28px!important;background:var(--npu-accent)!important;color:#fff!important;font:700 16px/24px NP Reference Poppins,Arial,sans-serif!important;text-transform:none!important}body.npu:has([data-np-reference-layout]) #MainContent .npu-aftercare{margin-top:20px}body.npu:has([data-np-reference-layout]) #MainContent .npu-check-note{display:none}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product__media-wrapper{display:grid!important;grid-template-columns:minmax(0,1fr);align-content:start;gap:10px 12px!important;position:sticky!important;top:calc(var(--header-height,120px) + 12px)!important}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product__media-wrapper:is(.np-bakven-show-photo,[data-np-pod-gallery=photos]){grid-template-columns:78px minmax(0,1fr)}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product__media-wrapper #tee-gallery{grid-column:1/-1;grid-row:1;border-radius:0;background:transparent}body.npu:has([data-np-reference-layout]) #MainContent .np-bakven-photo-stage{grid-column:2;grid-row:1;border-radius:0}body.npu:has([data-np-reference-layout]) #MainContent .np-gallery-dock{grid-column:1;grid-row:1;flex-direction:column!important;width:78px!important;max-height:640px!important;padding:0!important;overflow-y:auto;gap:8px!important}body.npu:has([data-np-reference-layout]) #MainContent .np-gallery-photo{width:78px!important;min-width:78px;height:78px;border:1px solid var(--np-ref-border);border-radius:6px!important;padding:2px!important;background:#fff}body.npu:has([data-np-reference-layout]) #MainContent .product__media-wrapper:not(:is(.np-bakven-show-photo,[data-np-pod-gallery=photos]))>.np-gallery-dock{display:none!important}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product__media-wrapper>.np-gallery-caption{display:none!important}body.npu:has([data-np-reference-layout]) #MainContent .tee-thumbnails{display:none!important}body.npu:has([data-np-reference-layout]) #MainContent .np-reference-gallery-tools{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;gap:8px}body.npu:has([data-np-reference-layout]) #MainContent .np-reference-gallery-tools button{cursor:pointer;background:#fff;border:1px solid var(--np-ref-border);border-radius:20px;padding:7px 14px;color:var(--np-ref-ink);font:500 12px/18px NP Reference Poppins,Arial,sans-serif}body.npu:has([data-np-reference-layout]) #MainContent .np-reference-gallery-tools button[aria-pressed=true]{border-color:var(--np-ref-ink);background:#f7f7f7}body.npu:has([data-np-reference-layout]) #MainContent #np-reference-gallery{grid-template-columns:minmax(0,1fr)!important}body.npu:has([data-np-reference-layout]) #MainContent #np-reference-gallery:is(.np-bakven-show-photo,[data-np-pod-gallery=photos]){grid-template-columns:78px minmax(0,1fr)!important}body.npu:has([data-np-reference-layout]) #MainContent #np-reference-gallery>.np-gallery-dock{display:flex!important;flex-direction:column!important;width:78px!important;max-height:640px!important;margin:0!important;gap:8px!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:none}body.npu:has([data-np-reference-layout]) #MainContent #np-reference-gallery>.np-gallery-dock::-webkit-scrollbar{display:none}body.npu:has([data-np-reference-layout]) #MainContent #np-reference-gallery>.np-reference-gallery-tools{display:flex!important;position:absolute!important;inset:10px 10px auto auto!important;margin:0!important;width:auto!important;grid-area:auto!important;z-index:5}body.npu:has([data-np-reference-layout]) #MainContent #np-reference-gallery>.np-gallery-gift-note{display:none!important}body.npu:has([data-np-reference-layout]) #MainContent #np-reference-gallery:not(:is(.np-bakven-show-photo,[data-np-pod-gallery=photos]))>.np-bakven-photo-stage,body.npu:has([data-np-reference-layout]) #MainContent #np-reference-gallery:not(:is(.np-bakven-show-photo,[data-np-pod-gallery=photos]))>.np-gallery-dock{display:none!important}@media(min-width:750px)and (max-width:1000px){body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px!important}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product__media-wrapper:is(.np-bakven-show-photo,[data-np-pod-gallery=photos]){grid-template-columns:56px minmax(0,1fr)}body.npu:has([data-np-reference-layout]) #MainContent .np-gallery-dock{width:56px!important}body.npu:has([data-np-reference-layout]) #MainContent .np-gallery-photo{width:56px!important;min-width:56px;height:56px}body.npu:has([data-np-reference-layout]) #MainContent #np-reference-gallery:is(.np-bakven-show-photo,[data-np-pod-gallery=photos]){grid-template-columns:56px minmax(0,1fr)!important}body.npu:has([data-np-reference-layout]) #MainContent #np-reference-gallery>.np-gallery-dock{width:56px!important}}@media(max-width:749px){body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-]{padding:0 12px 24px!important}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product{grid-template-columns:minmax(0,1fr);gap:20px!important}body.npu:has([data-np-reference-layout]) #MainContent .np-breadcrumbs{padding:10px 12px 12px;font-size:10px}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product__media-wrapper,body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product__media-wrapper:is(.np-bakven-show-photo,[data-np-pod-gallery=photos]){position:relative!important;top:auto!important;grid-template-columns:minmax(0,1fr)}body.npu:has([data-np-reference-layout]) #MainContent .np-bakven-photo-stage{grid-column:1;grid-row:1}body.npu:has([data-np-reference-layout]) #MainContent .np-gallery-dock{grid-column:1;grid-row:2;flex-direction:row!important;width:100%!important;max-height:none!important;overflow-x:auto}body.npu:has([data-np-reference-layout]) #MainContent .np-gallery-photo{width:58px!important;min-width:58px!important;height:58px}body.npu:has([data-np-reference-layout]) #MainContent .np-reference-gallery-tools{grid-row:3}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product__title h1{font-size:20px!important;line-height:28px!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-option--size .tee-radio{flex-basis:calc((100% - 16px)/3);min-width:0}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-clipart-col{width:calc((100% - 32px)/5)!important;flex-basis:calc((100% - 32px)/5)!important}body.npu:has([data-np-reference-layout]) #MainContent .np-gift-box__body{grid-template-columns:52px minmax(0,1fr)}body.npu:has([data-np-reference-layout]) #MainContent .np-gift-box__quantity{grid-column:2;justify-self:start}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-quantity{width:100px!important;flex-basis:100px}body.npu:has([data-np-reference-layout]) #MainContent #np-reference-gallery:is(.np-bakven-show-photo,[data-np-pod-gallery=photos]){grid-template-columns:minmax(0,1fr)!important}body.npu:has([data-np-reference-layout]) #MainContent #np-reference-gallery>.np-gallery-dock{flex-direction:row!important;width:100%!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important}body.npu:has([data-np-reference-layout]) #MainContent #np-reference-gallery>.np-reference-gallery-tools{position:static!important;inset:auto!important;grid-area:3/1/auto/-1!important}}body.npu:has([data-np-reference-layout]) #MainContent #np-reference-gallery .np-gallery-design{display:none!important}body.npu:has([data-np-reference-layout]) #MainContent .product-page-price .main-price{font:700 32px/40px NP Reference Poppins,Arial,sans-serif!important;color:var(--npu-accent)!important;letter-spacing:0!important}body.npu:has([data-np-reference-layout]) #MainContent .product-page-price .main-comapre-price{font:400 18px/26px NP Reference Poppins,Arial,sans-serif!important;color:#797979!important}body.npu:has([data-np-reference-layout]) #MainContent .np-bakven-savings{display:none!important}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-]:has(#tee-artwork-form .tee-product-price) .product-page-price{display:none!important}body.npu.teeinblue-enabled:not(.teeinblue-platform-product-enabled):has([data-np-reference-layout]) #MainContent :is(variant-radios,variant-selects){display:none!important}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product-form__submit{min-height:52px!important;border-radius:28px!important;font:700 16px/24px NP Reference Poppins,Arial,sans-serif!important}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product-form__input input[type=radio]+label{border-radius:8px!important;padding:12px 16px!important}body.npu:has([data-np-reference-layout]) #MainContent :is(variant-selects,variant-radios){width:100%!important;max-width:100%!important;min-width:0}body.npu:has([data-np-reference-layout]) #MainContent :is(variant-selects,variant-radios) .product-form__input--pills{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--np-choice-min,120px)),1fr));gap:8px;width:100%;max-width:none}body.npu:has([data-np-reference-layout]) #MainContent :is(variant-selects,variant-radios) .product-form__input--pills>.product-form__label-container{grid-column:1/-1;margin:0}body.npu:has([data-np-reference-layout]) #MainContent :is(variant-selects,variant-radios) .form__label,body.npu:has([data-np-reference-layout]) #MainContent :is(variant-selects,variant-radios) .form__label-text{font:600 16px/24px NP Reference Poppins,Arial,sans-serif!important}body.npu:has([data-np-reference-layout]) #MainContent :is(variant-selects,variant-radios) .product-form__input--pills>input[type=radio]+label{width:100%;box-sizing:border-box;min-width:0!important;min-height:48px!important;margin:0!important;padding:11px 10px!important;border-radius:8px!important;box-shadow:none!important;font:500 16px/24px NP Reference Poppins,Arial,sans-serif!important;text-transform:none!important;text-align:center}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-row:has(>.tee-radio){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--np-choice-min,120px)),1fr));gap:8px!important;align-items:stretch;width:100%!important;margin:0!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-row>.tee-radio{width:100%!important;min-width:0!important;max-width:none;margin:0!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-row>.tee-radio>label{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-width:0!important;height:100%!important;min-height:48px!important;box-sizing:border-box;margin:0!important;padding:10px 8px!important;border-radius:8px!important;white-space:normal!important;overflow-wrap:anywhere;text-align:center;font:500 16px/24px NP Reference Poppins,Arial,sans-serif!important}body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-option--size .tee-row>.tee-radio>label{min-height:58px!important;font-weight:600!important}body.npu:has([data-np-reference-layout]) #MainContent [id^=MainProduct-] .product-form__input--pills input[type=radio]+label,body.npu:has([data-np-reference-layout]) #MainContent #tee-artwork-form .tee-row>.tee-radio>label{text-wrap:balance;word-break:normal;overflow-wrap:anywhere}@media(max-width:749px){body.npu:has([data-np-reference-layout]) #MainContent .product__media-wrapper:not(:has(#tee-gallery)) .slider-mobile-gutter{margin-inline:0!important;width:100%!important;max-width:100%!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/np-reference-product.css.map */