.phn-sticky-observe{position:relative;top:100vh;width:100%;height:1px;pointer-events:none}.product__sticky{position:fixed;bottom:0;left:0;width:100%;z-index:8;box-sizing:border-box;background-color:#fff;box-shadow:0 4px 19px #00000040;transform:translateY(100%);transition:transform .3s ease-in-out,top .3s ease-in-out}@media(min-width:1024px){.product__sticky{top:0;bottom:unset;padding-top:0;height:80px;min-height:80px;overflow:visible;transform:translateY(-100%);z-index:5;transition:transform .3s ease-in-out}}.product__sticky *{box-sizing:border-box}.product__sticky-inner{display:flex;justify-content:space-between;padding:16px 24px}@media(min-width:1024px){.product__sticky-inner{padding:16px 30px;height:100%;overflow:visible}}.product__sticky-info{display:none}@media(min-width:1024px){.product__sticky-info{display:flex;flex-direction:column;justify-content:center;gap:0}}.product__sticky-info .product__stars-container{margin:0;padding:0;line-height:1}.product__sticky-stars{cursor:pointer;display:inline-block}.product__sticky-info .junip-product-summary.product__sticky-stars{display:inline-flex;align-items:center;flex-wrap:nowrap;margin-top:8px;line-height:1}.product__sticky-info .junip-product-summary-review-count{white-space:nowrap;text-decoration:none}.product__sticky .product__stars-container,.product__sticky .product__stars-container a,.product__sticky .product__stars-container span,.product__sticky .junip-product-summary,.product__sticky .junip-product-summary a,.product__sticky .junip-product-summary-review-count{text-decoration:none}body[class*=template-page-] .product__sticky .junip-product-summary-star svg,body[class*=template-page-] .product__sticky .junip-star svg{display:none!important}body[class*=template-page-] .product__sticky .junip-product-summary-star{background-size:cover}body[class*=template-page-] .product__sticky .junip-star-filled{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="20" viewBox="0 0 90 20" fill="none"><path d="M9 13.814L5 17.5L5.38983 12.0725L0 11.244L4.49153 8.18357L1.77966 3.46618L7 5.05556L9 0L11 5.05556L16.2203 3.46618L13.5085 8.18357L18 11.244L12.6102 12.0725L13 17.5L9 13.814Z" fill="black"/></svg>');width:16.46px!important;height:14.94px!important}body[class*=template-page-] .product__sticky .junip-star-outline{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="20" viewBox="0 0 90 20" fill="none"><path d="M9 13.814L5 17.5L5.38983 12.0725L0 11.244L4.49153 8.18357L1.77966 3.46618L7 5.05556L9 0L11 5.05556L16.2203 3.46618L13.5085 8.18357L18 11.244L12.6102 12.0725L13 17.5L9 13.814Z" stroke="black" fill="none"/></svg>');width:16.46px!important;height:14.94px!important}body[class*=template-page-] .product__sticky .junip-product-summary-review-count{font-size:13px;line-height:17px;margin-left:9px;color:#000;font-family:RingsideWideWeb,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:.025em;font-weight:325}@media(max-width:700px){body[class*=template-page-] .product__sticky .junip-star-filled{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="20" viewBox="0 0 90 20" fill="none"><path d="M9 13.814L5 17.5L5.38983 12.0725L0 11.244L4.49153 8.18357L1.77966 3.46618L7 5.05556L9 0L11 5.05556L16.2203 3.46618L13.5085 8.18357L18 11.244L12.6102 12.0725L13 17.5L9 13.814Z" fill="black"/></svg>')}body[class*=template-page-] .product__sticky .junip-star-outline{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="20" viewBox="0 0 90 20" fill="none"><path d="M9 13.814L5 17.5L5.38983 12.0725L0 11.244L4.49153 8.18357L1.77966 3.46618L7 5.05556L9 0L11 5.05556L16.2203 3.46618L13.5085 8.18357L18 11.244L12.6102 12.0725L13 17.5L9 13.814Z" stroke="gray" fill="none"/></svg>')}body[class*=template-page-] .product__sticky .junip-product-summary-review-count{letter-spacing:.4px}}@media(max-width:393px){body[class*=template-page-] .product__sticky .junip-product-summary-review-count{margin-left:6px}}@media(max-width:429px){body[class*=template-page-] .product__sticky .junip-star-filled,body[class*=template-page-] .product__sticky .junip-star-outline{width:16.46px!important;height:14.94px!important}}@media(min-width:1024px){body[class*=template-page-] .product__sticky .junip-product-summary-review-count{font-size:14px;letter-spacing:0}}.product__sticky-title{font-family:GeogrotesqueCondBoldWeb,Arial Black,Impact,sans-serif;font-size:18px;text-transform:uppercase;line-height:1;letter-spacing:1.18px;margin:0}.product__sticky-form{display:flex;align-items:center;flex:1;gap:0}@media(min-width:1024px){.product__sticky-form{flex:0 0 auto;align-items:center;overflow:visible}}.product__sticky-atc.phn-form-std__atc{height:44px;width:100%}@media(min-width:1024px){.product__sticky-atc.phn-form-std__atc{width:auto;margin:8px 0 0}}.product__sticky-shade{position:relative;min-width:0;background:#fff}@media(max-width:1023px){.product__sticky-shade--static{display:none}.product__sticky-form{width:100%;flex:1 1 100%;gap:12px;justify-content:space-between;align-items:center}.product__sticky-shade--interactive{display:block;position:static;flex:1 1 0;min-width:0;width:auto;margin:0}.product__sticky-shade-btn{justify-content:flex-start;gap:6px;width:100%;height:40px;padding:0 0 0 8px;overflow:hidden;border:1px solid #d7d7d7;border-radius:2px}.product__sticky-shade-btn svg{order:3;margin:0 0 0 auto;flex-shrink:0;width:10px;height:100%;padding-inline:8px;background:#fff}.product__sticky-shade-label{order:2;margin:0;font-size:13px;color:#333;min-width:0}.product__sticky-shade-swatch{order:1;width:28px;height:28px}.product__sticky-shade-swatch-inner{width:24px;height:24px}.product__sticky-atc.phn-form-std__atc{flex:0 0 auto;width:auto;max-width:none;height:40px}.product__sticky-atc.phn-form-std__atc .phn-form-std__atc-text{min-width:85px;padding-inline:6px}.product__sticky-atc.phn-form-std__atc .phn-form-std__atc-prices{min-width:0;padding-inline:6px}.product__sticky-shade-dropdown{position:absolute;bottom:100%;left:0;right:0;width:100%;background:#fff;box-shadow:inset 0 -4px 10px #0000000f,0 -4px 10px #0000000f;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.product__sticky-shade--interactive.is-open .product__sticky-shade-dropdown{max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.product__sticky-shade-dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 0}.product__sticky-shade-dropdown-title{display:flex;align-items:center;gap:10px;width:100%;font-size:13px;font-weight:325;letter-spacing:.46px;white-space:nowrap}.product__sticky-shade-dropdown-title span{width:100%;height:1px;background:#e4e4e4}.product__sticky-shade-close{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;background:none;border:none;cursor:pointer;flex-shrink:0}.product__sticky-shade-close svg{width:10px;height:10px}.product__sticky-shade-close svg path{stroke:#5f5f5f}.product__sticky-shade-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:10px;padding:16px}.product__sticky-shade-item:hover{background:none}.product__sticky-shade-item-info{display:none}.product__sticky-shade-item-swatch{width:32px;height:32px}.product__sticky-shade-item-swatch-inner{width:28px;height:28px}}@media(min-width:1024px){.product__sticky-shade-dropdown-header{display:none}.product__sticky-shade-items{padding:1rem 0}}@media(min-width:1024px){.product__sticky-shade--static{display:none}.product__sticky-shade--interactive{flex:0 0 auto;width:max-content;min-width:250px;max-width:100%;min-height:44px;height:auto;overflow:visible;margin-top:8px}.product__sticky-atc.phn-form-std__atc{flex-shrink:0}}.product__sticky-shade-btn{display:flex;align-items:center;justify-content:flex-end;width:100%;min-height:44px;height:auto;background:#fff;border:none;border-radius:0;cursor:pointer;font-family:inherit;font-size:13px;color:#1a1a1a;padding:4px 20px;position:relative;box-sizing:border-box}@media(min-width:1024px){.product__sticky-shade-btn{width:100%}}@media(hover:hover){.product__sticky-shade-btn:hover,.product__sticky-shade-btn:focus-visible{background:#fff;color:#1a1a1a;outline:none}.product__sticky-shade-item:hover{background:#f5f5f5}}.product__sticky-shade-btn svg{width:10px;height:10px;margin-right:15px;flex-shrink:0;transition:transform .3s ease-in-out}.product__sticky-shade--interactive.is-open .product__sticky-shade-btn svg{transform:rotate(180deg)}.product__sticky-shade-label{font-family:RingsideWideWeb,Helvetica,Arial,sans-serif;font-size:14px;font-weight:325;text-align:left;white-space:normal;overflow-wrap:anywhere;margin-right:15px}.product__sticky-shade-swatch{width:28px;height:28px;border-radius:50%;border:1px solid #000;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:#fff;overflow:visible}.product__sticky-shade-swatch-inner{width:24px;height:24px;border-radius:50%;flex-shrink:0;background-position:center;background-size:cover}.product__sticky-shade-swatch.is-unavailable:before{content:"";background:#999;display:block;height:1px;left:0;position:absolute;top:0;transform:rotate(45deg);transform-origin:0 0;width:141.42%;z-index:1;pointer-events:none}.product__sticky-shade-swatch.is-new:after,.product__sticky-shade-item-swatch.is-new:after{content:"New";position:absolute;bottom:-9px;left:-2px;right:-2px;display:flex;align-items:center;justify-content:center;height:13px;font-family:BaseMonoWideWeb,Courier,Courier New,sans-serif;font-size:7px;font-weight:400;line-height:1;letter-spacing:.348px;text-transform:uppercase;text-align:center;color:#fff;background:#000;border-radius:3px;pointer-events:none}.product__sticky-shade-btn .product__sticky-shade-swatch.is-new:after,.product__sticky-shade--static .product__sticky-shade-swatch.is-new:after{display:none}@media(min-width:1024px){.product__sticky-shade-swatch{width:28px;height:28px}.product__sticky-shade-swatch-inner{width:24px;height:24px}}.product__sticky-shade-dropdown{background:#fff;border:none;border-radius:0;padding:0}@media(min-width:1024px){.product__sticky-shade-dropdown{position:absolute;top:100%;left:0;right:0;width:100%;z-index:11;max-height:0;overflow:hidden;box-shadow:0 4px 19px #00000040;visibility:hidden;pointer-events:none;transition:max-height .3s ease-in-out,visibility 0s linear .3s}.product__sticky-shade--interactive.is-open .product__sticky-shade-dropdown{max-height:min(90vh,var(--phn-dropdown-max, 90vh));overflow-y:auto;-webkit-overflow-scrolling:touch;visibility:visible;pointer-events:auto;transition:max-height .3s ease-in-out,visibility 0s linear 0s}}.product__sticky-shade-item{display:flex;align-items:center;justify-content:flex-end;width:100%;min-height:44px;height:44px;padding:0;background:none;border:none;cursor:pointer;text-align:left;box-sizing:border-box;padding:0 2rem}.product__sticky-shade-item.is-unavailable{opacity:.6}.product__sticky-shade-item-info{margin-right:15px;flex:1;min-width:0;font-family:RingsideWideWeb,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:24px;letter-spacing:.46px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product__sticky-shade-item-name{display:inline;font-weight:400}.product__sticky-shade-item.is-active .product__sticky-shade-item-swatch{border-color:#000}.product__sticky-shade-item-swatch{width:28px;height:28px;border-radius:50%;border:1px solid #d4d4d4;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:#fff;overflow:visible}.product__sticky-shade-item-swatch-inner{width:22px;height:22px;border-radius:50%;flex-shrink:0;background-position:center;background-size:cover}.product__sticky-shade-item.is-unavailable .product__sticky-shade-item-swatch:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(to top right,transparent calc(50% - 1px),#d4d4d4 calc(50% - 1px),#d4d4d4 calc(50% + .5px),transparent calc(50% + 1px));pointer-events:none}@media(min-width:1024px)and (max-width:1100px){.product__sticky-shade-item{padding:0 14px}}body.state--sticky-atc .product__sticky{transform:translateY(0)}@media(min-width:1024px){body.state--sticky-atc .product__sticky{transform:translateY(var(--header-height, 60px))}}@media screen and (max-width:1024px){.product__sticky .product__sticky-inner{padding:13px 20px 26px}.new-sticky__inner{box-shadow:0 4px 19px #00000040}}@media(max-width:1023px){.product__sticky-inner{align-items:center;gap:0;padding:6px 12px 16px}.product__sticky-inner:has(.product__sticky-form--no-shade) .product__sticky-info{display:block;flex:1 1 0;min-width:0;width:auto}.product__sticky-inner:has(.product__sticky-form--no-shade) .product__stars-container{display:none}.product__sticky-form--no-shade{flex:0 0 auto;width:auto}.product__sticky-shade-item{width:32px;height:32px;min-height:0;padding:0;justify-self:center;justify-content:center}}.product__sticky--mini{position:fixed;inset:auto 0 0 0;width:100%;z-index:6;box-sizing:border-box;background-color:#fff;box-shadow:0 150px 0 150px #fff,0 -2px 14px #0003;transition:transform .3s ease-in-out;transform:translateY(100%);padding:18px 18px 24px;align-items:center;gap:8px}@media(min-width:769px){.product__sticky--mini{box-shadow:0 2px 14px #0003;inset:0 0 auto 0;transform:translateY(-100%)}}@media(max-width:768px){body.state--selected-shades-full .product__sticky--mini{transform:translateY(0)}}@media(min-width:769px){body.state--selected-shades-full.scrolling-up .product__sticky--mini{transform:translateY(-120%)}body.state--selected-shades-full.state--announcement-hidden .product__sticky--mini{transform:translateY(var(--header-height, 60px))}body.state--selected-shades-full.state--announcement-hidden.scrolling-up .product__sticky--mini{transform:translateY(-120%)}}html.state--mb-upsell-open .product__sticky--mini{width:calc(100% - var(--scroll-width, 0px))}@media(min-width:769px){html.state--mb-upsell-open body.state--selected-shades-full .product__sticky--mini,html.state--mb-upsell-open body.state--selected-shades-full.scrolling-up .product__sticky--mini{transform:translateY(var(--header-height, 60px))}html.state--mb-upsell-open body[data-template=quiz].state--selected-shades-full .product__sticky--mini,html.state--mb-upsell-open body[data-template=quiz].state--selected-shades-full.scrolling-up .product__sticky--mini{transform:translateY(74px)}}.js-mbStickyMiniTitle{font-family:GeogrotesqueCondBoldWeb,Arial Black,Impact,sans-serif;font-size:15px;text-transform:uppercase;line-height:16px;letter-spacing:.4px;flex:1;margin:0}@media(max-width:1023px){.product__sticky-title-set{display:block}}.js-mbStickyAtcSlot{flex:1}.js-mbStickyAtcSlot button{margin-bottom:0;height:40px}@media(min-width:769px){.js-mbStickyAtcSlot button{height:42px;max-width:none}.js-mbStickyAtcSlot{flex:none}}.js-mbStickyAtcSlot span{font-family:BaseMonoWideWeb,Courier,Courier New,sans-serif;font-size:13px;line-height:1;letter-spacing:0}@media(min-width:769px){.js-mbStickyAtcSlot span{font-size:15px;line-height:16px}}@media(min-width:769px){.js-mbStickyAtcSlot .mb-set-builder__atc-text,.js-mbStickyAtcSlot .mb-set-builder__atc-loader,.js-mbStickyAtcSlot .mb-set-builder__atc-prices{padding-inline:12px}}@media(max-width:1024px){.product__sticky-shade--interactive{border:1px solid #d7d7d7;border-radius:2px}.product__sticky-shade-btn{min-height:40px;height:auto;gap:6px;justify-content:center}.product__sticky-shade-label,.product__sticky-shade-btn svg{margin-inline:0}}@media(max-width:1023px){body[data-template=merch] .product__sticky-info{display:block;flex:1 1 0;min-width:0;width:auto}body[data-template=merch] .product__sticky-title{font-size:14px;font-family:GeogrotesqueCondBoldWeb,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.3px;line-height:1}body[data-template=merch] .product__sticky-form{justify-content:flex-end;flex:1}body[data-template=merch] .product__stars-container{display:none}}body.phn-multi-hero.state--sticky-atc .product__sticky:not(.is-phn-sticky-visible){visibility:hidden!important;pointer-events:none!important;transform:translateY(100%)!important}@media(min-width:1024px){body.phn-multi-hero.state--sticky-atc .product__sticky:not(.is-phn-sticky-visible){transform:translateY(-100%)!important}}body.phn-multi-hero.state--sticky-atc .product__sticky.is-phn-sticky-visible{visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}@media(min-width:1024px){body.phn-multi-hero.state--sticky-atc .product__sticky.is-phn-sticky-visible{transform:translateY(var(--header-height, 60px))!important}body.phn-multi-hero.state--cclp-lp-header.state--sticky-atc .product__sticky.is-phn-sticky-visible,body.phn-multi-hero:has(cclp-header-section:not([data-header-mode=site_header])).state--sticky-atc .product__sticky.is-phn-sticky-visible{top:0;padding-top:0;transform:translateY(calc(var(--cclp-announcement-height, 0px) + var(--cclp-header-height, 75px)))!important}}
/*# sourceMappingURL=/cdn/shop/t/1084/assets/phn-product-sticky-form.css.map */