/** Shopify CDN: Minification failed Line 1086:14257 Expected identifier but found whitespace Line 1086:14259 Unexpected "{" Line 1086:14266 Expected ":" Line 1086:14270 Expected identifier but found "!" Line 1086:14289 Expected identifier but found whitespace Line 1086:14291 Unexpected "{" Line 1086:14299 Expected ":" Line 1086:14303 Expected identifier but found "!" Line 1086:14423 Expected identifier but found whitespace Line 1086:14425 Unexpected "{" ... and 12 more hidden warnings **/ #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; } @font-face { font-family: Poppins; font-weight: 400; font-style: normal; font-display: swap; src: url("") format("woff2"), url("") format("woff"); } @font-face { font-family: Poppins; font-weight: 700; font-style: normal; font-display: swap; src: url("") format("woff2"), url("") format("woff"); } @font-face { font-family: Poppins; font-weight: 400; font-style: italic; font-display: swap; src: url("") format("woff2"), url("") format("woff"); } @font-face { font-family: Poppins; font-weight: 700; font-style: italic; font-display: swap; src: url("") format("woff2"), url("") format("woff"); } @font-face { font-family: Poppins; font-weight: 400; font-style: normal; font-display: swap; src: url("") format("woff2"), url("") format("woff"); } :root { --font-body-family: Poppins, sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-body-weight-bold: 700; --font-heading-family: Poppins, sans-serif; --font-heading-style: normal; --font-heading-weight: 400; --font-body-scale: 1.0; --font-heading-scale: 1.0; --color-base-text: 44, 41, 53; --color-shadow: 44, 41, 53; --color-base-background-1: 255, 248, 236; --color-base-background-2: 247, 252, 253; --color-base-solid-button-labels: 255, 255, 255; --color-base-outline-button-labels: 46, 42, 57; --color-base-accent-1: 217, 139, 164; --color-base-accent-2: 39, 207, 35; --payment-terms-background-color: #fff8ec; --gradient-base-background-1: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 100%); --gradient-base-background-2: radial-gradient(rgba(255, 236, 223, 1), rgba(255, 236, 223, 1) 25%, rgba(255, 236, 223, 1) 100%); --gradient-base-accent-1: linear-gradient(0deg, rgba(255, 154, 98, 0), rgba(255, 204, 75, 1) 100%); --gradient-base-accent-2: linear-gradient(320deg, rgba(134, 16, 106, 1), rgba(94, 54, 83, 1) 100%); --media-padding: px; --media-border-opacity: 0.1; --media-border-width: 0px; --media-radius: 12px; --media-shadow-opacity: 0.1; --media-shadow-horizontal-offset: 10px; --media-shadow-vertical-offset: 12px; --media-shadow-blur-radius: 20px; --media-shadow-visible: 1; --page-width: 100rem; --page-width-margin: 0rem; --product-card-image-padding: 0.0rem; --product-card-corner-radius: 1.2rem; --product-card-text-alignment: center; --product-card-border-width: 0.0rem; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.05; --product-card-shadow-visible: 1; --product-card-shadow-horizontal-offset: 1.0rem; --product-card-shadow-vertical-offset: 1.0rem; --product-card-shadow-blur-radius: 3.5rem; --collection-card-image-padding: 0.0rem; --collection-card-corner-radius: 1.2rem; --collection-card-text-alignment: center; --collection-card-border-width: 0.0rem; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.05; --collection-card-shadow-visible: 1; --collection-card-shadow-horizontal-offset: 1.0rem; --collection-card-shadow-vertical-offset: 1.0rem; --collection-card-shadow-blur-radius: 3.5rem; --blog-card-image-padding: 0.0rem; --blog-card-corner-radius: 1.2rem; --blog-card-text-alignment: center; --blog-card-border-width: 0.0rem; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.05; --blog-card-shadow-visible: 1; --blog-card-shadow-horizontal-offset: 1.0rem; --blog-card-shadow-vertical-offset: 1.0rem; --blog-card-shadow-blur-radius: 3.5rem; --badge-corner-radius: 2.0rem; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 22px; --popup-shadow-opacity: 0.1; --popup-shadow-horizontal-offset: 10px; --popup-shadow-vertical-offset: 12px; --popup-shadow-blur-radius: 20px; --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: 36px; --spacing-sections-mobile: 25px; --grid-desktop-vertical-spacing: 40px; --grid-desktop-horizontal-spacing: 40px; --grid-mobile-vertical-spacing: 20px; --grid-mobile-horizontal-spacing: 20px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 24px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 10px; --text-boxes-shadow-vertical-offset: 12px; --text-boxes-shadow-blur-radius: 20px; --buttons-radius: 10px; --buttons-radius-outset: 11px; --buttons-border-width: 1px; --buttons-border-opacity: 0.55; --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: 0.3px; --inputs-radius: 10px; --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: 11px; --variant-pills-radius: 10px; --variant-pills-border-width: 0px; --variant-pills-border-opacity: 0.1; --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; } } .loox-reviews-default { max-width: 1200px; margin: 0 auto; }.loox-rating .loox-icon { color:#EBBF20; } :root { --lxs-rating-icon-color: #EBBF20; } .pplr_add_to_cart{display:none !important;} @keyframes pulsate{0%,to{opacity:1}50%{opacity:.2}}#spotlight,#spotlight .drag,#spotlight .preloader,#spotlight .scene{top:0;width:100%;height:100%}#spotlight .arrow,#spotlight .icon{cursor:pointer;background-repeat:no-repeat}#spotlight{position:fixed;z-index:99999;color:#fff;background-color:#000;visibility:hidden;opacity:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:visibility .25s ease,opacity .25s ease;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;contain:layout size paint style;touch-action:none;-webkit-tap-highlight-color:transparent}#spotlight.show{opacity:1;visibility:visible;transition:none}#spotlight.show .pane,#spotlight.show .scene{will-change:transform}#spotlight.show .scene img{will-change:transform,opacity}#spotlight .preloader{position:absolute;background-position:center center;background-repeat:no-repeat;background-size:42px 42px;visibility:hidden}#spotlight .preloader.show{transition:visibility 0s linear .25s;visibility:visible}#spotlight .drag{position:absolute;z-index: 9999999999999999999;}#spotlight .scene{position:absolute;transition:transform 1s cubic-bezier(.1,1,.1,1);contain:layout size style;pointer-events:none}#spotlight .scene img{display:inline-block;position:absolute;width:auto;height:auto;max-width:100%;max-height:100%;left:50%;top:50%;opacity:1;margin:0;padding:0;border:0;transform:translate(-50%,-50%) scale(1) perspective(100vw);transition:transform 1s cubic-bezier(.1,1,.1,1),opacity 1s cubic-bezier(.3,1,.3,1);transform-style:preserve-3d;contain:layout paint style;visibility:hidden}#spotlight .header,#spotlight .pane{position:absolute;top:0;width:100%;height:100%;contain:layout size style}#spotlight .header{height:50px;text-align:right;background-color:rgba(0,0,0,.45);transform:translateY(-100px);transition:transform .35s ease-out;contain:layout size paint style}#spotlight .header:hover,#spotlight.menu .header{transform:translateY(0)}#spotlight .header div{display:inline-block;vertical-align:middle;white-space:nowrap;width:30px;height:50px;padding-right:20px;opacity:.5}#spotlight .progress{position:absolute;top:0;width:100%;height:3px;background-color:rgba(255,255,255,.45);transform:translateX(-100%);transition:transform 1s linear}#spotlight .arrow,#spotlight .footer{position:absolute;background-color:rgba(0,0,0,.45)}#spotlight .footer{bottom:0;line-height:1.35em;padding:20px 25px;text-align:left;pointer-events:none;contain:layout paint style}#spotlight .footer .title{font-size:125%;padding-bottom:10px}#spotlight .page{float:left;width:auto;padding-left:20px;line-height:50px}#spotlight .icon{background-position:left center;background-size:21px 21px;transition:opacity .2s ease-out}#spotlight .fullscreen{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9Ii0xIC0xIDI2IDI2IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2M20xOCAwVjVhMiAyIDAgMCAwLTItMmgtM20wIDE4aDNhMiAyIDAgMCAwIDItMnYtM00zIDE2djNhMiAyIDAgMCAwIDIgMmgzIi8+PC9zdmc+)}#spotlight .fullscreen.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDN2M2EyIDIgMCAwIDEtMiAySDNtMTggMGgtM2EyIDIgMCAwIDEtMi0yVjNtMCAxOHYtM2EyIDIgMCAwIDEgMi0yaDNNMyAxNmgzYTIgMiAwIDAgMSAyIDJ2MyIvPjwvc3ZnPg==)}#spotlight .autofit{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9Ijk2cHgiIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIiBmaWxsPSIjZmZmIiBkPSJNNzEuMzExLDgwQzY5LjY3LDg0LjY2LDY1LjIzLDg4LDYwLDg4SDIwYy02LjYzLDAtMTItNS4zNy0xMi0xMlYzNmMwLTUuMjMsMy4zNC05LjY3LDgtMTEuMzExVjc2YzAsMi4yMSwxLjc5LDQsNCw0SDcxLjMxMSAgeiIvPjxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDkwIDUwIDUwKSIgZmlsbD0iI2ZmZiIgZD0iTTc2LDhIMzZjLTYuNjMsMC0xMiw1LjM3LTEyLDEydjQwYzAsNi42Myw1LjM3LDEyLDEyLDEyaDQwYzYuNjMsMCwxMi01LjM3LDEyLTEyVjIwQzg4LDEzLjM3LDgyLjYzLDgsNzYsOHogTTgwLDYwICBjMCwyLjIxLTEuNzksNC00LDRIMzZjLTIuMjEsMC00LTEuNzktNC00VjIwYzAtMi4yMSwxLjc5LTQsNC00aDQwYzIuMjEsMCw0LDEuNzksNCw0VjYweiIvPjwvc3ZnPg==)}#spotlight .zoom-out{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjgiIHgyPSIxNCIgeTE9IjExIiB5Mj0iMTEiLz48L3N2Zz4=)}#spotlight .zoom-in{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjExIiB4Mj0iMTEiIHkxPSI4IiB5Mj0iMTQiLz48bGluZSB4MT0iOCIgeDI9IjE0IiB5MT0iMTEiIHkyPSIxMSIvPjwvc3ZnPg==)}#spotlight .theme{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMiIgdmlld0JveD0iMiAyIDIwIDIwIiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIsNGMtNC40MTgsMC04LDMuNTgyLTgsOHMzLjU4Miw4LDgsOHM4LTMuNTgyLDgtOFMxNi40MTgsNCwxMiw0eiBNMTIsMThjLTMuMzE0LDAtNi0yLjY4Ni02LTZzMi42ODYtNiw2LTZzNiwyLjY4Niw2LDYgUzE1LjMxNCwxOCwxMiwxOHoiLz48cGF0aCBkPSJNMTIsN3YxMGMyLjc1NywwLDUtMi4yNDMsNS01UzE0Ljc1Nyw3LDEyLDd6Ii8+PC9nPjwvc3ZnPg==)}#spotlight .player{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMTAgOCAxNiAxMiAxMCAxNiAxMCA4Ii8+PC9zdmc+)}#spotlight .player.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxsaW5lIHgxPSIxMCIgeDI9IjEwIiB5MT0iMTUiIHkyPSI5Ii8+PGxpbmUgeDE9IjE0IiB4Mj0iMTQiIHkxPSIxNSIgeTI9IjkiLz48L3N2Zz4=);animation:pulsate 1s ease infinite}#spotlight .close{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIyIDIgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTgiIHgyPSI2IiB5MT0iNiIgeTI9IjE4Ii8+PGxpbmUgeDE9IjYiIHgyPSIxOCIgeTE9IjYiIHkyPSIxOCIvPjwvc3ZnPg==)}#spotlight .preloader{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmYiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjY1Ij48Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMTUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L2c+PC9zdmc+)}#spotlight .arrow{top:50%;left:20px;width:50px;height:50px;border-radius:100%;margin-top:-25px;padding:10px;transform:translateX(-100px);transition:transform .35s ease-out,opacity .2s ease-out;box-sizing:border-box;background-position:center center;background-size:30px 30px;opacity:.65;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWxpbmUgcG9pbnRzPSIxNSAxOCA5IDEyIDE1IDYiLz48L3N2Zz4=)}#spotlight .arrow-right{left:auto;right:20px;transform:translateX(100px) scaleX(-1)}#spotlight.menu .arrow-left{transform:translateX(0)}#spotlight.menu .arrow-right{transform:translateX(0) scaleX(-1)}#spotlight .arrow-left:hover,#spotlight .arrow-right:hover,#spotlight .icon:hover{opacity:1;animation:none}#spotlight.white{color:#fff;background-color:#fff}#spotlight.white .arrow,#spotlight.white .footer,#spotlight.white .header,#spotlight.white .preloader,#spotlight.white .progress{filter:invert(1)}.hide-scrollbars{overflow:-moz-hidden-unscrollable;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{width:0}@media (max-width:800px){#spotlight .header div{width:30px}#spotlight .footer{font-size:12px}#spotlight .arrow{width:35px;height:35px;margin-top:-17.5px;background-size:15px 15px}#spotlight .preloader{background-size:30px 30px}}@media (max-width:400px),(max-height:400px){#spotlight .fullscreen{display:none!important}} .shopify-payment-button .shopify-payment-button__button--unbranded,.shopify-payment-button,#dropi-cod-button,.buttonBuyNow{display:none !important} form[method="post"][action$="/cart/add"] [name="add"],form[method="post"][action$="/cart/add"] [type="submit"]:not(._rsi-buy-now-button),#new-form-atc,[name="add"],.btn--add-to-cart,[data-buy-button],#dropi-cod-button,[data-add-to-cart],[data-action="add-to-cart"],.js-header-atc,#add-to-cart,.btn-addtocart{display:none !important} ._rsi-modal-fields-item:not(._rsi-modal-fields-checkbox)>label,._rsi-modal-fields-title,._rsi-modal-header-title,._rsi-modal-shipping-rates-title{color:rgba(0,0,0,1)}._rsi-downsells-modal{font-size:calc(1.05 * 16.8px);}#_rsi-cod-form-modal-form,#_rsi-cod-form-modal-upsell,._rsi-cod-form-otp-popup{font-size:calc(1.05 * 16.8px);background:rgba(255,255,255,1);border-radius:9px;-webkit-box-shadow:0 10px 20px 0 rgb(0,0,0,0);box-shadow:0 10px 20px 0 rgb(0,0,0,0);border:0px solid rgba(0,0,0,1)}._rsi-build-block ._rsi-modal-checkout-lines{background-color:rgb(249, 249, 249) !important;}._rsi-modal-upsell{min-height:max-content !important}._rsi-modal-submit-button-upsell{margin-top:auto!important} :root { /* Size Primitives */ --vtl-size-0: 0px; --vtl-size-1: 1px; --vtl-size-2: 2px; --vtl-size-4: 4px; --vtl-size-6: 6px; --vtl-size-8: 8px; --vtl-size-12: 12px; --vtl-size-14: 14px; --vtl-size-16: 16px; --vtl-size-18: 18px; --vtl-size-20: 20px; --vtl-size-24: 24px; --vtl-size-32: 32px; --vtl-size-40: 40px; --vtl-size-48: 48px; --vtl-size-52: 52px; --vtl-size-64: 64px; --vtl-size-80: 80px; --vtl-size-96: 96px; --vtl-size-112: 112px; --vtl-size-128: 128px; --vtl-size-464: 464px; --vtl-size-full: 9999px; } :root { /* px values */ --vtl-space-0: var(--vtl-size-0); --vtl-space-1: var(--vtl-size-1); --vtl-space-2: var(--vtl-size-2); --vtl-space-4: var(--vtl-size-4); --vtl-space-6: var(--vtl-size-6); --vtl-space-8: var(--vtl-size-8); --vtl-space-12: var(--vtl-size-12); --vtl-space-16: var(--vtl-size-16); --vtl-space-20: var(--vtl-size-20); --vtl-space-24: var(--vtl-size-24); --vtl-space-32: var(--vtl-size-32); --vtl-space-40: var(--vtl-size-40); --vtl-space-48: var(--vtl-size-48); --vtl-space-64: var(--vtl-size-64); --vtl-space-80: var(--vtl-size-80); --vtl-space-96: var(--vtl-size-96); --vtl-space-112: var(--vtl-size-112); --vtl-space-128: var(--vtl-size-128); --vtl-space-464: var(--vtl-size-464); --vtl-space-full: var(--vtl-size-full); } :root { /* Font Size Semantic Tokens */ --vtl-font-size-12: var(--vtl-size-12); --vtl-font-size-14: var(--vtl-size-14); --vtl-font-size-16: var(--vtl-size-16); --vtl-font-size-18: var(--vtl-size-18); --vtl-font-size-20: var(--vtl-size-20); --vtl-font-size-24: var(--vtl-size-24); --vtl-font-size-32: var(--vtl-size-32); --vtl-font-size-40: var(--vtl-size-40); --vtl-font-size-48: var(--vtl-size-48); --vtl-font-size-52: var(--vtl-size-52); --vtl-font-size-64: var(--vtl-size-64); /* Font Weight Semantic Tokens */ --vtl-font-weight-inherit: inherit; --vtl-font-weight-400: 400; --vtl-font-weight-600: 600; --vtl-font-weight-800: 800; /* Line Height Semantic Tokens */ --vtl-line-height-140: 1.4; --vtl-line-height-150: 1.5; /* Text Decoration Semantic Tokens */ --vtl-text-decoration-none: none; --vtl-text-decoration-underline: underline; --vtl-text-decoration-line-through: line-through; } /* Display Semantic Tokens */ .vtl-text-display-l { font-family: inherit; font-size: var(--vtl-font-size-64); font-weight: var(--vtl-font-weight-inherit); line-height: var(--vtl-line-height-150); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-display-l-bold { font-family: inherit; font-size: var(--vtl-font-size-64); font-weight: var(--vtl-font-weight-800); line-height: var(--vtl-line-height-150); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-display-m { font-family: inherit; font-size: var(--vtl-font-size-52); font-weight: var(--vtl-font-weight-inherit); line-height: var(--vtl-line-height-150); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-display-m-bold { font-family: inherit; font-size: var(--vtl-font-size-52); font-weight: var(--vtl-font-weight-800); line-height: var(--vtl-line-height-150); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-display-s { font-family: inherit; font-size: var(--vtl-font-size-48); font-weight: var(--vtl-font-weight-inherit); line-height: var(--vtl-line-height-150); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-display-s-bold { font-family: inherit; font-size: var(--vtl-font-size-48); font-weight: var(--vtl-font-weight-800); line-height: var(--vtl-line-height-150); text-decoration: var(--vtl-text-decoration-none); } /* Heading Semantic Tokens */ .vtl-text-heading-3xl { font-family: inherit; font-size: var(--vtl-font-size-40); font-weight: var(--vtl-font-weight-inherit); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-heading-3xl-bold { font-family: inherit; font-size: var(--vtl-font-size-40); font-weight: var(--vtl-font-weight-800); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-heading-2xl { font-family: inherit; font-size: var(--vtl-font-size-32); font-weight: var(--vtl-font-weight-inherit); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-heading-2xl-bold { font-family: inherit; font-size: var(--vtl-font-size-32); font-weight: var(--vtl-font-weight-800); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-heading-xl { font-family: inherit; font-size: var(--vtl-font-size-24); font-weight: var(--vtl-font-weight-inherit); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-heading-xl-bold { font-family: inherit; font-size: var(--vtl-font-size-24); font-weight: var(--vtl-font-weight-800); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-heading-l { font-family: inherit; font-size: var(--vtl-font-size-20); font-weight: var(--vtl-font-weight-inherit); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-heading-l-bold { font-family: inherit; font-size: var(--vtl-font-size-20); font-weight: var(--vtl-font-weight-800); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-heading-m { font-family: inherit; font-size: var(--vtl-font-size-18); font-weight: var(--vtl-font-weight-inherit); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-heading-m-bold { font-family: inherit; font-size: var(--vtl-font-size-18); font-weight: var(--vtl-font-weight-800); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-heading-s { font-family: inherit; font-size: var(--vtl-font-size-14); font-weight: var(--vtl-font-weight-inherit); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-heading-s-bold { font-family: inherit; font-size: var(--vtl-font-size-14); font-weight: var(--vtl-font-weight-800); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } /* Body Tokens */ .vtl-text-body-l { font-family: inherit; font-size: var(--vtl-font-size-18); font-weight: var(--vtl-font-weight-400); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-body-l-underline { font-family: inherit; font-size: var(--vtl-font-size-18); font-weight: var(--vtl-font-weight-400); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-underline); } .vtl-text-body-l-strike { font-family: inherit; font-size: var(--vtl-font-size-18); font-weight: var(--vtl-font-weight-400); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-line-through); } .vtl-text-body-l-semibold { font-family: inherit; font-size: var(--vtl-font-size-18); font-weight: var(--vtl-font-weight-600); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-body-m { font-family: inherit; font-size: var(--vtl-font-size-16); font-weight: var(--vtl-font-weight-400); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-body-m-underline { font-family: inherit; font-size: var(--vtl-font-size-16); font-weight: var(--vtl-font-weight-400); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-underline); } .vtl-text-body-m-strike { font-family: inherit; font-size: var(--vtl-font-size-16); font-weight: var(--vtl-font-weight-400); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-line-through); } .vtl-text-body-m-semibold { font-family: inherit; font-size: var(--vtl-font-size-16); font-weight: var(--vtl-font-weight-600); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-body-s { font-family: inherit; font-size: var(--vtl-font-size-14); font-weight: var(--vtl-font-weight-400); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-body-s-underline { font-family: inherit; font-size: var(--vtl-font-size-14); font-weight: var(--vtl-font-weight-400); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-underline); } .vtl-text-body-s-strike { font-family: inherit; font-size: var(--vtl-font-size-14); font-weight: var(--vtl-font-weight-400); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-line-through); } .vtl-text-body-s-semibold { font-family: inherit; font-size: var(--vtl-font-size-14); font-weight: var(--vtl-font-weight-600); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-body-xs { font-family: inherit; font-size: var(--vtl-font-size-12); font-weight: var(--vtl-font-weight-400); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } .vtl-text-body-xs-semibold { font-family: inherit; font-size: var(--vtl-font-size-12); font-weight: var(--vtl-font-weight-600); line-height: var(--vtl-line-height-140); text-decoration: var(--vtl-text-decoration-none); } :root { /* Neutral Shades Primitives */ --vtl-neutral-120: #1b1b1b; --vtl-neutral-110: #1e1e1e; --vtl-neutral-100: #222; --vtl-neutral-90: #363636; --vtl-neutral-80: #4a4a4a; --vtl-neutral-75: #444; --vtl-neutral-70: #5e5e5e; --vtl-neutral-60: #727272; --vtl-neutral-50: #868686; --vtl-neutral-40: #9a9a9a; --vtl-neutral-30: #aeaeae; --vtl-neutral-20: #c2c2c2; --vtl-neutral-10: #d6d6d6; --vtl-neutral-05: #eaeaea; --vtl-neutral-04: #eee; --vtl-neutral-03: #f8f8f8; --vtl-neutral-02: #fdfdfd; --vtl-neutral-01: #fff; /* Alpha Black Shades Primitives */ --vtl-alpha-black-100: rgba(34, 34, 34, 1); --vtl-alpha-black-90: rgba(34, 34, 34, 0.9); --vtl-alpha-black-80: rgba(34, 34, 34, 0.8); --vtl-alpha-black-70: rgba(34, 34, 34, 0.7); --vtl-alpha-black-60: rgba(34, 34, 34, 0.6); --vtl-alpha-black-50: rgba(34, 34, 34, 0.5); --vtl-alpha-black-40: rgba(34, 34, 34, 0.4); --vtl-alpha-black-30: rgba(34, 34, 34, 0.3); --vtl-alpha-black-20: rgba(34, 34, 34, 0.2); --vtl-alpha-black-15: rgba(34, 34, 34, 0.15); --vtl-alpha-black-10: rgba(34, 34, 34, 0.1); --vtl-alpha-black-05: rgba(34, 34, 34, 0.05); --vtl-alpha-black-04: rgba(34, 34, 34, 0.04); --vtl-alpha-black-03: rgba(34, 34, 34, 0.03); --vtl-alpha-black-02: rgba(34, 34, 34, 0.02); --vtl-alpha-black-00: rgba(34, 34, 34, 0); /* Alpha White Shades Primitives */ --vtl-alpha-white-100: rgba(255, 255, 255, 1); --vtl-alpha-white-90: rgba(255, 255, 255, 0.9); --vtl-alpha-white-80: rgba(255, 255, 255, 0.8); --vtl-alpha-white-70: rgba(255, 255, 255, 0.7); --vtl-alpha-white-60: rgba(255, 255, 255, 0.6); --vtl-alpha-white-50: rgba(255, 255, 255, 0.5); --vtl-alpha-white-40: rgba(255, 255, 255, 0.4); --vtl-alpha-white-30: rgba(255, 255, 255, 0.3); --vtl-alpha-white-20: rgba(255, 255, 255, 0.2); --vtl-alpha-white-15: rgba(255, 255, 255, 0.15); --vtl-alpha-white-10: rgba(255, 255, 255, 0.1); --vtl-alpha-white-05: rgba(255, 255, 255, 0.05); --vtl-alpha-white-04: rgba(255, 255, 255, 0.04); --vtl-alpha-white-03: rgba(255, 255, 255, 0.03); --vtl-alpha-white-02: rgba(255, 255, 255, 0.02); --vtl-alpha-white-00: rgba(255, 255, 255, 0); /* Red Shades Primitives */ --vtl-red-180: #2e0600; --vtl-red-170: #450800; --vtl-red-150: #730e00; --vtl-red-130: #a01400; --vtl-red-120: #b71600; --vtl-red-110: #ce1900; --vtl-red-100: #e51c00; --vtl-red-90: #e8331a; --vtl-red-80: #ea4933; --vtl-red-70: #ed604d; --vtl-red-60: #ef7766; --vtl-red-50: #f28d80; --vtl-red-40: #f5a499; --vtl-red-30: #f7bbb2; --vtl-red-20: #fad2cc; --vtl-red-10: #fce8e5; --vtl-red-05: #fef4f2; --vtl-red-02: #fefafa; /* Blue Shades Primitives */ --vtl-blue-180: #00172f; --vtl-blue-170: #002246; --vtl-blue-150: #003975; --vtl-blue-130: #004fa3; --vtl-blue-120: #005aba; --vtl-blue-110: #0066d2; --vtl-blue-100: #0071e9; --vtl-blue-90: #1a7feb; --vtl-blue-80: #338ded; --vtl-blue-70: #4d9cf0; --vtl-blue-60: #66aaf2; --vtl-blue-50: #80b8f4; --vtl-blue-40: #99c6f6; --vtl-blue-30: #b2d4f8; --vtl-blue-20: #cce3fb; --vtl-blue-10: #e5f1fd; --vtl-blue-05: #f2f8fe; --vtl-blue-02: #fafcff; /* Yellow Shades Primitives */ --vtl-yellow-180: #332901; --vtl-yellow-170: #4d3e02; --vtl-yellow-150: #806704; --vtl-yellow-130: #b29005; --vtl-yellow-120: #cca506; --vtl-yellow-110: #e5b906; --vtl-yellow-100: #ffce07; --vtl-yellow-90: #ffd320; --vtl-yellow-80: #ffd839; --vtl-yellow-70: #ffdd51; --vtl-yellow-60: #ffe26a; --vtl-yellow-50: #ffe783; --vtl-yellow-40: #ffeb9c; --vtl-yellow-30: #fff0b5; --vtl-yellow-20: #fff5cd; --vtl-yellow-10: #fffae6; --vtl-yellow-05: #fffdf3; --vtl-yellow-02: #fffefa; /* Green Shades Primitives */ --vtl-green-180: #073108; --vtl-green-170: #0a490c; --vtl-green-150: #117a14; --vtl-green-130: #18ab1c; --vtl-green-120: #1bc320; --vtl-green-110: #1fdc24; --vtl-green-100: #22f428; --vtl-green-90: #38f53e; --vtl-green-80: #4ef653; --vtl-green-70: #64f769; --vtl-green-60: #7af87e; --vtl-green-50: #90f993; --vtl-green-40: #a7fba9; --vtl-green-30: #bdfcbe; --vtl-green-20: #d3fdd4; --vtl-green-10: #e9fee9; --vtl-green-05: #f4fef4; --vtl-green-02: #fbfffb; /* Orange Shades Primitives */ --vtl-orange-180: #331f00; --vtl-orange-170: #4d2e00; --vtl-orange-150: #804d00; --vtl-orange-130: #b26b00; --vtl-orange-120: #cc7a00; --vtl-orange-110: #e58a00; --vtl-orange-100: #f90; --vtl-orange-90: #ffa31a; --vtl-orange-80: #ffad33; --vtl-orange-70: #ffb84d; --vtl-orange-60: #ffc266; --vtl-orange-50: #ffcc80; --vtl-orange-40: #ffd699; --vtl-orange-30: #ffe0b2; --vtl-orange-20: #ffebcc; --vtl-orange-10: #fff5e5; --vtl-orange-05: #fffaf2; --vtl-orange-02: #fffdfa; } :root { /* Semantic Color Tokens - Light Theme */ /* Fill */ --vtl-color-bg-fill-default-on-light: var(--vtl-neutral-100); --vtl-color-bg-fill-tertiary-on-light: var(--vtl-neutral-05); --vtl-color-bg-fill-preview-tertiary-on-light: var(--vtl-neutral-04); --vtl-color-bg-fill-inverse-on-light: var(--vtl-neutral-01); --vtl-color-bg-fill-hover-on-light: var(--vtl-alpha-black-80); --vtl-color-bg-fill-disable-on-light: var(--vtl-neutral-10); --vtl-color-bg-fill-critical-on-light: var(--vtl-red-120); --vtl-color-bg-fill-promo-on-light: var(--vtl-red-100); /* Surface */ --vtl-color-bg-surface-preview-product-container-on-light: var(--vtl-alpha-black-03); --vtl-color-bg-surface-default-on-light: var(--vtl-neutral-01); --vtl-color-bg-surface-secondary-on-light: var(--vtl-neutral-05); --vtl-color-bg-surface-tertiary-on-light: var(--vtl-neutral-03); --vtl-color-bg-surface-critical-on-light: var(--vtl-red-02); --vtl-color-bg-surface-modal-on-light: var(--vtl-neutral-01); --vtl-color-bg-surface-inverse-on-light: var(--vtl-neutral-100); --vtl-color-bg-surface-hover-on-light: var(--vtl-alpha-black-03); --vtl-color-bg-surface-selected-on-light: var(--vtl-alpha-black-05); /* Text */ --vtl-color-text-default-on-light: var(--vtl-neutral-100); --vtl-color-text-hover-on-light: var(--vtl-alpha-black-70); --vtl-color-text-disable-on-light: var(--vtl-neutral-70); --vtl-color-text-primary-on-light: var(--vtl-neutral-80); --vtl-color-text-secondary-on-light: var(--vtl-neutral-60); --vtl-color-text-tertiary-on-light: var(--vtl-neutral-30); --vtl-color-text-on-bg-fill-on-light: var(--vtl-neutral-01); --vtl-color-text-critical-on-light: var(--vtl-red-110); --vtl-color-text-link-on-light: var(--vtl-blue-110); --vtl-color-text-preview-default-on-light: var(--vtl-alpha-black-60); --vtl-color-text-preview-heading-on-light: var(--vtl-alpha-black-100); --vtl-color-text-preview-body-on-light: var(--vtl-alpha-black-80); --vtl-color-text-preview-surface-on-light: var(--vtl-alpha-white-100); --vtl-color-text-promo-on-light: var(--vtl-red-110); /* Border */ --vtl-color-border-default-on-light: var(--vtl-neutral-100); --vtl-color-border-primary-on-light: var(--vtl-neutral-70); --vtl-color-border-secondary-on-light: var(--vtl-neutral-30); --vtl-color-border-tertiary-on-light: var(--vtl-neutral-05); --vtl-color-border-alpha-tertiary-on-light: var(--vtl-alpha-black-05); --vtl-color-border-hover-on-light: var(--vtl-neutral-90); --vtl-color-border-disable-on-light: var(--vtl-neutral-10); --vtl-color-border-critical-on-light: var(--vtl-red-110); --vtl-color-border-preview-border-on-light: var(--vtl-alpha-black-60); --vtl-color-border-preview-border-tertiary-on-light: var(--vtl-alpha-black-10); --vtl-color-border-focus-on-light: var(--vtl-blue-100); --vtl-color-box-shadow-s-on-light: var(--vtl-alpha-black-05); --vtl-color-box-shadow-m-on-light: var(--vtl-alpha-black-10); --vtl-color-box-shadow-l-on-light: var(--vtl-alpha-black-15); --vtl-color-box-shadow-xl-on-light: var(--vtl-alpha-black-20); /* Icon */ --vtl-color-icon-default-on-light: var(--vtl-neutral-100); --vtl-color-icon-tertiary-on-light: var(--vtl-neutral-20); --vtl-color-icon-disable-on-light: var(--vtl-neutral-60); --vtl-color-icon-stars-on-light: var(--vtl-yellow-100); --vtl-color-icon-success-on-light: var(--vtl-green-130); --vtl-color-icon-inverse-on-light: var(--vtl-neutral-01); --vtl-color-icon-button-surface-hover-on-light: var(--vtl-alpha-black-10); /* Semantic Color Tokens - Dark Theme ------------------------------------------------------------------------ */ /* Fill */ --vtl-color-bg-fill-default-on-dark: var(--vtl-neutral-10); --vtl-color-bg-fill-tertiary-on-dark: var(--vtl-neutral-70); --vtl-color-bg-fill-inverse-on-dark: var(--vtl-neutral-100); --vtl-color-bg-fill-hover-on-dark: var(--vtl-alpha-white-80); --vtl-color-bg-fill-disable-on-dark: var(--vtl-neutral-90); --vtl-color-bg-fill-critical-on-dark: var(--vtl-red-90); --vtl-color-bg-fill-preview-tertiary-on-dark: var(--vtl-neutral-75); --vtl-color-bg-fill-promo-on-dark: var(--vtl-red-90); /* Surface */ --vtl-color-bg-surface-preview-product-container-on-dark: var(--vtl-alpha-white-03); --vtl-color-bg-surface-default-on-dark: var(--vtl-neutral-100); --vtl-color-bg-surface-secondary-on-dark: var(--vtl-neutral-01); --vtl-color-bg-surface-tertiary-on-dark: var(--vtl-neutral-80); --vtl-color-bg-surface-critical-on-dark: var(--vtl-red-60); --vtl-color-bg-surface-modal-on-dark: var(--vtl-neutral-01); --vtl-color-bg-surface-inverse-on-dark: var(--vtl-neutral-01); --vtl-color-bg-surface-hover-on-dark: var(--vtl-alpha-white-03); --vtl-color-bg-surface-selected-on-dark: var(--vtl-alpha-white-05); /* Text */ --vtl-color-text-default-on-dark: var(--vtl-neutral-01); --vtl-color-text-hover-on-dark: var(--vtl-alpha-white-70); --vtl-color-text-disable-on-dark: var(--vtl-neutral-40); --vtl-color-text-primary-on-dark: var(--vtl-neutral-20); --vtl-color-text-secondary-on-dark: var(--vtl-neutral-40); --vtl-color-text-tertiary-on-dark: var(--vtl-neutral-60); --vtl-color-text-on-bg-fill-on-dark: var(--vtl-neutral-100); --vtl-color-text-critical-on-dark: var(--vtl-red-90); --vtl-color-text-link-on-dark: var(--vtl-blue-90); --vtl-color-text-preview-default-on-dark: var(--vtl-alpha-white-60); --vtl-color-text-preview-heading-on-dark: var(--vtl-alpha-white-100); --vtl-color-text-preview-body-on-dark: var(--vtl-alpha-white-80); --vtl-color-text-preview-surface-on-dark: var(--vtl-alpha-black-100); --vtl-color-text-promo-on-dark: var(--vtl-red-90); /* Border */ --vtl-color-border-default-on-dark: var(--vtl-neutral-10); --vtl-color-border-primary-on-dark: var(--vtl-neutral-20); --vtl-color-border-secondary-on-dark: var(--vtl-neutral-50); --vtl-color-border-tertiary-on-dark: var(--vtl-neutral-70); --vtl-color-border-alpha-tertiary-on-dark: var(--vtl-alpha-white-05); --vtl-color-border-hover-on-dark: var(--vtl-alpha-black-10); --vtl-color-border-disable-on-dark: var(--vtl-alpha-white-20); --vtl-color-border-critical-on-dark: var(--vtl-red-90); --vtl-color-border-preview-border-on-dark: var(--vtl-alpha-white-60); --vtl-color-border-preview-border-tertiary-on-dark: var(--vtl-alpha-white-10); --vtl-color-border-focus-on-dark: var(--vtl-blue-70); --vtl-color-box-shadow-s-on-dark: var(--vtl-alpha-white-05); --vtl-color-box-shadow-m-on-dark: var(--vtl-alpha-white-10); --vtl-color-box-shadow-l-on-dark: var(--vtl-alpha-white-15); --vtl-color-box-shadow-xl-on-dark: var(--vtl-alpha-white-20); /* Icon */ --vtl-color-icon-default-on-dark: var(--vtl-neutral-01); --vtl-color-icon-tertiary-on-dark: var(--vtl-neutral-70); --vtl-color-icon-disable-on-dark: var(--vtl-alpha-white-50); --vtl-color-icon-stars-on-dark: var(--vtl-yellow-100); --vtl-color-icon-success-on-dark: var(--vtl-green-110); --vtl-color-icon-inverse-on-dark: var(--vtl-neutral-100); --vtl-color-icon-button-surface-hover-on-dark: var(--vtl-alpha-white-10); } :root { /* Border Radius Semantic Tokens */ --vtl-border-radius-2: var(--vtl-size-2); --vtl-border-radius-4: var(--vtl-size-4); --vtl-border-radius-8: var(--vtl-size-8); --vtl-border-radius-12: var(--vtl-size-12); --vtl-border-radius-16: var(--vtl-size-16); --vtl-border-radius-20: var(--vtl-size-20); --vtl-border-radius-24: var(--vtl-size-24); --vtl-border-radius-full: var(--vtl-size-full); /* Border Width Semantic Tokens */ --vtl-border-width-0: var(--vtl-size-0); --vtl-border-width-1: var(--vtl-size-1); --vtl-border-width-2: var(--vtl-size-2); --vtl-border-width-4: var(--vtl-size-4); } .vitals-img{position:relative;float:left;width:100%;height:250px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;margin:0 0 20px}.vitals-img img{object-fit:contain;height:98%;box-shadow:1px 1px 5px rgba(146,146,146,.2);border-radius:5px}.vt-hidden{display:none}.Vtl-CollectionCardPositionHost{position:relative !important}.vt-hide-scale-fade{transition:transform 300ms cubic-bezier(0.075, 0.82, 0.165, 1),opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transform:scale(0);opacity:0}#vitals-end-section{max-width:1200px;width:100%;margin:0 auto}.vtl-anl-v2{max-width:0;max-height:0;width:0;height:0;position:absolute}.vitals-loader{border:2px solid rgba(0,0,0,.12);border-left-color:#4c4c4c;animation:loader-spin .7s infinite linear;position:relative;display:inline-block;vertical-align:top;border-radius:50%;width:23px;height:23px;color:rgba(0,0,0,0)}@keyframes loader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media only screen and (max-width: 768px){.vitals-img{height:200px}}@media only screen and (max-width: 425px){.vitals-img{height:150px}}.vitals-mobile-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px 20px;height:50px}.vitals-mobile-back{top:0;left:0;z-index:3;background-color:#fff;width:40px;height:40px;display:flex;cursor:pointer;align-items:center}.vitals-mobile-back svg{color:#000;font-size:18px;width:1em;height:1em}.vitals-desktop-back{height:40px;width:40px;cursor:pointer;position:absolute;top:-40px;right:0;z-index:2;line-height:0}.vitals-desktop-back svg{color:#fff;font-size:32px;width:1em;height:1em}@media(min-width: 1024px){.vitals-desktop-back:hover{opacity:.6}}.vitals-slider-prev,.vitals-slider-next{cursor:pointer;-webkit-user-select:none;user-select:none;position:absolute;top:50%;transform:translateY(-50%);text-align:center;line-height:0}@media(min-width: 1024px){.vitals-slider-prev:hover,.vitals-slider-next:hover{opacity:.6}}.vitals-slider-prev svg,.vitals-slider-next svg{color:#fff;font-size:32px;width:1em;height:1em}.vtl-g-not-scrollable{overflow-y:hidden !important}.vtl-g-clickable{cursor:pointer}.vtl-g-hidden{display:none}.vtl-grecaptcha-v3{visibility:hidden}.vtl-proxy-generic-page-content{max-width:1200px;width:100%;margin:0 auto}@keyframes animateHighlightByUrl{0%{outline-offset:1rem;outline:rgba(0,0,0,0) solid 2px}50%{outline-offset:1rem;outline:#826af9 solid 2px}100%{outline-offset:1rem;outline:rgba(0,0,0,0) solid 2px}}.vtl-highlighted-by-url{animation:animateHighlightByUrl 1.5s linear 2;animation-delay:.5s}.Vtl-AppBlock{width:100%}#vitals-tabs-placeholder{clear:both;max-width:100%}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}ul.vt-tabs>li{text-transform:capitalize}.review-tab .vtl-pr-main-widget,.vt-panel .vtl-pr-main-widget,.vt-tab-content .vtl-pr-main-widget{padding:0;margin-top:0}.review-tab .vtl-grid__form-holder .vtl-pr__side-column,.vt-panel .vtl-grid__form-holder .vtl-pr__side-column,.vt-tab-content .vtl-grid__form-holder .vtl-pr__side-column{display:none}@keyframes fade-in-top{0%{transform:translateY(-50px);opacity:0}100%{transform:translateY(0);opacity:1}}ul.vt-tabs{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}ul.vt-tabs li{padding:10px 15px;cursor:pointer;margin-bottom:0}.vt-tab-content{display:none;padding:15px;text-align:left}.vt-tab-content.current{display:inherit}li.vt-tab-link:focus-visible{outline:Highlight auto 1px;outline:-webkit-focus-ring-color auto 1px;position:relative;z-index:1}.vitals-tabs-container { width: 100%; margin: 0 auto; }#vitals-tabs-placeholder > .vitals-tabs-container > ul.vt-tabs > li.vt-tab-link { list-style: none!important; display: flex !important; align-items: center;}li.current{font-weight:600;border-bottom:3px solid rgba(0,0,0,0)} ul.vt-tabs li.vt-tab-link { background: #f1f2f6; color: #222222; .Vtl-Spinner { border-color: #22222233; border-left-color: #222222; } } ul.vt-tabs li.vt-tab-link.current { background: #ffffff; color: #222222; .Vtl-Spinner { border-color: #22222233; border-left-color: #222222; } border-color: #dedede; } false .vt-tab-content, ul.vt-tabs { } .vt-accordion{cursor:pointer;padding:15px 10px;width:100%;border:none;text-align:left;outline:none;font-size:15px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;text-transform:capitalize}.vt-accordion:hover,.vt-accordion:focus-visible{font-weight:800}.vt-accordion:focus-visible{outline:Highlight auto 1px;outline:-webkit-focus-ring-color auto 1px;position:relative;z-index:1}.vt-accordion.vt-active{padding:15px 10px;margin-bottom:0;font-weight:800}.vt-panel{padding:15px;margin-bottom:5px;animation:fade-in-top .6s ease-in forwards;display:none;overflow:hidden;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.vt-panel>p{padding:10px 0}.arrow{width:.7rem;height:1rem;display:inline-block;position:relative;margin:0 1rem;float:right}.arrow>span{top:.5rem;position:absolute;width:.45rem;height:.1rem;background-color:#636e72;display:inline-block;transition:all .2s ease}.arrow span:first-of-type{left:0;transform:rotate(45deg)}.arrow span:last-of-type{right:0;transform:rotate(-45deg)}.vt-active>.arrow span:first-of-type{transform:rotate(-45deg)}.vt-active>.arrow span:last-of-type{transform:rotate(45deg)}.vt-tabs,.vt-tabs *{-webkit-user-select:none;user-select:none} .vt-accordion { border-bottom: 1px solid #dedede; border-radius: 0; }.vtl-pr-rm *{touch-action:pan-y !important}.vtl-pr-rm__content{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.vtl-pr-rm__slider{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;height:100dvh;width:100vw;overflow:auto;border-radius:4px;position:relative;box-shadow:0 0 20px rgba(0,0,0,.25)}@media(min-width: 768px){.vtl-pr-rm__slider{height:100%;width:100%;max-width:calc(100vw - 144px)}}@media(min-width: 768px)and (orientation: portrait){.vtl-pr-rm__slider{max-height:90vh;height:100%;width:auto;overflow:hidden}}@media(min-width: 768px){.vtl-pr-rm__slider--with-media{width:min(1100px,100vw - 144px);height:min(640px,100vh - 64px);max-width:none;max-height:none;overflow:hidden}}@media(min-width: 768px){.vtl-pr-rm__slider--text-only{width:min(440px,100vw - 144px);height:min(640px,100vh - 64px);max-width:none;max-height:none;overflow:hidden}}@media(max-width: 767px){.vtl-pr-rm__mobile-slider-text-review{height:100vh}.vtl-pr-rm__mobile-slider-text-review .vtl-pr-rm__description-inner{flex:1 0 auto}}.vtl-pr-rm__slider-content{display:flex;flex-direction:column;min-height:100%;width:100%;padding-top:57px;flex:1 0 auto;background:#fff;box-sizing:border-box}@media(min-width: 768px){.vtl-pr-rm__slider-content{flex-direction:row;height:100%;padding-top:0;min-height:0}}.vtl-pr-rm__modal-header{display:flex;padding:8px 16px;align-items:center;justify-content:space-between;background:#fff;width:100%;border-bottom:1px solid #d6d6d6;height:57px;z-index:1}.vtl-pr-rm__product-footer{display:block;flex:0 0 auto;padding:16px 24px;background:#f5f5f5;color:inherit;text-decoration:none;transition:background-color .15s ease-in}.vtl-pr-rm__product-footer--link:hover{background:#ebebeb}.vtl-pr-rm__product-footer--link:hover .vtl-pr-rm__product-image img{transform:scale(1.05)}.vtl-pr-rm__product-footer--link:hover .vtl-pr-rm__product-title{color:#000}.vtl-pr-rm__product-card{display:flex;align-items:center;gap:12px}.vtl-pr-rm__product-image{width:72px;height:72px;flex:0 0 72px;border-radius:4px;overflow:hidden;border:1px solid #efefef;background:#fff}.vtl-pr-rm__product-image img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .2s ease-out}.vtl-pr-rm__product-title{position:relative;color:#3b3b3b;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.vtl-pr-rm__mobile-header{width:100vw;position:fixed;top:0;left:0}.vtl-pr-rm__main-photo{position:relative;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}@media(max-width: 767px){.vtl-pr-rm__main-photo{flex-shrink:0;height:125vw;max-height:min(125vw,100dvh - 57px)}}@media(max-width: 767px){.vtl-pr-rm__main-photo--loaded{height:auto}}@media(min-width: 768px){.vtl-pr-rm__main-photo{flex:0 0 60%;width:60%;height:100%;min-height:0}}.vtl-pr-rm__main-photo:has(>video):has(.vtl-pr-rm__photos){padding-bottom:76px}.vtl-pr-rm__main-photo>img:not(.vtl-pr-rm__main-photo-blur-bg),.vtl-pr-rm__main-photo>video{position:relative;z-index:1;border-radius:0;object-fit:contain}@media(max-width: 767px){.vtl-pr-rm__main-photo>img:not(.vtl-pr-rm__main-photo-blur-bg),.vtl-pr-rm__main-photo>video{width:auto;height:auto;max-width:100%;max-height:min(125vw,100dvh - 57px)}}@media(min-width: 768px){.vtl-pr-rm__main-photo>img:not(.vtl-pr-rm__main-photo-blur-bg),.vtl-pr-rm__main-photo>video{width:100%;height:100%}}@media(max-width: 767px){.vtl-pr-rm__main-photo>video{max-height:min(125vw,80dvh)}}.vtl-pr-rm__main-photo-blur-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(32px);transform:scale(1.2);opacity:.6;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.vtl-pr-rm__photos{position:absolute;left:50%;transform:translateX(-50%);z-index:2;bottom:8px;width:100%;height:60px;display:flex;align-items:center;justify-content:center;justify-content:safe center;overflow:auto hidden;scroll-behavior:smooth;touch-action:pan-x !important;padding:0 8px;scrollbar-width:none;-ms-overflow-style:none}.vtl-pr-rm__photos img[role=button]:focus-visible{outline:2px solid var(--vtl-color-border-focus-on-light, #005bd3) !important;outline-offset:-2px !important}.vtl-pr-rm__photos::-webkit-scrollbar{display:none}.vtl-pr-rm__photos *{touch-action:pan-x !important}.vtl-pr-rm__photos img,.vtl-pr-rm__photos .vtl-pr-rm__video-thumbnail{width:60px;height:60px;min-width:60px;box-sizing:border-box;object-fit:cover;display:block;margin:0 4px;cursor:pointer;opacity:.8;border-radius:4px;border:1px solid #d1d1d1}.vtl-pr-rm__photos img.selected,.vtl-pr-rm__photos .vtl-pr-rm__video-thumbnail.selected{border:4px solid #fff;opacity:1}.vtl-pr-rm__photos .vtl-pr-rm__video-thumbnail{overflow:hidden}.vtl-pr-rm__photos .vtl-pr-rm__video-thumbnail img{margin:0;box-shadow:none;border:0;width:100%;height:100%;min-width:0;border-radius:0;opacity:1}.vtl-pr-rm__description{display:flex;flex-direction:column;height:100%;color:#000;background-color:#fff;text-align:start}@media(min-width: 768px){.vtl-pr-rm__description{width:40%;overflow:hidden;flex:0 0 40%}}.vtl-pr-rm__description .vtl-pr-ri__store-response{background-color:rgba(0,0,0,0);padding:16px 0 0;border-top:1px solid #d6d6d6;margin-top:0}.vtl-pr-rm__description .vtl-pr-ri__store-response .vtl-pr-ri__sr-image{width:24px;min-width:24px;height:24px;border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;margin-right:12px;font-size:12px}@media(min-width: 768px){.vtl-pr-rm__description-text-review{width:100%;flex:1 1 auto}}.vtl-pr-rm__review-header{flex:0 0 auto;padding:24px}.vtl-pr-rm__description-inner{padding:4px 24px 24px}@media(min-width: 768px){.vtl-pr-rm__description-inner{flex:1 1 auto;min-height:0;overflow:auto}.vtl-pr-rm__description-inner::-webkit-scrollbar{width:20px}.vtl-pr-rm__description-inner::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.vtl-pr-rm__description-inner::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:20px;border:6px solid rgba(0,0,0,0);background-clip:content-box}.vtl-pr-rm__description-inner::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}}.vtl-pr-rm__review-author-wrapper{color:#222;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.vtl-pr-rm__review-author-wrapper .vtl-pr-ri__uv-wrapper{flex:0 0 auto;white-space:nowrap;min-height:24px}.vtl-pr-rm__review-author-wrapper .vtl-pr-ri__uv-text{font-size:14px}.vtl-pr-rm__review-author{flex:1 1 auto;min-width:0;font-weight:bold;font-size:16px;line-height:24px;word-break:break-word}.vtl-pr-rm__review-text-wrapper{font-size:16px;line-height:1.5}.vtl-pr-rm__review-text{margin-bottom:16px;width:100%;white-space:pre-wrap;word-break:break-word}.vtl-pr-rm__review-rating-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.vtl-pr-rm__review-stars{font-size:22px}.vtl-pr-rm__review-date{font-size:11px;line-height:1;color:#737373;white-space:nowrap}.vtl-pr-rm__slider-arrow{position:absolute;top:50%;transform:translateY(-50%);color:#fff;cursor:pointer;display:flex;padding:8px;border-radius:8px;transition:background-color .1s ease-in}.vtl-pr-rm__slider-arrow:focus-visible{outline:2px solid var(--vtl-color-border-focus-on-dark, #4d9cf0) !important;outline-offset:2px !important}.vtl-pr-rm__slider-arrow svg{height:32px;width:32px}.vtl-pr-rm__slider-arrow:hover{background:rgba(255,255,255,.2)}.vtl-pr-rm__slider-arrow--prev{left:-64px}.vtl-pr-rm__slider-arrow--next{right:-64px}.vtl-pr-rm__media-arrows{position:absolute;inset:0;z-index:2;pointer-events:none}.vtl-pr-rm .vtl-pr-rm__media-arrow{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;width:36px;height:36px;padding:6px;border:0;border-radius:8px;background:rgba(0,0,0,.4);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .1s ease-in}.vtl-pr-rm .vtl-pr-rm__media-arrow svg{width:24px;height:24px}.vtl-pr-rm .vtl-pr-rm__media-arrow:hover{background:rgba(0,0,0,.7)}.vtl-pr-rm .vtl-pr-rm__media-arrow:disabled{opacity:.35;cursor:default;background:rgba(0,0,0,.4)}.vtl-pr-rm .vtl-pr-rm__media-arrow--prev{left:16px}.vtl-pr-rm .vtl-pr-rm__media-arrow--next{right:16px}.vtl-pr-rm__close-button{height:32px;width:32px;cursor:pointer;z-index:2;color:#fff;min-width:32px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:none;box-shadow:none;min-height:0;font:inherit;line-height:1}.vtl-pr-rm__close-button svg{height:28px;width:28px}@media(min-width: 768px){.vtl-pr-rm__close-button{position:absolute;top:-40px;right:0}}.vtl-pr-rm__close-button--mobile{margin-left:auto;justify-content:center}.vtl-pr-rm__close-button--desktop{display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .1s ease-in}.vtl-pr-rm__close-button--desktop:hover{background:rgba(255,255,255,.2)}.vtl-pr-rm .vtl-pr-rm__close-button{width:32px;height:32px;min-width:32px;min-height:0;padding:0}.Vtl-MediaGallery{position:relative;box-sizing:border-box;width:100%;contain:inline-size;margin-bottom:var(--vtl-space-16)}@media(max-width: 767px){.Vtl-MediaGallery{margin-bottom:var(--vtl-space-8)}}.Vtl-MediaGallery__Track{display:flex;flex-wrap:nowrap;gap:var(--vtl-space-8);width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.Vtl-MediaGallery__Track::-webkit-scrollbar{display:none}.Vtl-MediaGallery__Tile{position:relative;box-sizing:border-box;flex:0 0 80px;width:80px;height:80px;padding:0;margin:0;border:0;background:rgba(0,0,0,0);overflow:hidden;border-radius:var(--vtl-border-radius-2, 4px);cursor:pointer;outline:none;scroll-snap-align:start}.Vtl-MediaGallery__Tile:focus-visible{box-shadow:0 0 0 var(--vtl-border-width-2) #fff,0 0 0 var(--vtl-border-width-4) currentColor}.Vtl-MediaGallery__TileMedia,.Vtl-MediaGallery__TileMedia>.vtl-pr__video-thumbnail__image,.Vtl-MediaGallery__TileMedia>.vtl-pr__video-thumbnail__video{display:block;width:100%;height:100%;object-fit:cover}.Vtl-MediaGallery__Tile>.Vtl-MediaGallery__TileMedia{opacity:1}.Vtl-MediaGallery__TileMedia .vtl-pr__video-thumbnail__play-icon{width:40px}.Vtl-MediaGallery__Arrow{position:absolute;top:26px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06);cursor:pointer;color:var(--vtl-color-text-default-on-light);transition:background-color 120ms ease,box-shadow 120ms ease,color 120ms ease,opacity 120ms ease}.Vtl-MediaGallery__Arrow svg{width:12px;height:12px;fill:currentColor}.Vtl-MediaGallery__Arrow:hover:not(:disabled){background-color:rgba(255,255,255,.88);color:var(--vtl-color-text-tertiary-on-light)}.Vtl-MediaGallery__Arrow:focus-visible{outline:none;color:var(--vtl-color-text-default-on-light);box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}.Vtl-MediaGallery__Arrow:active:not(:disabled){background-color:var(--vtl-color-bg-surface-hover-on-light)}.Vtl-MediaGallery__Arrow--Hidden{opacity:0;pointer-events:none}.Vtl-MediaGallery__Arrow--Left{left:8px}.Vtl-MediaGallery__Arrow--Right{right:8px}.vtl-pr-main-widget__summary{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #efefef}.vtl-pr-main-widget__summary>*:not(:last-child){margin-bottom:16px}.vtl-pr-main-widget__summary--with-sort{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--vtl-space-12)}.vtl-pr-main-widget__summary--with-sort>*:not(:last-child){margin-bottom:0}.vtl-pr-main-widget__summary-actions{display:flex;align-items:center;gap:var(--vtl-space-12)}.vtl-pr-main-widget__summary-no-reviews{font-size:25px;line-height:1}.vtl-pr--compact-layout .vtl-pr-main-widget__summary--with-sort{flex-direction:column;align-items:stretch;gap:var(--vtl-space-12)}.vtl-pr--compact-layout .vtl-pr-main-widget__summary--with-sort .vtl-pr-main-widget__summary-actions{width:100%}.vtl-pr--compact-layout .vtl-pr-main-widget__summary--with-sort .vtl-pr-main-widget__summary-actions .vtl-pr-main-widget__summary-sort{flex:1 0 0;max-width:100%}.vtl-pr--compact-layout .vtl-pr-main-widget__summary--with-sort .vtl-pr-main-widget__summary-actions .vtl-pr-main-widget__summary-sort .Vtl-Dropdown__Header{width:100%}.vtl-pr--compact-layout .vtl-pr-main-widget__summary--with-sort .vtl-pr-main-widget__summary-actions:has(.vtl-pr-review-form__button--write) .vtl-pr-review-form__button--write{flex:1 0 0}.vtl-pr--compact-layout .vtl-pr-main-widget__summary--with-sort .vtl-pr-main-widget__summary-actions:has(.vtl-pr-review-form__button--write) .vtl-pr-main-widget__summary-sort{flex:0 0 auto}.vtl-pr--compact-layout .vtl-pr-main-widget__summary--with-sort .vtl-pr-main-widget__summary-actions:has(.vtl-pr-review-form__button--write) .vtl-pr-main-widget__summary-sort .Vtl-Dropdown__Header{width:auto}.vtl-pr__actions-holder{text-align:center;position:relative}.vtl-pr__actions-holder .vtl-pr-mw__show-more-spinner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.vtl-pr-main-widget__title-container{width:100%}.vtl-pr-main-widget__title-container h2{margin:0}.vtl-pr--loose-layout .vtl-pr-main-widget__title-container,.vtl-pr--loose-layout .Vtl-InlineReviewFlow{margin-bottom:var(--vtl-space-16)}.vtl-pr--compact-layout .vtl-pr-main-widget__title-container,.vtl-pr--compact-layout .Vtl-InlineReviewFlow{margin-bottom:var(--vtl-space-8)}.vtl-pr-stats__filter-results{margin-bottom:16px;padding:8px 16px;border:1px solid #eaeaea;border-radius:4px;background-color:#fbfbfb;font-size:14px}#bundle-product_reviews{clear:both}.vtl-pr--compact-layout .vtl-grid__form-holder .vtl-pr__side-column{display:none}.vtl-pr__preview-notice{display:flex;align-items:center;gap:6px;padding:10px 16px;margin-bottom:12px;font-family:inherit;font-size:13px;line-height:1.5;color:#6d7175;background-color:#f6f6f7;border:1px solid #e1e3e5;border-radius:8px}.vtl-pr__preview-notice-text{flex:1;-webkit-user-select:none;user-select:none;font-weight:inherit}.vtl-pr__preview-notice-close{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;background:rgba(0,0,0,0) !important;border:none;cursor:pointer;flex-shrink:0;transition:opacity .2s;width:auto !important;height:auto !important;border-radius:0 !important}.vtl-pr__preview-notice-close svg{fill:#5c5c5c !important;width:16px;height:16px}.vtl-pr__sample-label{background-color:rgba(0,0,0,.8);color:#fff;text-align:center;padding:8px 12px;font-size:14px;font-weight:500;line-height:1.4;border-radius:8px 8px 0 0;-webkit-user-select:none;user-select:none;margin-bottom:-8px;position:relative;z-index:1}.Vtl-AiReviewSummary{--vtl-ai-review-summary-bg: #f5f5f5;--vtl-ai-review-summary-accent: #222;--vtl-ai-review-summary-text: #222;--vtl-ai-review-summary-text-align: left;--vtl-ai-review-summary-border-radius: 4px;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--vtl-space-12);margin-bottom:var(--vtl-space-8);padding:var(--vtl-space-24);background-color:var(--vtl-ai-review-summary-bg);border-radius:var(--vtl-ai-review-summary-border-radius);color:var(--vtl-ai-review-summary-text);font-family:inherit;text-align:var(--vtl-ai-review-summary-text-align)}.Vtl-AiReviewSummary--no-bg{padding:0;background-color:rgba(0,0,0,0)}.Vtl-AiReviewSummary__label-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:var(--vtl-ai-review-summary-text-align);gap:var(--vtl-space-8)}.Vtl-AiReviewSummary__label-icon{flex-shrink:0;width:var(--vtl-size-20);height:var(--vtl-size-20);color:var(--vtl-ai-review-summary-accent)}.Vtl-AiReviewSummary__label{font-size:var(--vtl-font-size-14);font-weight:600;color:var(--vtl-ai-review-summary-accent)}.Vtl-AiReviewSummary__label-subtext{font-size:var(--vtl-font-size-14);color:inherit;opacity:.65}.Vtl-AiReviewSummary .Vtl-AiReviewSummary__paragraph{margin:0;font-size:var(--vtl-font-size-14);line-height:1.5;color:inherit}.Vtl-AiReviewSummary .Vtl-AiReviewSummary__pills{display:flex;flex-wrap:wrap;justify-content:var(--vtl-ai-review-summary-text-align);gap:var(--vtl-space-8);margin:0;padding:0;list-style:none}.Vtl-AiReviewSummary__pill{display:inline-flex;align-items:center;gap:var(--vtl-space-6);padding:var(--vtl-space-6) var(--vtl-space-12);background-color:color-mix(in sRGB, var(--vtl-ai-review-summary-accent) 7%, transparent);border:1px solid color-mix(in sRGB, var(--vtl-ai-review-summary-accent) 40%, transparent);border-radius:999px;font-size:var(--vtl-font-size-12);line-height:1}.Vtl-AiReviewSummary__pill-check{flex-shrink:0;width:var(--vtl-size-12);height:var(--vtl-size-12);color:var(--vtl-ai-review-summary-accent)}.Vtl-AiReviewSummary__pill-label{color:inherit;line-height:1}@media(min-width: 768px){.Vtl-AiReviewSummary{gap:14px;margin-bottom:var(--vtl-space-16);padding:28px}.Vtl-AiReviewSummary--no-bg{padding:0}.Vtl-AiReviewSummary .Vtl-AiReviewSummary__paragraph{font-size:var(--vtl-font-size-16)}}.vtl-pr-header{display:flex;flex-direction:column;align-items:center;justify-content:center}.vtl-pr--loose-layout .vtl-pr-header{flex-direction:row}.vtl-pr--loose-layout .vtl-pr-header:not(:has(.vtl-pr-stats--no-reviews)){margin-bottom:var(--vtl-space-16)}.vtl-pr--loose-layout .vtl-pr-header--no-write-button{column-gap:var(--vtl-space-48)}.vtl-pr--loose-layout .vtl-pr-header--no-write-button .vtl-pr__side-column{width:auto}.vtl-pr--loose-layout .vtl-pr-header--no-write-button .vtl-pr-stats{flex-grow:0;flex-basis:60%;max-width:60%}.vtl-pr--compact-layout .vtl-pr-header:not(:has(.vtl-pr-stats--no-reviews)){margin-bottom:var(--vtl-space-8)}.vtl-pr-stats,.vtl-pr-totals{margin-bottom:16px}@media(min-width: 768px){.vtl-pr-stats,.vtl-pr-totals{margin-bottom:0}}.vtl-pr-stats--no-reviews{text-align:center}.vtl-pr-header--compact{flex-flow:row wrap;align-items:center;justify-content:space-between;gap:var(--vtl-space-16)}.Vtl-pr-compact__actions{display:flex;align-items:center;gap:var(--vtl-space-12)}.Vtl-pr-compact__sort.Vtl-Dropdown .Vtl-Dropdown__Header{height:36px;min-width:36px}.Vtl-pr-compact__sort.Vtl-Dropdown:not(.Vtl-Dropdown--OpenerIconOnly) .Vtl-Dropdown__Header{min-width:170px}.Vtl-pr-compact__write{margin:0;font-size:var(--vtl-font-size-14)}.Vtl-pr-compact__write.vtl-pr__btn{box-shadow:inset 0 0 0 1px var(--vtl-pr-write-button-border-color, transparent)}.Vtl-pr-compact__write.vtl-pr__btn:hover,.Vtl-pr-compact__write.vtl-pr__btn:focus,.Vtl-pr-compact__write.vtl-pr__btn:active{box-shadow:inset 0 0 0 1px var(--vtl-pr-write-button-border-color, transparent)}.Vtl-pr-compact__write.vtl-pr__btn>span{color:inherit}.Vtl-pr-compact__rating-area{position:relative;display:inline-flex;align-items:center}.Vtl-pr-compact__bars-toggle{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;line-height:0;cursor:pointer;appearance:none;box-shadow:none}.Vtl-pr-compact__bars-toggle:hover,.Vtl-pr-compact__bars-toggle:focus,.Vtl-pr-compact__bars-toggle:active{background:rgba(0,0,0,0);box-shadow:none;outline:none}.Vtl-pr-compact__bars-toggle:focus-visible{outline:2px solid currentColor !important;outline-offset:2px !important}.Vtl-pr-compact__bars-toggle svg{width:24px;height:24px;transition:transform .2s ease}.Vtl-pr-compact__bars-toggle svg path{fill:currentColor}.Vtl-pr-compact__bars-toggle--open svg{transform:rotate(180deg)}.Vtl-pr-compact__bars-popover{position:absolute;top:100%;left:0;z-index:5;margin-top:var(--vtl-space-8);width:100%;min-width:220px;padding:var(--vtl-space-16);background:var(--vtl-color-bg-surface-default-on-light, #fff);box-shadow:0 4px 17px 0 rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.Vtl-pr-compact__bars-popover--open{opacity:1;visibility:visible;transform:translateY(0)}.Vtl-pr-compact--empty{flex-wrap:nowrap;width:100%;max-width:900px;margin-inline:auto;gap:var(--vtl-space-32)}.Vtl-pr-compact--empty .Vtl-pr-compact__empty-stars,.Vtl-pr-compact--empty .Vtl-pr-compact__actions{flex-shrink:0}.Vtl-pr-compact__empty-stars{display:flex;align-items:center;font-size:22px}.Vtl-pr-compact__empty-message{margin:0;font-size:var(--vtl-font-size-16);text-align:center}.Vtl-pr-compact--empty.Vtl-pr-compact--empty-no-actions.vtl-pr--loose-layout{flex-direction:column;justify-content:center;gap:var(--vtl-space-12)}@media(prefers-reduced-motion: reduce){.Vtl-pr-compact__bars-popover{transition:none}}.Vtl-pr-compact-rating{display:flex;align-items:center;gap:var(--vtl-space-8);line-height:1}.Vtl-pr-compact-rating__summary{display:flex;align-items:center;gap:var(--vtl-space-8)}.Vtl-pr-compact-rating__score{font-size:26px;font-weight:700;font-style:normal;display:block}.Vtl-pr-compact-rating__stars{font-size:var(--vtl-font-size-20);position:relative;display:flex;align-items:center;align-self:center}.Vtl-pr-compact-rating__reviews{display:flex;align-items:center;gap:var(--vtl-space-4);font-size:var(--vtl-font-size-16);font-weight:400}.Vtl-pr-compact-rating--minimal .Vtl-pr-compact-rating__stars{font-size:18px}.Vtl-pr-compact-rating__inline{display:flex;align-items:center;gap:var(--vtl-space-2);font-size:var(--vtl-font-size-16);font-weight:400}.Vtl-pr-compact-rating__score-inline{font-weight:700}.Vtl-pr-compact-rating__separator{font-weight:400;margin:0 var(--vtl-space-2)}.Vtl-pr-compact-rating--stars-only .Vtl-pr-compact-rating__stars{font-size:28px}.Vtl-pr-compact-rating__score-compact{font-size:32px;font-weight:700;font-style:normal;line-height:1.2;display:block}.Vtl-pr-compact-rating__single-star{font-size:28px;position:relative;display:flex;align-items:center}.Vtl-pr-compact--dark .Vtl-pr-compact__bars-popover{background:var(--vtl-color-bg-surface-default-on-dark, #222)}.Vtl-pr-compact--dark .vtl-pr-stats--compact .progress-bar__bg{background:var(--vtl-color-bg-fill-tertiary-on-dark, #5e5e5e)}.vtl-pr-header--compact.vtl-pr--compact-layout{flex-direction:column;align-items:stretch;justify-content:center;gap:var(--vtl-space-16)}.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__rating-area{flex-direction:column;align-items:center;width:100%;gap:var(--vtl-space-12)}.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__bars-popover{position:static;width:100%;min-width:0;margin-top:0;padding:var(--vtl-space-8);background:rgba(0,0,0,0);box-shadow:none;transform:none;transition:none;display:none}.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__bars-popover--open{display:block}.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__actions{width:100%;justify-content:center}.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__actions .Vtl-pr-compact__write{flex:0 0 auto;width:auto}.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__actions .Vtl-pr-compact__sort{flex:1 0 0;max-width:100%}.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__actions .Vtl-pr-compact__sort .Vtl-Dropdown__Header{width:100%}.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__actions--has-write.Vtl-pr-compact__actions--has-sort{justify-content:stretch}.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__actions--has-write.Vtl-pr-compact__actions--has-sort .Vtl-pr-compact__write{flex:1 0 0}.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__actions .Vtl-pr-compact__sort.Vtl-Dropdown--OpenerIconOnly{flex:0 0 auto;max-width:300px}.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__actions .Vtl-pr-compact__sort.Vtl-Dropdown--OpenerIconOnly .Vtl-Dropdown__Header{width:auto}.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__sort.Vtl-Dropdown,.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__write.vtl-pr__btn{transition:none}.vtl-pr-header--compact.vtl-pr--compact-layout.Vtl-pr-compact--lone-icon-sort{flex-flow:row wrap;align-items:center;gap:var(--vtl-space-12)}.vtl-pr-header--compact.vtl-pr--compact-layout.Vtl-pr-compact--lone-icon-sort .Vtl-pr-compact__rating-area{display:contents}.vtl-pr-header--compact.vtl-pr--compact-layout.Vtl-pr-compact--lone-icon-sort .Vtl-pr-compact__actions{order:1;width:auto}.vtl-pr-header--compact.vtl-pr--compact-layout.Vtl-pr-compact--lone-icon-sort .Vtl-pr-compact__bars-popover{order:2}.Vtl-pr-compact--empty.vtl-pr--compact-layout{flex-direction:column;align-items:center;justify-content:center;gap:var(--vtl-space-16)}.Vtl-pr-compact--empty.vtl-pr--compact-layout .Vtl-pr-compact__actions{width:auto;justify-content:center}.Vtl-pr-compact--empty.vtl-pr--compact-layout .Vtl-pr-compact__actions .Vtl-pr-compact__write{flex:0 0 auto;width:auto}.Vtl-pr-compact--no-actions{justify-content:flex-start}.vtl-pr-sort-row{display:flex;justify-content:flex-end;margin-bottom:calc(var(--vtl-space-4)*-1)}@media(max-width: 767px){.vtl-pr-sort-row .vtl-pr-sort-dropdown{width:100%;max-width:100%}}.vtl-pr-sort-dropdown.Vtl-Dropdown .Vtl-Dropdown__Header{background-color:rgba(0,0,0,0);height:36px;padding-right:var(--vtl-space-6)}@media(min-width: 768px){.vtl-pr-sort-row .vtl-pr-sort-dropdown,.vtl-pr-sort-row .vtl-pr-sort-dropdown .Vtl-Dropdown__Header{width:-moz-fit-content;width:fit-content;min-width:170px}}.vtl-pr-main-widget__summary-sort.Vtl-Dropdown .Vtl-Dropdown__Header{min-width:36px}.vtl-pr-main-widget__summary-sort.Vtl-Dropdown:not(.Vtl-Dropdown--OpenerIconOnly) .Vtl-Dropdown__Header{min-width:170px}.vtl-pr-sort-dropdown .Vtl-DropdownDialog,.vtl-pr-sort-dropdown-Portal .Vtl-DropdownDialog{border-color:var(--vtl-color-border-secondary-on-light)}.vtl-pr-sort-loading__card{height:240px;border-radius:var(--vtl-border-radius-8, 8px);background:linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.1) 37%, rgba(0, 0, 0, 0.06) 63%);background-size:400% 100%;animation:vtl-pr-sort-shimmer 1.4s ease infinite}@media(prefers-reduced-motion: reduce){.vtl-pr-sort-loading__card{animation:none}}.vtl-pr-sort-loading{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:var(--vtl-space-16, 16px)}.vtl-pr-sort-loading>div:empty{display:block}.vtl-pr-sort-loading--columns{grid-template-columns:repeat(var(--vtl-pr-sort-loading-columns-mobile, 1), 1fr)}@media(min-width: 768px){.vtl-pr-sort-loading--columns{grid-template-columns:repeat(var(--vtl-pr-sort-loading-columns, 5), 1fr)}}@media(max-width: 767px){.vtl-pr-sort-loading--columns .vtl-pr-sort-loading__card:nth-child(n+5){display:none}}.vtl-pr-sort-loading--columns .vtl-pr-sort-loading__card:nth-child(3n+1){height:280px}.vtl-pr-sort-loading--columns .vtl-pr-sort-loading__card:nth-child(3n){height:200px}.vtl-pr-sort-loading--list{grid-template-columns:1fr}.vtl-pr-sort-loading--list .vtl-pr-sort-loading__card{height:132px}.vtl-pr-sort-loading--slider{grid-template-columns:1fr}@media(min-width: 768px){.vtl-pr-sort-loading--slider{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 767px){.vtl-pr-sort-loading--slider .vtl-pr-sort-loading__card:nth-child(n+2){display:none}}.vtl-pr-sort-loading--slider .vtl-pr-sort-loading__card{height:303px}.vtl-pr-sort-loading--slider.vtl-pr-sort-loading--style-none .vtl-pr-sort-loading__card{height:262px}@keyframes vtl-pr-sort-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}.vtl-pr-stats{flex-grow:1;padding:0 12px}.vtl-pr-stats__bar-holder{display:flex;flex-direction:column}.vtl-pr-stats__bar-holder--active-bar .vtl-pr-stats__bar-item,.vtl-pr-stats__bar-holder:hover .vtl-pr-stats__bar-item{opacity:.5}.vtl-pr-stats__bar-holder--active-bar .vtl-pr-stats__bar-item--active,.vtl-pr-stats__bar-holder--active-bar .vtl-pr-stats__bar-item:hover,.vtl-pr-stats__bar-holder:hover .vtl-pr-stats__bar-item--active,.vtl-pr-stats__bar-holder:hover .vtl-pr-stats__bar-item:hover{cursor:pointer;opacity:1}.vtl-pr-stats__bar-item{display:flex;line-height:1;padding:2px 0;transition:all .1s ease-out}.vtl-pr-stats__bar-item--active,.vtl-pr-stats__bar-item:hover{cursor:pointer;opacity:1}.vtl-pr-stats__bar-item:focus-visible{opacity:1}.vtl-pr-stats__bar-item:focus-visible{outline:2px solid var(--vtl-color-border-focus-on-light, #005bd3) !important;outline-offset:0 !important}.vtl-pr-stats__bar-item--disabled{pointer-events:none}.vtl-pr-stats__bar-item--disabled .vtl-pr-stats__bar-stars,.vtl-pr-stats__bar-item--disabled .vtl-pr-stats__progress{opacity:.55}.vtl-pr-stats__bar-stars{font-size:var(--vtl-font-size-16);font-weight:600;width:30px;display:flex;align-items:center}.vtl-pr-stats__bar-stars>span{width:10px;display:inline-block;margin-right:4px;text-align:center}.vtl-pr-stats__progress{flex:1;justify-content:center;align-items:center;display:flex;margin:0 10px}.vtl-pr-stats .progress-bar__element{height:10px;border-radius:13px}.vtl-pr-stats .progress-bar__bg{width:100%;background:#ddd;overflow:hidden}.vtl-pr-stats .progress-bar__inner{display:block;background:#1dc2af}.vtl-pr-stats__percent{font-size:14px;font-weight:500;width:35px;white-space:nowrap}.vtl-pr-stats__percent span{font-weight:400;font-size:.8em;margin-left:4px}@keyframes vtl-pr-stats-bar-grow{from{width:0}}.vtl-pr-stats--grow-bars .progress-bar__inner{animation:vtl-pr-stats-bar-grow .6s ease backwards}@media(prefers-reduced-motion: reduce){.vtl-pr-stats--grow-bars .progress-bar__inner{animation:none}}.vtl-pr--compact-layout .vtl-pr-stats{width:100%}.vtl-pr-stats--compact{padding:0;width:100%}.vtl-pr-stats--compact .vtl-pr-stats__bar-item{align-items:center;gap:var(--vtl-space-8);height:var(--vtl-size-18)}.vtl-pr-stats--compact .vtl-pr-stats__bar-stars{width:auto;font-size:var(--vtl-font-size-12)}.vtl-pr-stats--compact .vtl-pr-stats__progress{margin:0}.vtl-pr-stats--compact .progress-bar__element{height:3px}.vtl-pr-stats--compact .progress-bar__bg{background:var(--vtl-color-bg-fill-tertiary-on-light, #eaeaea)}.vtl-pr-stats--compact .vtl-pr-stats__percent{width:auto;min-width:16px;font-size:var(--vtl-font-size-12);text-align:right}.vtl-pr-stats--compact .vtl-pr-stats__percent span{font-size:1em}.vtl-pr-totals{flex-grow:0;text-align:center;line-height:1}.vtl-pr-totals__score{font-size:32px;font-weight:700;margin-bottom:8px;display:block}.vtl-pr-totals__stars{font-size:var(--vtl-font-size-16);margin:0 auto 8px;position:relative;display:flex;justify-content:center}.vtl-pr-totals__reviews{font-size:.9em;font-weight:400}.vtl-pr-reviews__write{flex-grow:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.vtl-pr-reviews__write>span{line-height:1}.vtl-pr-reviews__write .vtl-pr__btn{color:#fff;box-shadow:inset 0 0 0 1px var(--vtl-pr-write-button-border-color, transparent)}.vtl-pr-reviews__write .vtl-pr-totals__stars{font-size:var(--vtl-font-size-16);margin:8px 0}.vtl-pr--compact-layout .vtl-pr-reviews__write>span,.vtl-pr--compact-layout .vtl-pr-reviews__write .vtl-pr-totals__stars{display:none} .vtl-pr-main-widget__summary .vtl-pr__btn, .vtl-pr-reviews__write .vtl-pr__btn, .vtl-pr-wf__submit-btn.vtl-pr-review-form__button--add { background-color: #000000; color: #ffffff; } .vtl-pr-reviews__write .vtl-pr__btn,.vtl-pr-main-widget__summary .vtl-pr-review-form__button--write,.Vtl-pr-compact__write.vtl-pr__btn,.vtl-pr-sort-dropdown.Vtl-Dropdown .Vtl-Dropdown__Header,.vtl-pr__btn.vtl-pr-main-widget__show-more-button{transition:--vtl-pr-hover-mix .2s ease}@media(prefers-reduced-motion: reduce){.vtl-pr-reviews__write .vtl-pr__btn,.vtl-pr-main-widget__summary .vtl-pr-review-form__button--write,.Vtl-pr-compact__write.vtl-pr__btn,.vtl-pr-sort-dropdown.Vtl-Dropdown .Vtl-Dropdown__Header,.vtl-pr__btn.vtl-pr-main-widget__show-more-button{transition:none}}@media(hover: hover){.vtl-pr-reviews__write .vtl-pr__btn:hover,.vtl-pr-main-widget__summary .vtl-pr-review-form__button--write:hover,.Vtl-pr-compact__write.vtl-pr__btn:hover,.vtl-pr-sort-dropdown.Vtl-Dropdown .Vtl-Dropdown__Header:hover,.vtl-pr__btn.vtl-pr-main-widget__show-more-button:hover{--vtl-pr-hover-mix: 10%;background-image:linear-gradient(color-mix(in sRGB, currentColor var(--vtl-pr-hover-mix), transparent), color-mix(in sRGB, currentColor var(--vtl-pr-hover-mix), transparent));background-size:auto;background-position:0 0;background-repeat:repeat;background-clip:border-box}}.vtl-pr-reviews__write .vtl-pr__btn:focus-visible,.vtl-pr-main-widget__summary .vtl-pr-review-form__button--write:focus-visible,.Vtl-pr-compact__write.vtl-pr__btn:focus-visible,.vtl-pr-sort-dropdown.Vtl-Dropdown .Vtl-Dropdown__Header:focus-visible,.vtl-pr__btn.vtl-pr-main-widget__show-more-button:focus-visible{--vtl-pr-hover-mix: 10%;background-image:linear-gradient(color-mix(in sRGB, currentColor var(--vtl-pr-hover-mix), transparent), color-mix(in sRGB, currentColor var(--vtl-pr-hover-mix), transparent));background-size:auto;background-position:0 0;background-repeat:repeat;background-clip:border-box}.vtl-pr-reviews__write .vtl-pr__btn:active,.vtl-pr-main-widget__summary .vtl-pr-review-form__button--write:active,.Vtl-pr-compact__write.vtl-pr__btn:active,.vtl-pr-sort-dropdown.Vtl-Dropdown .Vtl-Dropdown__Header:active,.vtl-pr__btn.vtl-pr-main-widget__show-more-button:active{--vtl-pr-hover-mix: 16%;background-image:linear-gradient(color-mix(in sRGB, currentColor var(--vtl-pr-hover-mix), transparent), color-mix(in sRGB, currentColor var(--vtl-pr-hover-mix), transparent));background-size:auto;background-position:0 0;background-repeat:repeat;background-clip:border-box}@media(hover: hover){.vtl-pr-sort-dropdown.Vtl-Dropdown .Vtl-Dropdown__Header:hover{opacity:1}}.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__write.vtl-pr__btn{transition:--vtl-pr-hover-mix .2s ease}@media(prefers-reduced-motion: reduce){.vtl-pr-header--compact.vtl-pr--compact-layout .Vtl-pr-compact__write.vtl-pr__btn{transition:none}} .Vtl-pr-compact__write.vtl-pr__btn { background-color: #000000; border-color: #000000; color: #ffffff; } .vtl-pr-rpm__content{background:#fff;overflow:auto;height:100%}@media(max-width: 767px){.vtl-pr-rpm__content{padding-top:65px;height:calc(100% - 65px)}}@media(max-height: 645px){.vtl-pr-rpm__content{height:100vh}}.vtl-pr-rpm__content .vtl-pr-wf{padding:8px var(--vtl-space-24)}@media(max-width: 767px){.vtl-pr-rpm__content .vtl-pr-wf{padding:8px var(--vtl-space-20)}}@media(min-width: 768px){.vtl-pr-rpm__content{max-width:600px;max-height:90vh;border-radius:var(--vtl-pr-form-border-radius, 16px);min-width:450px}}.vtl-pr-rpm__discount-banner{margin:0}@media(min-width: 768px){.vtl-pr-rpm__discount-banner{border-top-left-radius:var(--vtl-pr-form-border-radius, 16px);border-top-right-radius:var(--vtl-pr-form-border-radius, 16px)}}.vtl-pr-rpm__modal-header{display:flex;font-size:14px;line-height:14px;align-items:center;gap:12px;padding:16px var(--vtl-space-24) 0}@media(max-width: 767px){.vtl-pr-rpm__modal-header{justify-content:space-between;position:absolute;z-index:2;background-color:#fff;top:0;left:0;width:100%;padding:16px var(--vtl-space-20) 0}}.vtl-pr-rpm__mobile-header .vtl-pr-rpm__product-title{text-align:right}.vtl-pr-rpm__mobile-header .vtl-pr-rpm__product-image{order:99;margin-left:8px}.vtl-pr-rpm__product-image{width:44px;height:44px;border-radius:calc(var(--vtl-pr-form-border-radius, 16px) / 2);overflow:hidden;border:1px solid #efefef;flex:0 0 auto;display:flex;justify-content:center;align-items:center;align-content:center}.vtl-pr-rpm__product-image img{max-width:100%}.vtl-pr-rpm__product-title{position:relative;color:#3b3b3b;font-size:14px;line-height:var(--vtl-line-height-140);overflow:hidden}.vtl-pr-rpm__product-title--limited{overflow:hidden;max-height:2em;line-height:1em;text-overflow:ellipsis;white-space:nowrap}.vtl-pr-rpm__close-btn{padding:8px}.vtl-pr-rpm__close-btn:hover{cursor:pointer}.vtl-pr-rpm__close-button{height:32px;width:32px;cursor:pointer;z-index:2;color:#fff}.vtl-pr-rpm__close-button svg{height:28px;width:28px}@media(min-width: 768px){.vtl-pr-rpm__close-button{position:fixed;top:8px;right:8px}}button.vtl-pr-rpm__close-button.vtl-pr-rpm__close-button,.vtl-pr-rpm__mobile-header button.vtl-pr-rm__close-button.vitals-mobile-back{appearance:none;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;min-width:32px;min-height:0;font:inherit;text-transform:none}button.vtl-pr-rpm__close-button.vtl-pr-rpm__close-button:focus-visible,.vtl-pr-rpm__mobile-header button.vtl-pr-rm__close-button.vitals-mobile-back:focus-visible{outline:2px solid var(--vtl-color-border-focus-on-light, #005bd3) !important;outline-offset:-2px !important}button.vtl-pr-rpm__close-button.vtl-pr-rpm__close-button{display:flex;align-items:flex-start;justify-content:flex-start}.vtl-pr-ri__store-response{background-color:#f7f7f7;padding:16px;display:flex}.vtl-pr-ri__sr-image{height:35px;width:35px;min-width:35px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:16px;font-size:15px}.vtl-pr-ri__sr-image svg{height:1em;width:1em}.vtl-pr-ri__sr-owner{font-weight:600;display:block;margin-bottom:4px}.vtl-pr-ri__sr-message{white-space:pre-wrap;word-break:break-word} .vtl-pr-ri__sr-owner { color: #222222; } .vtl-pr-ri__store-response{ background-color: #f7f7f7; } .vtl-pr-ri__sr-message { color: #5e5e5e; } .vtl-pr-translation-disclaimer{display:flex;flex-direction:column;align-items:flex-start;gap:.25em;margin-top:.5em;font-size:.85em;color:color-mix(in sRGB, var(--vtl-pr-disclaimer-text-color, currentColor) 70%, transparent)}.vtl-pr-translation-disclaimer__label{font-style:italic}.vtl-pr-translation-disclaimer__flag{display:inline-block;font-style:normal;font-size:1em;line-height:1;margin-right:.5em}.vtl-pr-translation-disclaimer__toggle{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}.vtl-pr-translation-disclaimer__toggle:hover,.vtl-pr-translation-disclaimer__toggle:focus{color:var(--vtl-pr-disclaimer-text-color, currentColor);outline:none}.vtl-pr-translation-disclaimer__toggle:focus-visible{outline:2px solid var(--vtl-color-border-focus-on-light, #005bd3) !important;outline-offset:2px !important}.vtl-pr-ri__uv-wrapper{display:flex;align-items:center;line-height:1}.vtl-pr-ri__uv-wrapper--pill{display:inline-flex;padding:4px 10px;border:1px solid currentColor;border-radius:100px;background:none}.vtl-pr-ri__uv-icon{margin-right:4px;display:flex;align-items:center;font-size:var(--vtl-pr-verified-badge-size, 15px)}.vtl-pr-ri__uv-icon svg{height:1em;width:1em}.vtl-pr-ri__uv-icon--star{font-size:calc(var(--vtl-pr-verified-badge-size, 15px) + 2px)}.vtl-pr-ri__uv-text{font-size:12px}.vtl-pr-wf{padding:8px;margin:0 auto;position:relative;width:100%}.vtl-pr-wf--loading{opacity:.3;pointer-events:none}.vtl-pr-wf__title{font-style:normal;font-weight:bold;font-size:20px;line-height:23px;margin-top:0;margin-bottom:1em}.vtl-pr-wf__discount-banner{margin:calc(var(--vtl-space-24)*-1) calc(var(--vtl-space-24)*-1) 16px;border-top-left-radius:var(--vtl-pr-form-border-radius, 16px);border-top-right-radius:var(--vtl-pr-form-border-radius, 16px)}@media(max-width: 767px){.vtl-pr-wf__discount-banner{margin:calc(var(--vtl-space-20)*-1) calc(var(--vtl-space-20)*-1) 16px}}.vtl-pr-wf__success-msg{display:flex;flex-direction:column;align-items:center;gap:var(--vtl-space-16);text-align:center}.vtl-pr-wf__success-msg:focus-visible{outline:2px solid var(--vtl-color-border-focus-on-light, #005bd3) !important;outline-offset:2px !important}.vtl-pr-wf__success-msg:focus:not(:focus-visible){outline:none}.vtl-pr-wf__success-msg-text{font-size:18px}.vtl-pr-wf__label{font-style:normal;font-weight:normal;font-size:14px;line-height:20px;display:block;margin-bottom:8px}.vtl-pr-wf__label-text{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.vtl-pr-wf__label-required{color:#d92d20}.vtl-pr-wf__label-optional{color:#667085}.vtl-pr-wf__input{padding:8px 12px;width:100%;background:rgba(0,0,0,0);border-radius:calc(var(--vtl-pr-form-border-radius, 16px) / 2);box-sizing:border-box;border:1px solid #cecece;box-shadow:none;outline:none}.vtl-pr-wf__input:focus-visible{outline:2px solid var(--vtl-color-border-focus-on-light, #005bd3) !important;outline-offset:2px !important}.vtl-pr-wf__errors{color:red}.vtl-pr-wf__form-control--invalid .vtl-pr-wf__label-text{color:red}.vtl-pr-wf__form-control--invalid input,.vtl-pr-wf__form-control--invalid textarea{border-color:red}.vtl-pr-wf__form-control{margin-bottom:16px}.vtl-pr-wf__form-control .vtl-pr-stars-snippet{font-size:26px}.vtl-pr-wf__form-control .Vtl-PrWfStars__Stars{gap:4px}.vtl-pr-wf__form-control .Vtl-PrWfStars__Star svg{width:26px;height:26px}.vtl-pr-wf__form-control .Vtl-PrWfStars__Star:hover{transform:scale(1.12)}@media(prefers-reduced-motion: reduce){.vtl-pr-wf__form-control .Vtl-PrWfStars__Star:hover{transform:none}}.vtl-pr-wf__low-review{margin-bottom:16px;font-size:14px;line-height:1.4}.vtl-pr-wf__low-review-title{margin:0;font-weight:700}.vtl-pr-wf__low-review-description{margin:0}.vtl-pr-wf__low-review-contact{color:inherit;text-decoration:underline}@media(max-width: 767px){.vtl-pr-wf__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}}@media(max-width: 767px){.vtl-pr-wf__actions .vtl-pr__cancel-btn{flex:1 1 auto}}.vtl-pr-wf__submit-btn.vtl-pr__btn{box-shadow:inset 0 0 0 1px var(--vtl-pr-write-button-border-color, transparent)}.vtl-pr-wf__submit-btn.vtl-pr__btn:hover,.vtl-pr-wf__submit-btn.vtl-pr__btn:focus,.vtl-pr-wf__submit-btn.vtl-pr__btn:active{box-shadow:inset 0 0 0 1px var(--vtl-pr-write-button-border-color, transparent)}@media(min-width: 768px){.vtl-pr-wf__submit-btn{margin-right:16px}}@media(max-width: 767px){.vtl-pr-wf__submit-btn{flex:1 1 auto}}.vtl-pr-wf__submit-btn--loading{cursor:progress}.vtl-pr-wf__submit-btn-loading{display:inline-flex;align-items:center;gap:8px}.vtl-pr-wf__submit-btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:rgba(0,0,0,0);border-radius:50%;animation:vtl-pr-wf-spin .7s linear infinite}@keyframes vtl-pr-wf-spin{to{transform:rotate(360deg)}} .vtl-pr-wf__loader, .vtl-pr-review-form__form { background-color: #ffffff; color: #222222; } .vtl-pr-wf__input { color: #222222; border-color: color-mix(in srgb, #222222 25%, transparent); } .vtl-pr-wf__label-optional { color: color-mix(in srgb, #222222 70%, transparent); } .vtl-pr-wf__submit-btn { background-color: #000000; color: #ffffff; } .vtl-grid__form-holder > .vtl-pr-wf.vtl-pr-review-form { border-color: color-mix(in srgb, #222222 25%, transparent); } .Vtl-InlineReviewFlow { background-color: #ffffff; color: #222222; border-color: color-mix(in srgb, #222222 25%, transparent); } .Vtl-InlineReviewFlow__Header, .Vtl-InlineReviewFlow__SelectedProductTitle, .Vtl-InlineReviewFlow__LinkBtn { color: #222222; } .Vtl-WriteReviewTypeahead__InputWrap, .Vtl-WriteReviewTypeahead__Input { background-color: #ffffff; color: #222222; } .Vtl-WriteReviewTypeahead__Input { border-color: color-mix(in srgb, #222222 25%, transparent); } .Vtl-WriteReviewTypeahead__Input::placeholder { color: color-mix(in srgb, #222222 70%, transparent); } .Vtl-WriteReviewPage__Card { background-color: #ffffff; color: #222222; border-color: color-mix(in srgb, #222222 25%, transparent); } .Vtl-WriteReviewPage__Header, .Vtl-WriteReviewPage__FormTitle, .Vtl-WriteReviewPage__SelectedProductTitle, .Vtl-WriteReviewPage__SuccessTitle, .Vtl-WriteReviewPage__SuccessText, .Vtl-WriteReviewPage__BackBtn, .Vtl-WriteReviewPage__SuccessAction { color: #222222; } .Vtl-WriteReviewPage__Subhead { color: color-mix(in srgb, #222222 70%, transparent); } .vtl-pr-review-card{padding:0;box-sizing:border-box;border-radius:var(--vtl-pr-card-border-radius, 4px);animation:vtl-pr-review-card-appear .4s ease-out backwards}@media(prefers-reduced-motion: reduce){.vtl-pr-review-card{animation:none}}.vtl-pr-review-card--clickable{cursor:pointer}.vtl-pr-review-card__content{padding:0;box-shadow:1px 1px 5px #464646;width:100%;position:relative;display:inline-block;height:auto;break-inside:avoid;page-break-inside:avoid;border-radius:var(--vtl-pr-card-border-radius, 4px);overflow:clip;font-size:14px;line-height:1.4;transition:transform .1s ease-in,box-shadow .1s;--vtl-pr-card-media-backdrop: rgb(128 128 128 / 6%)}@media(min-width: 1024px){.vtl-pr-review-card__content:hover{transform:scale(1.025)}}.vtl-pr-review-card__content--border{background-color:rgba(0,0,0,0);box-shadow:none;isolation:isolate}.vtl-pr-review-card__content--border::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid var(--vtl-pr-card-border-color, #d6d6d6);border-radius:inherit}.vtl-pr-review-card__content--border>.vtl-pr-review-card__main-photo-holder{z-index:1}.vtl-pr-review-card__content--border>.vtl-pr-review-card__main-photo-holder .vtl-pr__video-thumbnail,.vtl-pr-review-card__content--border>.vtl-pr-review-card__main-photo-holder .vtl-pr__video-thumbnail__image,.vtl-pr-review-card__content--border>.vtl-pr-review-card__main-photo-holder .vtl-pr__video-thumbnail__placeholder{border-radius:0}.vtl-pr-review-card__content--color::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid var(--vtl-pr-card-filled-border-color, rgba(214, 214, 214, 0));border-radius:inherit}.vtl-pr-review-card__main-photo-holder{background:var(--vtl-pr-card-media-backdrop);margin:0 auto;border-top-left-radius:var(--vtl-pr-card-border-radius, 4px);border-top-right-radius:var(--vtl-pr-card-border-radius, 4px);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.vtl-pr-review-card__main-photo-holder[role=button]:focus-visible{outline:2px solid var(--vtl-color-border-focus-on-light, #005bd3) !important;outline-offset:-2px !important}.vtl-pr-review-card__main-photo-holder>div{z-index:0;width:100%;text-align:center}.vtl-pr-review-card__main-photo-holder img{width:100%;display:inline-block;vertical-align:bottom}.vtl-pr-review-card__main-photo{cursor:zoom-in;width:100%;object-fit:cover;object-position:center}.vtl-pr-review-card__main-photo-holder .vtl-pr-review-card__main-photo{opacity:1}.vtl-pr-review-card__details{display:flex;flex-direction:column;align-items:flex-start;padding:var(--vtl-space-16)}.vtl-pr-review-card__review-author-wrapper{color:#222;width:100%;text-align:start;overflow-wrap:anywhere}.vtl-pr-review-card__review-author-wrapper .vtl-pr-review-card__review-author{font-weight:600;font-size:var(--vtl-font-size-14);line-height:var(--vtl-line-height-140)}.vtl-pr-review-card__review-author-wrapper .vtl-pr-ri__uv-wrapper{display:inline-flex;vertical-align:middle;margin-left:8px;transform:translateY(-0.08em)}.vtl-pr-review-card__verified-row{margin-top:var(--vtl-space-4)}.vtl-pr-review-card__stars-snippet{margin-top:var(--vtl-space-4);margin-bottom:var(--vtl-space-12)}.vtl-pr-review-card__review-date{font-size:11px;line-height:1;color:#737373;text-align:left;margin-bottom:10px}.vtl-pr-review-card__review-text{width:100%;font-size:14px;line-height:19px;text-align:left;white-space:pre-wrap;word-break:break-word}.vtl-pr-review-card__review-text-wrapper{position:relative;display:flex}.vtl-pr-review-card__review-text-content{height:100%}.vtl-pr-review-card__review-text--with-toggle .vtl-pr-review-card__review-text-content::before{content:"";float:right;width:24px;height:100%;shape-outside:inset(calc(100% - 19px) 0 0 0);shape-outside:inset(calc(100% - 1lh) 0 0 0)}.vtl-pr-review-card__review-text--clamped .vtl-pr-review-card__review-text-content::before{height:calc(var(--vtl-pr-review-text-line-clamp)*19px);height:calc(var(--vtl-pr-review-text-line-clamp)*1lh)}.vtl-pr-review-card__review-text--clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--vtl-pr-review-text-line-clamp);overflow:hidden}.vtl-pr-review-card__see-more-button{position:absolute;right:0;bottom:-1.5px;z-index:2;width:22px;height:22px;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}.vtl-pr-review-card__see-more-button::before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:currentColor;opacity:.05}.vtl-pr-review-card__see-more-icon{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.vtl-pr-review-card__see-more-icon svg{width:22px;height:22px;transform:rotate(90deg);transition:transform .15s ease-in-out}.vtl-pr-review-card__see-more-icon--expanded svg{transform:rotate(-90deg)}.vtl-pr-review-card__photos-count{position:absolute;top:var(--vtl-space-8);right:var(--vtl-space-8);box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--vtl-space-4);height:24px;padding:0 9px 0 7px;border-radius:var(--vtl-border-radius-full);background:rgba(255,255,255,.9);/*! autoprefixer: ignore next */-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);color:#121212;font-size:var(--vtl-font-size-12);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.16);pointer-events:none}.vtl-pr-review-card__photos-count svg{flex:none;width:14px;height:14px;margin:0;color:inherit}.vtl-pr-review-card__photos-count svg *{fill:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.vtl-pr-review-card__photos-count{background:#fff}}.vtl-pr-review-card .vtl-pr-ri__store-response{border-bottom-left-radius:var(--vtl-pr-card-border-radius, 4px);border-bottom-right-radius:var(--vtl-pr-card-border-radius, 4px)}.vtl-pr-review-card .vtl-pr-product-info--card{box-shadow:inset 0 calc(var(--vtl-pr-card-show-product-divider, 0)*1px) 0 0 var(--vtl-pr-card-product-divider-color, #d6d6d6);padding-top:calc(var(--vtl-space-6) + var(--vtl-pr-card-show-product-divider, 0)*10px)}.vtl-pr-review-card .vtl-pr-ri__store-response{box-shadow:inset 0 calc(var(--vtl-pr-card-show-reply-divider, 0)*1px) 0 0 var(--vtl-pr-card-reply-divider-color, #d6d6d6)}.vtl-pr__sample-label+.vtl-pr-review-card{margin-top:0}@keyframes vtl-pr-review-card-appear{from{opacity:0;transform:scale(0.96)}}.vtl-pr-ri__wrapper{padding:24px 0;display:flex;--vtl-pr-list-tile-radius: min(calc(var(--vtl-pr-list-corner-radius, 8px) / 2), 8px);--vtl-pr-list-media-radius: min(calc(var(--vtl-pr-list-corner-radius, 8px) / 2), 12px)}.vtl-pr-ri__wrapper:not(:last-child){border-bottom:1px solid #eaeaea}.vtl-pr-ri__wrapper--inner-compact .vtl-pr-ri__images{padding:0}.vtl-pr-ri__wrapper--clickable{cursor:pointer;position:relative}.vtl-pr-ri__wrapper--style-color,.vtl-pr-ri__wrapper--style-border{position:relative;padding:var(--vtl-space-24);border-radius:var(--vtl-pr-list-corner-radius, 8px);color:var(--vtl-pr-row-card-text-color, #222)}.vtl-pr-ri__wrapper--style-color .vtl-pr-ri__see-more-button,.vtl-pr-ri__wrapper--style-border .vtl-pr-ri__see-more-button{color:inherit}.vtl-pr-ri__wrapper--style-color .vtl-pr-translation-disclaimer,.vtl-pr-ri__wrapper--style-border .vtl-pr-translation-disclaimer{--vtl-pr-disclaimer-text-color: var(--vtl-pr-row-card-text-color, #222)}.vtl-pr-ri__wrapper--style-color:not(:last-child),.vtl-pr-ri__wrapper--style-border:not(:last-child){border-bottom:0;margin-bottom:var(--vtl-pr-row-card-spacing, var(--vtl-space-24))}.vtl-pr-ri__wrapper--style-color{background-color:var(--vtl-pr-row-card-bg, #f9f9f9);box-shadow:1px 1px 5px var(--vtl-pr-row-card-shadow-color, transparent)}.vtl-pr-ri__wrapper--style-border::after{content:"";position:absolute;inset:0;pointer-events:none;border:var(--vtl-border-width-1) solid var(--vtl-pr-row-card-border-color, #d6d6d6);border-radius:inherit}.vtl-pr-ri__user{padding:0 12px;box-sizing:border-box;display:flex;flex-direction:column;align-items:var(--vtl-pr-list-avatar-align, center)}.vtl-pr-ri__user-image-wrapper{border-radius:50%;overflow:hidden;line-height:0;height:50px;width:50px;min-width:50px;display:flex;justify-content:center;align-items:center}.vtl-pr-ri__user-image-wrapper span{font-size:18px;text-transform:uppercase}.vtl-pr-ri__user-info{display:flex;flex-direction:column;align-items:var(--vtl-pr-list-avatar-align, center);padding-top:8px}.vtl-pr-ri__user-name{font-size:14px;line-height:14px;font-weight:600}.vtl-pr-ri__verified-row{margin-top:4px}.vtl-pr-ri__user--no-avatar .vtl-pr-ri__user-info{padding-top:0;gap:6px}.vtl-pr-ri__user--no-avatar .vtl-pr-ri__verified-row{margin-top:0}.vtl-pr-ri__user--no-avatar .vtl-pr-ri__date{line-height:1}.vtl-pr-ri__user--no-avatar .vtl-pr-ri__user-name .vtl-pr-ri__uv-wrapper--compact{display:inline-flex;vertical-align:middle;margin-left:4px;transform:translateY(-0.08em)}.vtl-pr-ri__wrapper .vtl-pr-ri__store-response{border-radius:calc(var(--vtl-pr-list-corner-radius, 8px)/2)}.vtl-pr-ri__wrapper .vtl-pr-product-info__image{border-radius:var(--vtl-pr-list-tile-radius, 4px)}.vtl-pr-ri__review{flex:1;width:100%;padding:0 12px;box-sizing:border-box}.vtl-pr-ri__review-info{display:flex;align-items:center;margin-bottom:8px;line-height:14px}.vtl-pr-ri__bullet{display:inline-block;height:4px;width:4px;background:#cecece;border-radius:50%;margin:0 8px}.vtl-pr-ri__date{font-size:.7em}.vtl-pr-ri__message-wrapper>:not(:last-child){margin-bottom:8px}.vtl-pr-ri__message-text-wrapper{position:relative}.vtl-pr-ri__message--with-toggle{padding-right:24px}.vtl-pr-ri__message--clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--vtl-pr-review-text-line-clamp);overflow:hidden}.vtl-pr-ri__see-more-button{position:absolute;right:0;bottom:0;z-index:2;width:22px;height:22px;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}.vtl-pr-ri__see-more-button::before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:currentColor;opacity:.05}.vtl-pr-ri__see-more-icon{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.vtl-pr-ri__see-more-icon svg{width:20px;height:20px;transform:rotate(90deg);transition:transform .15s ease-in-out}.vtl-pr-ri__see-more-icon--expanded svg{transform:rotate(-90deg)}.vtl-pr-ri__uv-text{font-size:12px}.vtl-pr-ri__images{padding:0 8px}.vtl-pr-ri__wrapper .vtl-pr-ri__images--inline{padding:0;width:auto;max-width:none}.vtl-pr-ri__wrapper:not(.vtl-pr-ri__wrapper--inner-compact) .vtl-pr-ri__images--inline{margin-top:var(--vtl-space-16)}.vtl-pr-ri__sample-text{background-color:rgba(0,0,0,.8);color:#fff;padding:4px 8px;font-size:11px;font-weight:500;border-radius:4px;-webkit-user-select:none;user-select:none}.vtl-pr--compact-layout .vtl-pr-ri__wrapper{flex-direction:column}.vtl-pr--compact-layout .vtl-pr-ri__user{flex-direction:row;align-items:center;margin-bottom:16px;width:100%}.vtl-pr--compact-layout .vtl-pr-ri__user-info{padding:0;margin-left:8px}.vtl-pr--compact-layout .vtl-pr-ri__wrapper--style-color .vtl-pr-ri__user,.vtl-pr--compact-layout .vtl-pr-ri__wrapper--style-color .vtl-pr-ri__review,.vtl-pr--compact-layout .vtl-pr-ri__wrapper--style-border .vtl-pr-ri__user,.vtl-pr--compact-layout .vtl-pr-ri__wrapper--style-border .vtl-pr-ri__review{padding-inline:0}.vtl-pr--compact-layout .vtl-pr-ri__user-name{text-align:start;overflow-wrap:anywhere}.vtl-pr--compact-layout .vtl-pr-ri__user-name .vtl-pr-ri__uv-wrapper{display:inline-flex;vertical-align:middle;transform:translateY(-0.08em)}.vtl-pr--compact-layout .vtl-pr-ri__user-info{align-items:flex-start}.vtl-pr--compact-layout .vtl-pr-ri__uv-wrapper--compact{margin-left:8px}.vtl-pr--compact-layout .vtl-pr-ri__user--no-avatar .vtl-pr-ri__user-info{margin-left:0;gap:0}.vtl-pr--compact-layout .vtl-pr-ri__user--no-avatar .vtl-pr-ri__user-name .vtl-pr-ri__uv-wrapper--compact{margin-left:8px}.vtl-pr--compact-layout .vtl-pr-ri__user--no-avatar .vtl-pr-ri__verified-row{margin-top:4px}.vtl-pr--compact-layout .vtl-pr-ri__user--no-avatar .vtl-pr-ri__date{margin-top:0;line-height:inherit}.vtl-pr-rli__review-images img[role=button]:focus-visible,.vtl-pr-rli__review-more-images[role=button]:focus-visible{outline:2px solid var(--vtl-color-border-focus-on-light, #005bd3) !important;outline-offset:-2px !important}.vtl-pr-rli__review-images{display:flex;height:100%}.vtl-pr-rli__review-images--loose .vtl-pr-rli__review-main-image{flex:1;height:auto;width:auto;border-radius:var(--vtl-pr-list-media-radius, 4px)}.vtl-pr-rli__review-images--loose .vtl-pr-rli__review-other-images{flex-direction:column}.vtl-pr-rli__review-images--loose .vtl-pr-rli__review-image-holder{margin-bottom:8px}.vtl-pr-rli__review-images--loose .vtl-pr-rli__review-no-image{margin:0 auto}.vtl-pr-rli__review-images--loose .vtl-pr-rli__review-no-image svg{width:80px;height:80px}.vtl-pr-rli__review-main-image{border-radius:var(--vtl-pr-list-tile-radius, 4px);overflow:hidden;display:flex;justify-content:center;align-items:center;background:#f7f7f7;cursor:pointer;max-height:160px;height:50px;width:50px}.vtl-pr-rli__review-main-image img{min-width:100%;min-height:100%}.vtl-pr-rli__review-other-images{display:flex;justify-content:flex-start}.vtl-pr-rli__review-image-holder{background:#f7f7f7;width:45px;height:45px;flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10px;color:#bababa;border-radius:var(--vtl-pr-list-tile-radius, 4px);text-align:center;overflow:hidden;opacity:.8;margin-left:8px}.vtl-pr-rli__review-image-holder--noninteractive{opacity:1}.vtl-pr-rli__review-image-holder img{width:100%;height:100%;object-fit:cover}.vtl-pr-rli__review-image-holder:hover{cursor:pointer;opacity:1}.vtl-pr-rli__review-images .vtl-pr-rli__review-main-image img,.vtl-pr-rli__review-images .vtl-pr-rli__review-image-holder img,.vtl-pr-rli__review-images .vtl-pr-rli__review-tile img{opacity:1}.vtl-pr-rli__review-no-image{background:#f7f7f7;border-radius:var(--vtl-pr-list-tile-radius, 4px);display:flex;justify-content:center;align-items:center;padding:16px;font-size:24px}.vtl-pr-rli__review-no-image svg{color:#cecece;width:1em;height:1em}.vtl-pr-rli__review-images--row{height:auto;gap:var(--vtl-space-8)}.vtl-pr-rli__review-images--row .vtl-pr-rli__review-image-holder{margin-left:0}.vtl-pr-rli__review-images--tiles{height:auto;width:100%;gap:var(--vtl-space-12)}.vtl-pr-rli__review-images--tiles-3 .vtl-pr-rli__review-tile{width:calc(33.333% - var(--vtl-space-8))}.vtl-pr-rli__review-tile{position:relative;width:calc(50% - var(--vtl-space-6));aspect-ratio:174/111;border-radius:var(--vtl-pr-list-media-radius, 4px);overflow:hidden;background:#f7f7f7;cursor:pointer}.vtl-pr-rli__review-tile img{display:block;width:100%;height:100%;object-fit:cover}.vtl-pr-rli__review-tile-count{position:absolute;top:var(--vtl-space-8);right:var(--vtl-space-8);box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--vtl-space-4);height:24px;padding:0 9px 0 7px;border-radius:var(--vtl-border-radius-full);background:rgba(255,255,255,.9);/*! autoprefixer: ignore next */-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);color:#121212;font-size:var(--vtl-font-size-12);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.16);pointer-events:none}.vtl-pr-rli__review-tile-count svg{flex:none;width:14px;height:14px;margin:0;color:inherit}.vtl-pr-rli__review-tile-count svg *{fill:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.vtl-pr-rli__review-tile-count{background:#fff}}.vtl-pr-rli__review-more-images{color:var(--vtl-color-text-primary-on-light);font-size:14px;font-weight:500}.vtl-pr-rli__review-main-image .vtl-pr__video-thumbnail,.vtl-pr-rli__review-image-holder .vtl-pr__video-thumbnail,.vtl-pr-rli__review-tile .vtl-pr__video-thumbnail{display:block;width:100%;height:100%}.vtl-pr-rli__review-main-image .vtl-pr__video-thumbnail__placeholder,.vtl-pr-rli__review-image-holder .vtl-pr__video-thumbnail__placeholder,.vtl-pr-rli__review-tile .vtl-pr__video-thumbnail__placeholder{min-width:0;min-height:0}.vtl-pr-rli__review-main-image .vtl-pr__video-thumbnail,.vtl-pr-rli__review-main-image .vtl-pr__video-thumbnail__image,.vtl-pr-rli__review-main-image .vtl-pr__video-thumbnail__placeholder,.vtl-pr-rli__review-image-holder .vtl-pr__video-thumbnail,.vtl-pr-rli__review-image-holder .vtl-pr__video-thumbnail__image,.vtl-pr-rli__review-image-holder .vtl-pr__video-thumbnail__placeholder,.vtl-pr-rli__review-tile .vtl-pr__video-thumbnail,.vtl-pr-rli__review-tile .vtl-pr__video-thumbnail__image,.vtl-pr-rli__review-tile .vtl-pr__video-thumbnail__placeholder{border-radius:inherit}.vtl-pr-product-info{display:flex;align-items:center;gap:var(--vtl-space-12);text-decoration:none;color:inherit;min-width:0;padding:var(--vtl-space-6) var(--vtl-space-16)}.vtl-pr-product-info .Vtl-ProductReviewsStars__Wrapper{display:none}.vtl-pr-product-info__image{flex-shrink:0;width:40px;height:40px;border-radius:var(--vtl-border-radius-4);overflow:hidden;background:#f7f7f7;display:flex;align-items:center;justify-content:center}.vtl-pr-product-info__image img{width:100%;height:100%;object-fit:cover;display:block}.vtl-pr-product-info .vtl-pr-product-info__image img{opacity:1}.vtl-pr-product-info__title{flex:1;min-width:0;font-size:var(--vtl-font-size-14);line-height:var(--vtl-line-height-140);color:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}.vtl-pr-product-info[href]:hover .vtl-pr-product-info__title{text-decoration:underline}.vtl-pr-product-info--card{padding-bottom:var(--vtl-space-16)}.vtl-pr-product-info--card .vtl-pr-product-info__title{-webkit-line-clamp:2;word-break:normal;overflow-wrap:anywhere}.vtl-pr-product-info--row{display:inline-flex;max-width:100%;padding:var(--vtl-space-16) 0}.vtl-pr-product-info--row .vtl-pr-product-info__title{-webkit-line-clamp:1}.vtl-pr-product-info--align-left .vtl-pr-product-info__title,.vtl-pr-product-info--align-center .vtl-pr-product-info__title{text-align:left}.vtl-pr-product-info--align-left{align-self:flex-start}.vtl-pr-product-info--align-center{align-self:center}.vtl-pr-product-info--align-right{align-self:flex-end;flex-direction:row-reverse}.vtl-pr-product-info--align-right .vtl-pr-product-info__title{text-align:right}.vtl-mb-4{margin-bottom:4px}.vtl-mt-4{margin-bottom:4px}.vtl-ml-4{margin-bottom:4px}.vtl-mr-4{margin-bottom:4px}.vtl-mb-8{margin-bottom:8px}.vtl-mt-8{margin-bottom:8px}.vtl-ml-8{margin-bottom:8px}.vtl-mr-8{margin-bottom:8px}.vtl-mb-12{margin-bottom:12px}.vtl-mt-12{margin-bottom:12px}.vtl-ml-12{margin-bottom:12px}.vtl-mr-12{margin-bottom:12px}.vtl-mb-16{margin-bottom:16px}.vtl-mt-16{margin-bottom:16px}.vtl-ml-16{margin-bottom:16px}.vtl-mr-16{margin-bottom:16px}.vtl-mb-24{margin-bottom:24px}.vtl-mt-24{margin-bottom:24px}.vtl-ml-24{margin-bottom:24px}.vtl-mr-24{margin-bottom:24px}.vtl-mb-32{margin-bottom:32px}.vtl-mt-32{margin-bottom:32px}.vtl-ml-32{margin-bottom:32px}.vtl-mr-32{margin-bottom:32px}.vtl-mb-48{margin-bottom:48px}.vtl-mt-48{margin-bottom:48px}.vtl-ml-48{margin-bottom:48px}.vtl-mr-48{margin-bottom:48px}.vtl-mb-64{margin-bottom:64px}.vtl-mt-64{margin-bottom:64px}.vtl-ml-64{margin-bottom:64px}.vtl-mr-64{margin-bottom:64px}.vtl-mb-128{margin-bottom:128px}.vtl-mt-128{margin-bottom:128px}.vtl-ml-128{margin-bottom:128px}.vtl-mr-128{margin-bottom:128px}.vtl-mb-256{margin-bottom:256px}.vtl-mt-256{margin-bottom:256px}.vtl-ml-256{margin-bottom:256px}.vtl-mr-256{margin-bottom:256px}.vtl__animation--delayed-1{animation-delay:0.15s !important}.vtl__animation--delayed-2{animation-delay:0.3s !important}.vtl__animation--delayed-3{animation-delay:0.45s !important}.vtl__animation--delayed-4{animation-delay:0.6s !important}@keyframes vtl-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes vtl-zoom-in{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes vtl-fade-in-bottom{0%{transform:translateY(100px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes vtl-fade-in-left{0%{opacity:.2;transform:translateX(-200px)}60%{opacity:.7;transform:translateX(15px)}100%{opacity:1;transform:translateX(0)}}@keyframes vtl-pulse{0%{transform:scale(0.5);opacity:0}50%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}.vtl-pr__btn{width:auto;box-sizing:border-box;position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;text-decoration:none;vertical-align:baseline;text-align:center;font-family:inherit;padding:0 32px;min-width:64px;line-height:36px;border:none;color:inherit;background:rgba(0,0,0,0)}.vtl-pr__btn::before,.vtl-pr__btn::after{content:none;background:none}.vtl-pr__btn:focus-visible{outline:2px solid var(--vtl-color-border-focus-on-light, #005bd3) !important;outline-offset:2px !important}.vtl-pr__btn--compact{padding:0 16px;line-height:1em}.vtl-pr__btn--stroked{border:1px solid currentColor;line-height:34px}.vtl-pr__btn--disabled{opacity:.7;pointer-events:none;cursor:default}.vtl-pr-grecaptcha{display:contents}.vtl-pr-grecaptcha .vtl-grecaptcha-v3{position:absolute}.vtl-pr-grecaptcha .vtl-grecaptcha-v2{position:fixed;top:50%;left:50%;z-index:2147483646;transform:translate(-50%, -50%)}.vtl-pr-main-widget{width:100%;clear:both;margin-left:auto;margin-right:auto;padding:var(--vtl-space-32) var(--vtl-space-24)}.vtl-pr-main-widget:empty{display:none}.vtl-pr-main-widget>.vtl-pr--loose-layout,.vtl-pr-main-widget>.vtl-pr--compact-layout{display:flex;flex-direction:column;gap:var(--vtl-space-16)}@media(max-width: 767px){.vtl-pr-main-widget{padding:var(--vtl-space-16)}}.vtl-pr-main-widget .vtl-pr-wf.vtl-pr-review-form{margin-bottom:var(--vtl-space-16)}.vtl-pr-main-widget .vtl-grid__form-holder>.vtl-pr-wf.vtl-pr-review-form{max-width:600px;padding:var(--vtl-space-24);border-width:1px;border-style:solid;border-radius:var(--vtl-pr-form-border-radius, 16px)}@media(max-width: 767px){.vtl-pr-main-widget .vtl-grid__form-holder>.vtl-pr-wf.vtl-pr-review-form{padding:var(--vtl-space-20)}}.vtl-grid__row{display:flex;flex-direction:row}.vtl-grid__section{margin-bottom:32px}.vtl-pr__side-column{width:200px;flex:0 0 auto}.vtl-pr__side-column:empty{display:block}@media(min-width: 1024px){.vtl-pr__side-column{width:250px}}@media(max-width: 768px){.vtl-grid__col--hide-xs{display:none !important}}@media(max-width: 960px){.vtl-grid__col--hide-sm{display:none !important}}.vtl-pr__product-title-star-snippets:hover{cursor:pointer}.bundle-aggregated_reviews--disabled-hover .vtl-pr__product-title-star-snippets:hover{cursor:auto}.Vtl-AppBlock .vtl-pr-main-widget{padding-left:0;padding-right:0}.Vtl-Spinner{display:block !important;border-radius:50%;width:1em;height:1em;transform:translateZ(0);animation:vtl-spinner-rotate 1.1s infinite linear;margin:0 auto;border:.1em solid rgba(0,0,0,.2);border-left:.1em solid #000}@keyframes vtl-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes vtl-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .vtl-pr-ri__sr-owner { color: #222222; } .vtl-pr-ri__store-response{ background-color: #f7f7f7; } .vtl-pr-ri__sr-message { color: #5e5e5e; } .vtl-pr-masonry{display:flex;gap:16px}@media(min-width: 768px){.vtl-pr-masonry{gap:var(--vtl-pr-masonry-gap, 16px)}}.vtl-pr-masonry>div:empty{display:block}.vtl-pr-masonry__column{flex:1 1 0%;display:flex;flex-direction:column;gap:16px}@media(min-width: 768px){.vtl-pr-masonry__column{gap:var(--vtl-pr-masonry-gap, 16px)}}.Vtl-pr-sl-frame{container-type:inline-size}.Vtl-pr-sl{direction:ltr;display:flex;align-items:flex-start;gap:8px;--vtl-pr-sl-hover-lift: 0px;--vtl-pr-sl-media-reserve: calc(var(--vtl-pr-sl-show-media, 1) * 60px);--vtl-pr-sl-pad-y-reserve: calc(var(--vtl-pr-sl-show-pad-y, 1) * 41px);--vtl-pr-sl-date-reserve: calc(var(--vtl-pr-sl-show-dates, 1) * 14px);--vtl-pr-sl-stars-extra: 0px;--vtl-pr-sl-verified-extra: 0px;--vtl-pr-sl-base-reserves: calc( var(--vtl-pr-sl-media-reserve) + var(--vtl-pr-sl-pad-y-reserve) + var(--vtl-pr-sl-stars-extra) );--vtl-pr-sl-reserves: calc( var(--vtl-pr-sl-base-reserves) + var(--vtl-pr-sl-date-reserve) + var(--vtl-pr-sl-verified-extra) );--vtl-pr-sl-closed-height: calc(188px + var(--vtl-pr-sl-reserves));--vtl-pr-sl-cards-per-view: calc(4 / 3)}.Vtl-pr-sl--style-none{--vtl-pr-sl-show-pad-y: 0}.Vtl-pr-sl--badge-with-date{--vtl-pr-sl-verified-extra: 8px}.Vtl-pr-sl--no-date-row{--vtl-pr-sl-show-dates: 0}.Vtl-pr-sl--media-inline{--vtl-pr-sl-media-reserve: 0px;--vtl-pr-sl-stars-extra: calc(var(--vtl-pr-sl-show-media, 1) * 32px)}.Vtl-pr-sl--media-spotlight{--vtl-pr-sl-media-reserve: 0px}@container (min-width: 768px){.Vtl-pr-sl{--vtl-pr-sl-cards-per-view: 2}}@container (min-width: 1024px){.Vtl-pr-sl{--vtl-pr-sl-cards-per-view: var(--vtl-pr-sl-cards-per-view-desktop, 3)}}.Vtl-pr-sl__viewport{flex:1 1 auto;min-width:0;min-height:var(--vtl-pr-sl-closed-height);padding-top:var(--vtl-pr-sl-hover-lift);overflow:auto hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.Vtl-pr-sl__viewport::-webkit-scrollbar{display:none}.Vtl-pr-sl__track{display:flex;gap:var(--vtl-pr-sl-track-gap, 24px)}.Vtl-pr-sl__arrow{display:none;flex:0 0 auto;align-items:center;justify-content:center;height:var(--vtl-pr-sl-closed-height)}.Vtl-pr-sl__arrow .Vtl-ReviewsCarousel__ButtonContainer{display:block;position:static;right:auto;left:auto}.Vtl-pr-sl__arrow .Vtl-ReviewsCarousel__ButtonContainer button{margin:0;padding:0;background:none;border:0;box-shadow:none;cursor:pointer;opacity:1;display:flex;align-items:center;justify-content:center}.Vtl-pr-sl__arrow .Vtl-ReviewsCarousel__ButtonContainer button:hover{background:none}.Vtl-pr-sl__arrow .Vtl-ReviewsCarousel__ButtonContainer button svg{width:28px;height:28px;fill:none;stroke:none;color:#222}.Vtl-pr-sl__arrow .Vtl-ReviewsCarousel__ButtonContainer--lightBtn button svg{color:#868686}.Vtl-pr-sl__arrow .Vtl-ReviewsCarousel__ButtonContainer.disabled{cursor:default;opacity:.4}.Vtl-pr-sl__arrow .Vtl-ReviewsCarousel__ButtonContainer--legacyBtnStyle button{width:28px;min-width:28px;height:48px;min-height:48px;border:1px solid #dadada;border-radius:4px;background:#fff}.Vtl-pr-sl__arrow .Vtl-ReviewsCarousel__ButtonContainer--legacyBtnStyle button svg{font-size:16px;width:1em;height:1em}[data-vtl-pr-sl-card]{--vtl-pr-sl-effective-cards-per-view: max( 1, min(var(--vtl-pr-sl-cards-per-view, 3), var(--vtl-pr-sl-review-count, 99)) );--vtl-pr-sl-gap-total: calc( var(--vtl-pr-sl-track-gap, 24px) * (var(--vtl-pr-sl-effective-cards-per-view) - 1) );flex:0 0 calc((100% - var(--vtl-pr-sl-gap-total))/var(--vtl-pr-sl-effective-cards-per-view));scroll-snap-align:start;min-width:0;content-visibility:auto;contain-intrinsic-height:auto var(--vtl-pr-sl-closed-height)}.Vtl-pr-sl--media-spotlight [data-vtl-pr-sl-card]{--vtl-pr-sl-cards-per-view: 1.15}@container (min-width: 768px){.Vtl-pr-sl--media-spotlight [data-vtl-pr-sl-card]{--vtl-pr-sl-cards-per-view: 2}}@media(min-width: 768px){.Vtl-pr-sl{--vtl-pr-sl-hover-lift: 8px}.vtl-pr--loose-layout.vtl-pr--layout-slider{--vtl-pr-sl-gutter: var(--vtl-space-40);padding-left:var(--vtl-pr-sl-gutter);padding-right:var(--vtl-pr-sl-gutter)}.vtl-pr--loose-layout.vtl-pr--layout-slider .Vtl-pr-sl{position:relative}.vtl-pr--loose-layout.vtl-pr--layout-slider .Vtl-pr-sl__arrow{display:none;position:absolute;width:var(--vtl-pr-sl-gutter);height:auto;top:calc(var(--vtl-pr-sl-closed-height)/2 + var(--vtl-pr-sl-hover-lift));transform:translateY(-50%)}.vtl-pr--loose-layout.vtl-pr--layout-slider .Vtl-pr-sl__arrow--prev{left:calc(-1*var(--vtl-pr-sl-gutter))}.vtl-pr--loose-layout.vtl-pr--layout-slider .Vtl-pr-sl__arrow--next{right:calc(-1*var(--vtl-pr-sl-gutter))}@container (min-width: 768px){.vtl-pr--loose-layout.vtl-pr--layout-slider .Vtl-pr-sl__arrow{display:flex}}.vtl-pr--compact-layout.vtl-pr--layout-slider .Vtl-pr-sl{flex-wrap:wrap;justify-content:center;row-gap:var(--vtl-space-12)}.vtl-pr--compact-layout.vtl-pr--layout-slider .Vtl-pr-sl__viewport{flex-basis:100%}.vtl-pr--compact-layout.vtl-pr--layout-slider .Vtl-pr-sl__arrow{display:flex;order:1;height:auto}}.Vtl-pr-sl-item{position:relative;display:flex;flex-direction:column;background:var(--vtl-pr-sl-card-bg, #f9f9f9);box-sizing:border-box;color:inherit;border:0;text-align:left;width:100%;height:100%;transition:transform .2s ease}@media(min-width: 769px)and (hover: hover){.Vtl-pr-sl-item:hover{transform:translateY(-6px)}}.Vtl-pr-sl-item__overlay-action{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;background:rgba(0,0,0,0);border:0;cursor:pointer}.Vtl-pr-sl-item__overlay-action:focus-visible{outline:2px solid #2120bb;outline-offset:2px}.Vtl-pr-sl-item__content{display:flex;flex-direction:column;gap:12px;padding:32px 32px 9px;flex:1 1 auto}.Vtl-pr-sl-item__stars{display:flex;align-items:center;gap:2px;font-size:16px}.Vtl-pr-sl-item__stars-row{display:flex;align-items:center;justify-content:space-between;gap:var(--vtl-space-12);min-height:48px}.Vtl-pr-sl-item__stars-line{display:flex;align-items:center;gap:var(--vtl-space-12)}.Vtl-pr-sl-item__media-count{position:absolute;top:-7px;right:-7px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:var(--vtl-border-radius-full);background:rgba(18,18,18,.64);/*! autoprefixer: ignore next */-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);color:var(--vtl-color-text-default-on-dark);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.18),0 1px 4px rgba(0,0,0,.24);pointer-events:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.Vtl-pr-sl-item__media-count{background:rgba(18,18,18,.88)}}.Vtl-pr-sl-item__sample-text{font-size:12px;color:#727272}.Vtl-pr-sl-item__message-wrap{display:flex;align-items:center;height:100px;min-height:100px}.Vtl-pr-sl-item__message{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;font-size:14px;line-height:20px;margin:0;color:var(--vtl-pr-sl-review-text-color, #222);width:100%;word-wrap:break-word;overflow-wrap:break-word}.Vtl-pr-sl-item__author{display:flex;flex-direction:column}.Vtl-pr-sl-item__author-row{display:flex;align-items:center;gap:8px;min-width:0}.Vtl-pr-sl-item__author-row .vtl-pr-ri__uv-wrapper{flex-shrink:0}.vtl-pr--layout-slider .Vtl-pr-sl-item__author-row .vtl-pr-ri__uv-wrapper--compact{margin-left:0}.Vtl-pr-sl-item__date-row{display:flex;align-items:center;gap:var(--vtl-space-8);flex-wrap:nowrap}.Vtl-pr-sl-item__date-row .Vtl-pr-sl-item__date{line-height:1;flex-shrink:0;white-space:nowrap}.Vtl-pr-sl-item__date-row .vtl-pr-ri__uv-wrapper{min-width:0}.Vtl-pr-sl-item__date-row .vtl-pr-ri__uv-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Vtl-pr-sl-item__date-row .vtl-pr-ri__uv-icon{flex-shrink:0;font-size:calc(var(--vtl-pr-verified-badge-size, 15px) - 2px)}.Vtl-pr-sl--badge-with-date .Vtl-pr-sl-item__date-row{min-height:22px}.Vtl-pr-sl-item__name{font-size:14px;font-weight:700;line-height:20px;color:var(--vtl-pr-sl-review-text-color, #222);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Vtl-pr-sl-item__date{font-size:12px;line-height:14px;color:var(--vtl-pr-sl-review-text-color, #222);opacity:.8}.Vtl-pr-sl-item__photos{display:flex;height:calc(48px * var(--vtl-pr-sl-show-media, 1));min-height:calc(48px * var(--vtl-pr-sl-show-media, 1));margin-top:calc((var(--vtl-pr-sl-show-media, 1) - 1) * 12px);overflow:visible}.Vtl-pr-sl--media-hidden .Vtl-pr-sl-item__photos{overflow:hidden}.Vtl-pr-sl-item__photo-strip{display:flex;align-items:center;gap:8px}.Vtl-pr-sl-item__photo{position:relative;z-index:1;width:48px;height:48px;flex:0 0 48px;border-radius:var(--vtl-pr-sl-photo-radius, calc(var(--vtl-pr-sl-card-radius, 4px) / 2));overflow:hidden;background-color:rgba(128,128,128,.12);display:flex;align-items:center;justify-content:center}.Vtl-pr-sl-item__photo img,.Vtl-pr-sl-item__photo video{width:100%;height:100%;object-fit:cover;display:block}.Vtl-pr-sl-item__photo .vtl-pr__video-thumbnail{width:100%;height:100%}.Vtl-pr-sl-item__photo--has-count-pill{overflow:visible}.Vtl-pr-sl-item__photo--has-count-pill img,.Vtl-pr-sl-item__photo--has-count-pill video{border-radius:var(--vtl-pr-sl-photo-radius, calc(var(--vtl-pr-sl-card-radius, 4px) / 2))}.Vtl-pr-sl-item__photo-strip .Vtl-pr-sl-item__photo img{opacity:1}.Vtl-pr-sl-item__reply{display:flex;flex-direction:column;width:100%;min-height:28px}.Vtl-pr-sl-item__reply--has-reply{background-color:var(--vtl-pr-sl-card-bg, #f9f9f9);background-image:linear-gradient(rgba(34, 34, 34, 0.05), rgba(34, 34, 34, 0.05));border-bottom-left-radius:var(--vtl-pr-sl-card-radius, 4px);border-bottom-right-radius:var(--vtl-pr-sl-card-radius, 4px)}.Vtl-pr-sl-item__reply-toggle{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;gap:6px;width:100%;padding:4px 32px;background:rgba(0,0,0,0);border:0;font:inherit;text-align:left;cursor:pointer;color:var(--vtl-pr-sl-review-text-color, #222)}.Vtl-pr-sl-item__reply-label{font-size:12px;font-weight:700;line-height:20px;color:var(--vtl-pr-sl-review-text-color, #222)}.Vtl-pr-sl-item__reply-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;transition:transform .2s ease}.Vtl-pr-sl-item__reply-chevron svg{width:16px;height:16px}.Vtl-pr-sl-item__reply-chevron svg path{fill:currentColor}.Vtl-pr-sl-item__reply-chevron--open{transform:rotate(180deg)}.Vtl-pr-sl-item__reply-body{padding:0 32px 12px;font-size:14px;line-height:20px;color:var(--vtl-pr-sl-review-text-color, #222);word-wrap:break-word;overflow-wrap:break-word}.Vtl-pr-sl--style-border .Vtl-pr-sl-item,.Vtl-pr-sl--style-none .Vtl-pr-sl-item{--vtl-pr-sl-card-bg: transparent}.Vtl-pr-sl--style-border .Vtl-pr-sl-item__reply--has-reply,.Vtl-pr-sl--style-none .Vtl-pr-sl-item__reply--has-reply{background-image:none}.Vtl-pr-sl--style-color .Vtl-pr-sl-item,.Vtl-pr-sl--style-border .Vtl-pr-sl-item{border-radius:var(--vtl-pr-sl-card-radius, 4px)}.Vtl-pr-sl--style-border .Vtl-pr-sl-item{box-shadow:inset 0 0 0 1px var(--vtl-pr-sl-card-border-color, #222)}.Vtl-pr-sl--style-border .Vtl-pr-sl-item__reply--has-reply{box-shadow:inset 0 1px 0 0 var(--vtl-pr-sl-card-border-color, #222)}.Vtl-pr-sl--media-inline .Vtl-pr-sl-item__photo{overflow:visible}.Vtl-pr-sl--media-inline .Vtl-pr-sl-item__photo img,.Vtl-pr-sl--media-inline .Vtl-pr-sl-item__photo video{border-radius:var(--vtl-pr-sl-photo-radius, 0)}.Vtl-pr-sl--style-none .Vtl-pr-sl-item{border-radius:0}.Vtl-pr-sl--style-none .Vtl-pr-sl-item__content{padding:0}.Vtl-pr-sl--style-none .Vtl-pr-sl-item__reply-toggle,.Vtl-pr-sl--style-none .Vtl-pr-sl-item__reply-body{padding-left:0;padding-right:0}.Vtl-pr-sl-item__message-wrap:empty,.Vtl-pr-sl-item__photos:empty,.Vtl-pr-sl-item__reply:empty,.Vtl-pr-sl-item__date-row:empty{display:flex}.Vtl-pr-sl--media-spotlight .Vtl-pr-sl-item{display:grid;--vtl-pr-sl-spotlight-inset: calc(32px / 2);grid-template-columns:minmax(0, 1fr) auto;grid-template-areas:"content media" "reply reply"}@container (min-width: 768px){.Vtl-pr-sl--media-spotlight .Vtl-pr-sl-item{--vtl-pr-sl-spotlight-inset: 32px}}.Vtl-pr-sl--media-spotlight .Vtl-pr-sl-item--has-spotlight-media{grid-template-columns:minmax(0, 1fr) fit-content(40%);column-gap:var(--vtl-pr-sl-spotlight-inset)}.Vtl-pr-sl--media-spotlight .Vtl-pr-sl-item__content{grid-area:content}.Vtl-pr-sl--media-spotlight:not(.Vtl-pr-sl--style-none) .Vtl-pr-sl-item__content{padding-left:var(--vtl-pr-sl-spotlight-inset);padding-right:var(--vtl-pr-sl-spotlight-inset)}.Vtl-pr-sl--media-spotlight .Vtl-pr-sl-item--has-spotlight-media .Vtl-pr-sl-item__content{padding-right:0}.Vtl-pr-sl--media-spotlight .Vtl-pr-sl-item__reply{grid-area:reply}.Vtl-pr-sl--media-spotlight:not(.Vtl-pr-sl--style-none) .Vtl-pr-sl-item__reply-toggle,.Vtl-pr-sl--media-spotlight:not(.Vtl-pr-sl--style-none) .Vtl-pr-sl-item__reply-body{padding-right:var(--vtl-pr-sl-spotlight-inset);padding-left:var(--vtl-pr-sl-spotlight-inset)}.Vtl-pr-sl--media-spotlight .Vtl-pr-sl-item__spotlight-media{grid-area:media;place-self:stretch end;display:flex;align-items:center;justify-content:flex-end;padding-top:32px;padding-right:var(--vtl-pr-sl-spotlight-inset);padding-bottom:9px;overflow:hidden}.Vtl-pr-sl--media-spotlight .Vtl-pr-sl-item__spotlight-media .Vtl-pr-sl-item__photo-strip{display:flex;flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;align-items:center;justify-content:flex-end}.Vtl-pr-sl--media-spotlight .Vtl-pr-sl-item__spotlight-media .Vtl-pr-sl-item__photo{display:flex;flex:0 1 auto;width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;min-height:0;background:none;border-radius:0}.Vtl-pr-sl--media-spotlight .Vtl-pr-sl-item__spotlight-media .Vtl-pr-sl-item__photo img,.Vtl-pr-sl--media-spotlight .Vtl-pr-sl-item__spotlight-media .Vtl-pr-sl-item__photo video,.Vtl-pr-sl--media-spotlight .Vtl-pr-sl-item__spotlight-media .Vtl-pr-sl-item__photo .vtl-pr__video-thumbnail{width:auto;height:auto;max-width:100%;max-height:calc(var(--vtl-pr-sl-closed-height) - 69px);object-fit:cover;aspect-ratio:var(--vtl-pr-sl-spotlight-aspect, 1/1);border-radius:calc(var(--vtl-pr-sl-card-radius, 4px)/2)}.Vtl-pr-sl--media-spotlight .Vtl-pr-sl-item__spotlight-media .Vtl-pr-sl-item__media-count{top:var(--vtl-space-8);right:var(--vtl-space-8)}.Vtl-pr-sl--media-spotlight.Vtl-pr-sl--style-none .Vtl-pr-sl-item__spotlight-media{padding:0} .vtl-pr-review-card__content--color { background-color: #ffffff; box-shadow: 1px 1px var(--vtl-pr-card-shadow-size, 5px) #eaeaea; } .vtl-pr-review-card__content--color.vtl-pr-review-card__content--shadow-bottom-left { box-shadow: -1px 1px var(--vtl-pr-card-shadow-size, 5px) #eaeaea; } .vtl-pr-review-card__content--color.vtl-pr-review-card__content--shadow-top-left { box-shadow: -1px -1px var(--vtl-pr-card-shadow-size, 5px) #eaeaea; } .vtl-pr-review-card__content--color.vtl-pr-review-card__content--shadow-top-right { box-shadow: 1px -1px var(--vtl-pr-card-shadow-size, 5px) #eaeaea; } .vtl-pr-review-card__content--color.vtl-pr-review-card__content--shadow-all-around { box-shadow: 0 0 var(--vtl-pr-card-shadow-size, 5px) #eaeaea; } .vtl-pr-review-card__review-author { color: #222222; } .vtl-pr-review-card__review-date { color: #737373; } .vtl-pr-review-card__review-text, .vtl-pr-review-card__see-more-button { color: #5e5e5e; } .vtl-pr-translation-disclaimer { --vtl-pr-disclaimer-text-color: #5e5e5e; } .vtl-pr-ri__user-image-wrapper, .vtl-pr-review-card__reply-icon { background-color: #ffce07; } .vtl-pr-ri__user-image-wrapper span, .vtl-pr-ri__user-image-wrapper svg { color: #222222; } .vtl-pr-review-card__reply-icon svg { color: #222222; } .vtl-pr-ri__store-response { background-color: #f7f7f7; } .vtl-pr-ri__see-more-button { color: #5e5e5e; } .vtl-pr-translation-disclaimer { --vtl-pr-disclaimer-text-color: #5e5e5e; } .vtls-temporary-container{display:none} .cc-window-wrapper { opacity: 1; -webkit-transition: visibility 0s, opacity 0.5s linear; transition: visibility 0s, opacity 0.5s linear;}.cc-window { /* min-width: fit-content; */ opacity: 1; -webkit-transition: opacity 1s ease; transition: opacity 1s ease;}.cc-window-wrapper.cc-invisible,.cc-window.cc-invisible { opacity: 0;}.cc-animate.cc-revoke { /* -webkit-transition: transform 1s ease; */ /* -webkit-transition: -webkit-transform 1s ease; */ /* transition: -webkit-transform 1s ease; */ /* transition: transform 1s ease; */ /* transition: transform 1s ease, -webkit-transform 1s ease; */ -webkit-transition: transform 1s ease; -moz-transition: transform 1s ease; -ms-transition: transform 1s ease; -o-transition: transform 1s ease; transition: transform 1s ease;}.cc-animate.cc-revoke.cc-top { -webkit-transform: translateY(-2em); transform: translateY(-2em);}.cc-animate.cc-revoke.cc-bottom,.cc-animate.cc-revoke.cc-popup,.cc-animate.cc-revoke.cc-overlay { -webkit-transform: translateY(2em); transform: translateY(2em);}.cc-animate.cc-revoke.cc-active.cc-top { -webkit-transform: translateY(0); transform: translateY(0);}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-popup,.cc-animate.cc-revoke.cc-active.cc-overlay { -webkit-transform: translateY(0); transform: translateY(0);}.cc-revoke:hover { -webkit-transform: translateY(0); transform: translateY(0); box-shadow: 0 4px 8px 0 rgb(0 0 0 / 40%);}.cc-animate.cc-revoke:hover { box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);}.cc-grower { max-height: 0; overflow: hidden; -webkit-transition: max-height 1s; transition: max-height 1s;}.cc-revoke,.cc-window { position: fixed; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 16px; line-height: 1.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 9999;}.cc-window.cc-static { position: static;}.cc-window.cc-floating { padding: 2em; max-width: 24em; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}.cc-window.cc-floating .cc-logo { display: block;}.cc-window.cc-banner { padding: 1em 1.8em; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}.cc-window.cc-banner.cc-theme-edgeless .cc-logo { margin-left: 10px;}.cc-revoke { padding: 0.4em; z-index: 2147483647 !important; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%); transition: box-shadow 0.6s ease-in-out; background-color: #fff;}.cc-revoke:hover { text-decoration: underline;}.pd-cookie-banner-window .cc-header { font-size: 18px; font-weight: 700; line-height: 18px; margin-bottom: 1em;}/* button specific css */button.cc-close { background: none; border: none;}button.cc-btn { font-family: inherit; padding: 0.75em 1.25em;}.cc-banner.cc-theme-edgeless button.cc-btn { padding: 1.25em 1.8em;}/* button specific css */.cc-btn,.cc-close,.cc-link,.cc-revoke { cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.cc-link { opacity: 0.8; display: inline-block; padding: 0.2em; text-decoration: underline !important;}.cc-link:hover { opacity: 1;}.cc-link:active,.cc-link:visited { color: initial;}.cc-btn { display: block; padding: 0.4em 0.8em; font-size: 0.9em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center; white-space: nowrap; outline: 0;}.cc-btn:hover { cursor: pointer !important;}.cc-highlight .cc-btn { background-color: transparent; border-color: transparent;}/* .cc-highlight .cc-btn.cc-leave:focus, *//* .cc-highlight .cc-btn.cc-leave:hover { *//* background-color: transparent; *//* text-decoration: underline; *//* } *//* .cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover { background-color: transparent; text-decoration: underline;} */.cc-close { display: block; position: absolute; top: 0.5em; right: 0.5em; font-size: 1em; opacity: 0.9; line-height: 0.75; outline: 0;}.cc-close:focus,.cc-close:hover { opacity: 1; outline: 0;}.cc-banner .cc-close { position: unset; margin-left: 15px;}.cc-revoke.cc-top { top: 0; left: 3em; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em;}.cc-revoke.cc-bottom,.cc-revoke.cc-popup,.cc-revoke.cc-overlay { bottom: 0; left: 3em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em;}.cc-revoke.cc-left { left: 3em; right: unset;}.cc-revoke.cc-right { right: 3em; left: unset;}.cc-top { top: 1em;}.cc-left { left: 1em;}.cc-right { right: 1em;}.cc-bottom { bottom: 1em;}.cc-floating > .cc-link { margin-bottom: 1em;}.cc-floating .cc-message { display: block; margin-bottom: 1em;}.cc-floating .cc-logo { text-align: center;}.cc-window.cc-floating .cc-compliance { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto;}.cc-window.cc-banner { -webkit-box-align: center; -ms-flex-align: center; align-items: center;}.cc-banner.cc-top { left: 0; right: 0; top: 0;}.cc-banner.cc-bottom { left: 0; right: 0; bottom: 0;}.cc-banner .cc-message { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; margin-right: 1em;}.cc-compliance { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between;}.cc-floating .cc-compliance > .cc-btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}.cc-btn + .cc-btn { margin-left: 0.5em;}@media print { .cc-revoke, .cc-window { display: none; }}@media screen and (max-width: 900px) { .cc-btn { white-space: normal; }}@media only screen and (max-width: 600px) { .cc-window .cc-compliance { flex-direction: column; } .cc-allow { order: 0; } .cc-deny { order: 1; } .cc-settings { order: 3; } .cc-btn { margin-left: 0em !important; width: 100%; margin-bottom: 5px; }}@media screen and (max-width: 484px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) { .cc-close { position: absolute !important; top: 0.5em; right: 0.5em; } .cc-window.cc-top { top: 0; } .cc-window.cc-bottom { bottom: 0; } .cc-logo { align-self: center; } .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right { left: 0; right: 0; } .cc-window.cc-banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-window.cc-banner .cc-compliance { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .cc-window.cc-floating { max-width: none; } .cc-window .cc-message { margin-bottom: 1em; margin-top: 1em; } .cc-window.cc-banner { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } .cc-window.cc-banner .cc-message { margin-right: 0; }}@media (max-width: 767px) { .cc-window.cc-floating { max-width: 100% !important; }}.cc-floating.cc-theme-classic { padding: 1.2em; border-radius: 5px;}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance { text-align: center; display: inline; -webkit-box-flex: 0; -ms-flex: none; flex: none;}.cc-theme-classic .cc-btn.cc-settings,.cc-theme-classic .cc-btn.cc-btn-decision { border-radius: 5px;}.cc-theme-classic .cc-btn.cc-btn-decision { min-width: 140px;}.cc-floating.cc-type-info.cc-theme-classic .cc-btn { display: inline-block;}.cc-theme-edgeless.cc-window { padding: 0;}.cc-floating.cc-theme-edgeless .cc-message { margin: 2em; margin-bottom: 1.5em;}.cc-floating .cc-logo + .cc-message { margin-top: 1em;}.cc-logo + .cc-header { margin-top: 1em;}.cc-floating.cc-theme-edgeless .cc-logo { margin: 2em 2em 0px 2em;}.cc-banner.cc-theme-edgeless .cc-btn { margin: 0; padding: 0.8em 1.8em; height: 100%;}.cc-banner.cc-theme-edgeless .cc-message { margin-left: 1em;}.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn { margin-left: 0;}.cc-theme-edgeless .cc-btn.cc-settings { border-color: transparent !important;}.cc-theme-wired .cc-btn.cc-settings:hover,.cc-theme-wired .cc-btn.cc-settings:focus { text-decoration: underline;}/** POPUP OVERLAY */.cc-window-wrapper.cc-overlay-wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(20, 30, 35); position: fixed; top: 0px; left: 0px; z-index: 2147483647; overflow: hidden; height: 100vh !important; width: 100vw;}.cc-window-wrapper.cc-popup-wrapper { width: 100% !important; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(20, 30, 35); position: fixed; z-index: 2147483647; top: 50%; left: 50%; transform: translate(-50%, -50%);}.cc-window-wrapper.cc-overlay-wrapper .cc-window.cc-bottom,.cc-window-wrapper.cc-popup-wrapper .cc-window.cc-bottom { bottom: auto;}.cc-window-wrapper.cc-overlay-wrapper .cc-window.cc-left,.cc-window-wrapper.cc-popup-wrapper .cc-window.cc-left { left: auto;}.cc-window-wrapper.cc-overlay-wrapper .cc-window,.cc-window-wrapper.cc-popup-wrapper .cc-window { height: auto; width: 100%; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap;}@media (min-width: 768px) { .cc-window-wrapper.cc-overlay-wrapper .cc-window, .cc-window-wrapper.cc-popup-wrapper .cc-window { height: auto; max-height: none; }}/* .cc-window-wrapper.cc-overlay-wrapper { *//* background-color: rgba(33, 41, 52, 0.75); *//* } */.cc-logo { line-height: 0;}/** FIXES header in edgeless theme */.cc-floating.cc-theme-edgeless .cc-header { margin: 1em 1.2em 0; padding: 0;}.cc-window-wrapper.cc-bottom-center-wrapper,.cc-window-wrapper.cc-top-center-wrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}.cc-banner .cc-banner-logo { margin-right: 15px; width: auto;}.cc-floating .cc-banner-logo { margin: 0 auto; width: auto;}body.cc-scrolling-disabled { height: 100%; overflow: hidden;}/** Revoke button */.pd-floating-icon { border-radius: 10px; width: 35px; height: 35px; transition: all 1.9s ease; top: 10px; left: 10px;}.pd-floating-icon img { vertical-align: baseline; max-height: 30px; max-width: 30px; margin: 0 auto;}.cc-animate .pd-floating-icon:hover { cursor: pointer; transform: rotateY(180deg); transform-style: preserve-3d; transition: all 1.9s ease;}.pd-floating-icon__open { background-color: transparent; border: 0; width: 100%; height: 100%; cursor: pointer; padding: 0; line-height: 0; margin: 0; box-shadow: none; min-width: 0;}.pd-floating-icon__open:focus-visible { outline: 2px solid black; outline-offset: 2px;}.pd-floating-icon__open:hover { background-color: transparent; box-shadow: none;}.pd-floating-text__open { background-color: transparent; border: 0; cursor: pointer;}.pd-floating-text span { font-family: Helvetica, Calibri, Arial, sans-serif; font-size: 16px; line-height: 1.5em;}.pd-floating-text span:hover { text-decoration: underline;} @keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; }}.pd-cp-ui-container { /* background: rgba(33, 41, 52, 0.85) !important; */ bottom: 0 !important; /* display: flex !important; */ display: none; left: 0 !important; opacity: 0; overflow-y: scroll; position: fixed !important; right: 0 !important; top: 0 !important; transition: opacity 0.15s ease; visibility: hidden; will-change: visibility, opacity; z-index: 2147483647 !important; transition: background 0.6s; -webkit-transition: background 0.6s;}/* .pd-cp-ui-container.pd-cp-ui__showing { *//* background: none !important; *//* } */.pd-cp-ui { background-color: #000; box-shadow: 0 0 24px rgba(0, 0, 0, 0.3); box-sizing: border-box; color: #fff; justify-content: space-between; left: 0; max-height: 90vh; min-height: 300px !important; opacity: 0; overflow-x: hidden; overflow-y: scroll; position: fixed; right: 0; visibility: hidden; will-change: visibility, opacity; -webkit-font-smoothing: antialiased;}.pd-cp-ui__showing .pd-cp-ui { visibility: visible; opacity: 1;}.pd-cp-ui__top { top: 0;}.pd-cp-ui__bottom { bottom: 0;}.pd-cp-ui-content { padding: 20px 30px;}.pd-cp-ui__showing { opacity: 1; visibility: visible;}.pd-cp-ui-close { font-weight: 600; text-decoration: none !important; padding: 10px 0;}.pd-cp-ui-close-top { display: none;}.pd-cp-ui-header { display: flex; justify-content: space-between; margin-bottom: 20px;}.pd-cp-ui-title-container { flex: 1 1 auto; font-size: 1em; font-weight: 600; line-height: 20px;}.pd-cp-ui-horizontal-buttons { align-content: center; justify-content: center !important;}.pd-cp-btn { box-sizing: border-box; cursor: pointer !important; font-size: 0.9em; font-weight: 700; letter-spacing: 2px; padding: 0.8em 1em; text-align: center; text-decoration: none; transition: all 0.2s ease-in-out; white-space: nowrap; -webkit-font-smoothing: antialiased;}button.pd-cp-btn,button.pd-cp-ui-close { border: none; background: none; font-family: inherit; color: inherit; font-size: 0.9em;}.cc-theme-classic .pd-cp-btn { border-radius: 5px;}.pd-cp-btn__small { flex: 0 1 auto; font-size: 0.75em;}.pd-cp-ui-horizontal-buttons .pd-cp-btn { flex: 1 0 auto !important; max-width: 300px !important;}@media (max-width: 699px) { .pd-cp-ui-content { padding: 20px; } .pd-cp-ui-header { margin-bottom: 0; display: flex; flex-wrap: wrap; } .pd-cp-ui-title-container { margin-bottom: 1em; } .pd-cp-ui-horizontal-buttons { text-align: right; display: flex; flex-wrap: wrap; width: 100%; } .pd-cp-ui-horizontal-buttons .pd-cp-btn { display: inline-block; padding: 6px 10px; } .pd-cp-ui-horizontal-buttons .pd-cp-btn:first-child { margin-right: 0.5em; margin-bottom: 0; } .pd-cp-ui-col-6 > .pd-cp-ui-close { display: none; } .pd-cp-ui-close-top { width: 20px; height: 20px; position: absolute; display: inline-block; right: 1em; } .pd-cp-btn.pd-cp-ui-save { width: 100%; } .pd-cp-ui-col-6:nth-child(2) { flex: 0 0 100%; width: 100%; max-width: 100%; }}.pd-cp-ui-intro { font-size: 0.75em; font-weight: 300; -webkit-font-smoothing: antialiased; line-height: 1.375; margin: 1em 0;}.pd-cp-scrolling-section { height: calc(90vh - 570px); max-height: 1000px; min-height: 180px !important; overflow-y: scroll; padding: 0px 15px 10px 0px; overflow-x: hidden;}.pd-cp-scrolling-section::-webkit-scrollbar { width: 4px;}.pd-cp-purpose-row { display: flow-root; /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */}.pd-cp-purpose-info { position: relative; display: flex; flex-wrap: wrap;}.pd-cp-sn-actions { padding: 1.25em 0 !important;}.pd-cp-bold-messaging { font-size: 0.875em; font-weight: 700; line-height: normal; cursor: pointer; flex: 0 1 70%; clear: both; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 1em 0; display: flex;}.pd-cp-bold-messaging:before { width: 7px; height: 7px; border-right: 1px solid #4a6e78; border-bottom: 1px solid #4a6e78; content: " "; transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0.3em 0.7em 0 0.2em;}.pd-cp-purpose-row__active .pd-cp-bold-messaging:before { transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 7px; height: 7px; border-right: 1px solid #4a6e78; border-bottom: 1px solid #4a6e78; content: " "; transition: all 0.2s ease-in-out; margin: 0.3em 0.7em 0 0.2em;}.pd-cp-purpose-wrapper { animation: 1s ease 0s 1 normal forwards running appear;}.pd-cp-purpose-description { float: left; margin: 0px !important; font-size: 0.75em; font-weight: 300; line-height: 1.375; padding: 0 0 0 1.7em !important;}.pd-cp-purpose-actions { flex: 0 1 30%; text-align: right; font-size: 0.7em; float: right; display: block !important; position: relative !important; top: auto !important; bottom: auto !important; font-weight: 600; padding: 1.1em 0;}.pd-cp-sn-actions { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}.pd-cp-preferences-switch { position: relative; display: inline-block; width: 46px; height: 20px; margin: 0px;}.pd-cp-preferences-switch input { opacity: 0; width: 0; height: 0;}.pd-cp-preferences-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: 0.4s; transition: 0.4s;}.pd-cp-preferences-slider:before { position: absolute; content: ""; height: 12px; width: 12px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s;}input:checked + .pd-cp-preferences-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}.pd-cp-preferences-slider.round { border-radius: 34px;}.pd-cp-preferences-slider.round:before { border-radius: 50%;}.pd-cp-ui-footer { display: flex; flex-wrap: wrap; width: 100%; margin-top: 15px;}.pd-cp-ui-footer .pd-cp-ui-close { float: left; cursor: pointer;}.pd-cp-ui-footer .pd-cp-ui-close:hover { color: inherit !important;}.pd-cp-ui-footer .pd-cp-ui-save { float: right;}.pd-cp-ui-col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; align-self: center; max-width: 50%;}.pd-cp-ui-float-right { float: right !important;}.pd-cp-cookies-details { display: flex; font-size: 0.75em; width: 100%; padding: 0.5em 0 0.5em 1.7em; animation: 1s ease 0s 1 normal forwards running appear;}.pd-cp-cookies-details .pd-cp-toggle { text-decoration: underline; border: 0px; background: transparent; padding-left: 0px;}button.pd-cp-toggle { font-size: 1em;}.pd-cp-toggle:hover,.pd-cp-toggle:visited,.pd-cp-toggle:active { outline: none;}.pd-cp-cookies-list { list-style-position: outside; list-style-type: none; margin: 0 0 0 1.2em; padding: 0.2em; line-height: 1.25; list-style: none; background-color: rgba(0, 0, 0, 0.1); animation: 1s ease 0s 1 normal forwards running appear;}.pd-cp-cookies-list-item { line-height: 1.25; text-indent: 0;}.pd-cp-cookies-list:first-of-type .pd-cp-cookies-list-item:first-of-type { border-top-width: 0; margin: 0; padding-top: 0;}.pd-cp-cookies-list-item dl { display: flex; flex-wrap: wrap; margin: 0;}.pd-cp-cookies-list-item dt { border: 0; clear: both; display: block; flex: 0 1 30%; font-size: 0.7em; font-weight: 700; line-height: 1.375; margin: 0 0 0.5em; padding: 0;}.pd-cp-cookies-list-item dd { flex: 0 1 70%; font-size: 0.7em; line-height: 1.375; margin: 0 0 0.5em; padding: 0;}.pd-cp-cookies-list > .pd-cp-cookies-list-item:not(:first-of-type) { border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 5px 0 0 0; padding-top: 5px;}.pd-cp-powered-by { background: #ddd; text-align: center; font-size: 0.6em; padding: 0.5em;}.pd-cp-powered-by a { text-decoration: none; color: #333;}.pd-sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;} .product-template__container .product-single__description, .product-template__container .social-sharing { float: left; width: 100%; } .p_d_t_p { display: none; } #pplr_html { width: 100%; float: left; } .pplr_h_title { float: left; padding-bottom: 20px; width: 100%; } #privy-container #privy-inner-container .privy-popup-container { z-index: 99999999999 !important; } .pplrloading .pplr-swatch-element { background: none !important; } .pplr-wrapper select { width: 100%; padding-left: 10px; margin-bottom: 10px; display: block; } .pplr_prev_span { width: 100%; float: left; } .pplrloadfont { position: absolute; left: -100000px; top: -100000px; } .pplr_desktop { max-width: 1200px; margin: auto; } .pplr-btn { margin: 10px 0px 10px 0; visibility: visible !important; cursor: pointer; } .btn.pplr_prev_mobile { display: none; } .cp-sel-Photos .swtooltip { border: 1px solid grey; background: #ffffff !important; } .oindexlabel { text-align: left; } .cstmfy_static { height: 0px; padding: 0px; margin: 0px; opacity: 0; z-index: -100; overflow: hidden; } .pplr-p-right label, .pplr-p-right .textBiggerSmaller { color: #000000; } /* Preview close: a frosted round button with an SVG X (no font glyph, so it is the same on every theme). Sits just outside the top-right corner of the image. */ #pplr-preview .pplr_close { border: 1px solid rgba(255,255,255,.6); position: absolute; z-index: 999999999; color: #111; top: 12px; right: 12px; background: rgba(255,255,255,.82); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.28); transition: background .18s ease, transform .18s ease, box-shadow .18s ease; } #pplr-preview .pplr_close .pplr_close_svg { width: 18px; height: 18px; display: block; transition: transform .25s ease; } #pplr-preview .pplr_close:hover, #pplr-preview .pplr_close:focus-visible { background: #fff; color: #000; transform: scale(1.06); box-shadow: 0 6px 18px rgba(0,0,0,.32); outline: none; } #pplr-preview .pplr_close:hover .pplr_close_svg { transform: rotate(90deg); } #pplr-preview .pplr_close:active { transform: scale(.96); } @media (max-width: 767px) { #pplr-preview .pplr_close { top: 10px; right: 10px; width: 36px; height: 36px; } } #pplr-preview { opacity: 0; position: fixed; z-index: 9999999999; box-sizing: border-box; min-width: 280px; overflow-y: visible; padding: 2px; border-radius: 4px; top: 45px !important; left: 0; right: 0; margin: 0; display: flex; align-items: center; justify-content: center; width: 100vw !important; background: transparent; } #pplr-preview-wrapper { position: relative; /* the close button is anchored to the IMAGE box, not the overlay */ float: left; height: 100%; max-height: 100%; box-sizing: border-box; min-width: 280px; max-width: 100%; } #pplr-preview #pplr-preview-wrapper, #pplr-preview .pplr_preview_wrapper canvas { background-color: #fff; } .product-personalizer { float: left; width: 100%; position: relative; box-sizing: border-box; z-index: 2; } .pplr_crop-modal *, .product-personalizer * { box-sizing: border-box; } .pplr-preview-btn { margin: 20px 0px 10px 0; float: left; clear: both; } .pplrloadingimage { position: absolute; width: 100%; height: 100%; top: 0px; cursor: wait; z-index: 9999999; } .product-personalizer btn { margin-top: 10px; } .pplrfileuploadbutton { float: left; width: 100%; position: relative; z-index: 1; } .pplrfileuploadcover { width: 100%; display: block; height: 100%; position: absolute; z-index: -1; cursor: pointer; } .pplr_loader { text-indent: -9999em; background: url('https://cdn-zeptoapps.com/product-personalizer/resources/images/gears.gif') !important; background-repeat: no-repeat !important; background-position: center !important; min-height: 100px; width: 100%; height: 100%; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; z-index: 999; position: absolute; min-width: 200px; min-height: 200px; background-color: rgba(255,255,255,0.5); } #pplr-preview-bg, .poverlay-bg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,.75); display: block; z-index: 99999999999; width: 100%; height: 100%; margin: 0 auto; } #pplr-preview-bg { position: fixed; inset: 0; z-index: 999999999; opacity: 0; /* fades in together with the modal (pplr_preview_reveal) */ } #pplr-preview .pplr_preview_wrapper { overflow: hidden; } #pplr-preview .pplr-modal-static { will-change: transform; } .addtocartw { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(255,255,255,.5); display: block; z-index: 999; background-image: url('https://cdn-zeptoapps.com/product-personalizer/loading7_gray.gif'); width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 100px; background-size: 100px; } .overlay-bg .loader-canvas { background: #000 none repeat scroll 0 0; border: 1px solid #e5e5e5; height: 20px; left: 50%; margin-left: -140px; position: relative; top: 100px; width: 280px; border-radius: 10px; overflow: hidden; } .addtocartbg .progress-title { color: #fff; display: block; font-size: 20px; font-weight: bold; height: 25px; line-height: 25px; position: fixed; text-align: center; top: 320px; width: 100%; left: 0; right: 0; margin: auto; } .pplr-wrapper { margin-bottom: 0px; width: 100%; float: left; text-align: left; position: relative; } .pplr_show_preview { overflow: visible !important; } .pplr-wrapper label { width: 100%; padding-right: 10px; text-align: left; float: left; padding: 10px 0px; margin: 0px; } .pplr-wrapper .pplr_checkbox_l { padding: 0px 0px; } .pplr-wrapper .pplr-checkbox-item { min-height: auto; } .pplr_option_text_span { font-size: 80%; opacity: 0.8; font-weight: 400; } .product-personalizer .pplr_monogram { margin-left: 0px; margin-bottom: 10px; opacity: 1; } .pplr, .pplr_final { position: relative; background: none; box-sizing: border-box; top: 0px; bottom: 0px; display: block; } .jscolor { text-indent: -9999px; cursor: pointer; margin: 0px; padding: 0px; cursor: pointer; width: 30px; height: 30px; min-height: 30px; visibility: hidden; margin-bottom: 0px !important; } .minicolors-theme-default .minicolors-swatch { width: 32px !important; height: 32px !important; } .jscroll ul { list-style: none; text-align: left; float: left; padding: 0px; margin: 0px; } .pplr, .pplr_image, .pplr_final { max-width: 100%; display: block; box-sizing: border-box; line-height: 1.0; position: relative !important; z-index: 1 !important; background-color: transparent !important; text-align: center; } .cp-sel-Photos li { width: 100%; height: 56px; margin: 0; border: 0.66px solid #B5B5B5; overflow: hidden; position: relative; background-size: cover; padding: 9px; } .cp-sel-Photos { float: left; width: 100%; } .cp-sel-Photos .pplr_img { display: block; position: relative; height: 88px; width: 88px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; } .fileupload { display: block; float: left; width: 100%; padding: 10px 0px; margin-bottom: 10px; background: transparent; font-size: initial; cursor: pointer; } .pplr-drop-item { padding: 5px 10px; border: 1px solid #ddd; margin-right: 7px; cursor: pointer; margin-bottom: 7px; float: left; } .pplr-drop-item.active { background-color: #ddd; } .loader-canvas { background: #000 none repeat scroll 0 0; border: 1px solid #e5e5e5; height: 20px; width: 100%; box-sizing: border-box; } .pplr-progress { height: 19px; background: #f5f5f5; width: 0%; overflow: hidden; -webkit-transition-property: width; -moz-transition-property: width; -o-transition-property: width; transition-property: width; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .progress-txt { position: absolute; left: 0px; right: 0px; margin: 0 auto; bottom: 0px; text-align: center; line-height: 19px; } .pprl-progressbar { width: 100%; float: left; margin-bottom: 20px; } .pplr_modify { position: absolute; left: 0px; bottom: 0px; cursor: pointer; width: 33px; height: 33px; padding: 0px; text-align: center; } .pplr_delete { position: absolute; right: 0px; bottom: 0px; cursor: pointer; width: 33px; height: 33px; padding: 0px; text-align: center; } .pplr_shadow { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; line-height: 88px; text-align: center; cursor: pointer; } .cp-sel-Photos li:hover a.pplr_modify { display: block; } .pplr_crop-modal { display: none; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0 !important; right: 0; bottom: 0; left: 0; z-index: 999999999; background-color: rgba(0, 0, 0, 0.75); background-image: url('https://cdn-zeptoapps.com/product-personalizer/loading.gif'); background-repeat: no-repeat; background-position: center; max-width: 100%; } .modal-open { overflow: hidden; } .pplr-modal-box { position: relative; z-index: 99999999; background-clip: padding-box; top: 0px; right: 0px; left: 0px; bottom: 0px; margin: auto; opacity: 0; padding: 10px; box-sizing: border-box; border-radius: 4px; border: 1px solid; border-color: rgba(0,0,0,.75); box-shadow: 0 4px 6px rgba(0,0,0,.25); } .pplr-modal-box { width: 1000px; max-width: 100%; text-align: center; min-height: 550px; } .pplr-modal-box header, .pplr-modal-box .pplr-modal-header { border-bottom: 0px solid #ddd; position: relative; height: 40px; width: 100%; padding: 5px 0; margin: 0px; } .pplr-modal-box img { margin: auto; display: block; max-width: 100%; max-height: 100%; opacity: 1; } .pplr-popup.pplr-modal-box .pplr-modal-body { position: relative; float: left; height: 100%; width: 100%; padding: 0px; margin: 0 auto; background: no-repeat; } .pplr-p-left canvas { right: 0px; margin: auto; } .pplr-modal-box footer, .pplr-modal-box .modal-footer { padding: 1em; border-top: 1px solid #ddd; background: rgba(0, 0, 0, 0.02); text-align: right; } .pplr-modal-overlay { position: absolute; opacity: 0; top: 0; left: 0; z-index: 900; width: 100%; height: 100%; background-color: #fff; } a.pplr_close { line-height: 30px; text-decoration: none; color: #000; cursor: pointer; opacity: 1 !important; font-size: 25px; float: right; } .cropper-container { max-width: 100%; } .pplr-crop-area { max-height: calc(100% - 65px); overflow: hidden; } .js-modal-close { padding: 0px 10px; border: 1px solid #000; } .pplrhleft { float: left; margin: 0px; padding: 0px; } .jscroll { float: left; } a.pplr_close:hover { color: #222; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease; } .pplrdouble { display: none; } .pplr-area { position: absolute !important; opacity: .5; top: 0px; left: 0px; border: 3px dashed #000; background-color: #eee; cursor: move; cursor: -webkit-move; } .pplr-area:hover { border: 3px dashed blue; } .pplr canvas { z-index: 2; text-align: inherit; top: 0px; background: transparent; left: 0px; } span.pplrColor.selected, span.pplrColor:hover, span.pplrimage.selected { border: 2px solid #000000; } span.pplrColor { border: 2px solid #ffffff; cursor: pointer; width: 30px; height: 30px; margin: 0px 7px 10px 0 !important; float: left; display: inline-block; } .color_image_display_box_big { width: 60px !important; height: 60px !important; } .color_image_display_circle { width: 30px !important; height: 30px !important; border-radius: 15px !important; } .color_display_circle { width: 30px !important; height: 30px !important; border-radius: 15px !important; } .color_image_display_circle_big { width: 60px !important; height: 60px !important; border-radius: 50% !important; } span.pplrimage { border: 2px solid; cursor: pointer; margin: 2px 4px; float: left; display: inline-block; } .img_thumb_small span.pplrimage { width: 40px; height: 30px; } .img_thumb_small_circle span.pplrimage { width: 40px; height: 40px; border-radius: 50%; } .img_thumb_big span.pplrimage { width: 60px; height: 60px; } .img_thumb_big_circle span.pplrimage { width: 60px; height: 60px; border-radius: 50%; } .img_thumb_big .swtooltip img, .img_thumb_big .swtooltip div { display: none; } .pplrgcolor, .pplrgimage { float: left; width: 100%; margin-bottom: 5px; margin-top: 5px; z-index: 2; } .pplr-color-select .pplrgcolor .pplr-swatch-element { background-position: center center; background-size: cover; background-repeat: no-repeat; } .pplr-color-select .img_thumb_dropdown .pplr-swatch-element { background-color: #fff; } .pplr-color-select .img_thumb_dropdown .pplr-swatch-element.selected { background-color: #efefef; } span.pplrgcolor.selected, span.pplrgimage.selected { border: 2px solid #000000; } .pplr-selecter-options { border: 1px solid #ccc; border-left: 0; border-right: 0; border-width: 0 1px 1px; border-radius: 0 0 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); display: none; left: 0; margin: 0; max-height: 260px; overflow: auto !important; overflow-x: hidden; padding: 0; position: absolute; top: 100%; width: 100%; z-index: 3; } .pplr-font-select .pplr-selecter-options { z-index: 3; } .pplrfontthumb .pplr-selecter-options { z-index: 3 !important; top: 0px; } .pplr-selecter-item { float: left; background: #fff; border-bottom: 1px solid #e3e3e3; color: #333; cursor: pointer; display: block; margin: 0; overflow: hidden; padding: 8px 10px; text-overflow: ellipsis; width: 100%; } html, body { -webkit-overflow-scrolling: inherit; } .selected-font, .pplr-selecter-item:hover { background-color: #f0f0f0; } .pplr-selecter-selected { background: transparent url(https://cdn.shopify.com/s/files/1/1408/6082/t/4/assets/select-arrow.png?5345742621890683607) no-repeat right center; border: 1px solid #f0f0f0; border-radius: 3px; color: #434244; cursor: pointer; display: block; margin: 0; overflow: hidden; padding: 8px 10px; position: relative; text-overflow: clip; z-index: 2; background-color: #ffffff; margin-bottom: 10px; } .pplr-wrapper:last-child { margin-bottom: 10px; } .pplr-swatch-main .header { margin: 0.5em 0; } .pplr-swatch-main input { display: none; } .pplr-swatch-main label { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; min-width: {{ width }} !important; height: {{ height }} !important; margin: 0; border: #ccc 1px solid; background-color: #ddd; font-size: 13px; text-align: center; line-height: {{ height }}; white-space: nowrap; text-transform: uppercase; } .pplr-swatch-element label { padding: 0 10px; } .color.pplr-swatch-element label { padding: 0; } .pplr-swatch-main input:checked + label { -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.8); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.8); box-shadow: 0px 1px 2px rgba(0,0,0,0.8); border-color: transparent; } .pplr-swatch-main .pplr-swatch-element { float: left; -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; margin: 0px 10px 10px 0; position: relative; z-index: 2; border-radius: 5px; } .ptooltip:hover { z-index: 3; } .crossed-out { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .pplr-swatch-main .pplr-swatch-element .crossed-out { display: none; } .pplr-swatch-main .pplr-swatch-element.soldout .crossed-out { display: block; } .pplr-swatch-main .pplr-swatch-element.soldout label { filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; } .pplr-swatch-main .swtooltip { text-align: center; background: #cccccc; bottom: 100%; padding: 10px; display: none; position: absolute; width: 100px; left: -28px; margin-bottom: 15px; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); z-index: 2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: black; max-width: none; } .pplrimage .swtooltip { width: 200px; left: -80px; } .pplr-swatch-main .swtooltip:before { border-left: solid transparent 10px; border-right: solid transparent 10px; top: -10px; content: ' '; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; } .before:before { display: none; } .pplr-swatch-main .swtooltip:after { border-left: solid transparent 10px; border-right: solid transparent 10px; bottom: -10px; content: ' '; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; } .after:after { display: none; } .sleftafter:before { left: auto !important; right: 0px !important; } .sleftafter:after { left: auto !important; right: 0px !important; } @media screen and (min-width: 640px) { .pplr-swatch-main .pplr-swatch-element:hover .swtooltip { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } .pplr_rotate { width: 30px; height: 30px; display: inline-block; position: absolute; left: 0px; right: 0px; margin: auto; } #pplr div { max-width: 100%; display: block; box-sizing: border-box; line-height: 1.0; position: relative; z-index: 1; background-color: transparent !important; text-align: center; float: none; margin: auto; } #pplr { overflow: hidden; } #pplr div img { max-width: 100%; display: block; box-sizing: border-box; line-height: 1.0; position: relative; z-index: 1; background-color: transparent !important; text-align: center; } #pplr canvas { z-index: 2; text-align: inherit; position: absolute; top: 0px; background: transparent; left: 0px; max-width: 100%; max-height: 100%; } .pplr-hide .crop_header, .pplr-hide .pplr-swatch-main, .pplr-hide input, .pplr-hide select, .pplr-hide textarea, .pplr-hide .pplr-selecter-selected, .pplr-hide .pplr-selecter-options, .pplr-hide .key_layout_sub, .pplr-hide .key_layout, .pplr-hide .textBiggerSmaller, .pplr-hide .pplr-btn-group, .pplr-hide .pplr-character-count, .pplr-hide .minicolors, .pplr-hide .jscroll, .pplr-hide .pplr-drop-item, .pplr-hide .pplrfileuploadbutton, .pplr-hide .pplrfileuploadcover, .pplr-hide .pplr-up-support, .pplr-hide .pplr-up-hint, .pplr-hide .file-upload-wrapper-pplr, .pplr-hide .pplr_ins { position: absolute !important; visibility: hidden; z-index: -10000; height: 0px; width: 0px; overflow: hidden; } .pplr-wrapper label { cursor: pointer; } .pplr .zoomImg { display: none !important; } .pplrfontthumb .pplr-selecter-selected { display: none; } .pplr_thumb_image .pplr-selecter-options, .pplrfontthumb .pplr-selecter-options, .pplrcolorimage .pplr-selecter-options { display: block; position: relative; width: 100%; float: left; border: 0px; box-shadow: none; } .pplr_thumb_image .pplr-selecter-options { width: 100%; margin-bottom: 10px; } .pplr_thumb_image .pplr-selecter-item, .pplrfontthumb .pplr-selecter-item, .pplrcolorimage .pplr-selecter-item { width: auto; float: left; margin-right: 8px; border: 1px solid #ddd; margin-bottom: 8px; } .pplrfontthumb .selected-font { } .pplr-arrow-right { width: 0; height: 0; border-left: 10px solid #000; border-right: 10px solid transparent; border-bottom: 7px solid transparent; float: left; padding-top: 0px; text-align: center; border-top: 7px solid transparent; margin-top: 6px; } .pplr-arrow-bottom { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 0px solid transparent; float: left; padding-top: 3px; text-align: center; border-top: 10px solid #000; margin-top: 7px; margin-right: 6px; } .pplrlabel .pplr-arrow { display: block; } .pplr-wrapper-each { float: left; width: 100%; } .pplr-swatch-main .swtooltip span { width: 100%; float: left; word-break: break-all; } .pplrfixed { position: fixed !important; } .optionwithclass { margin-left: 0px; } .pplr-modal-open { overflow: hidden; max-height: 100%; max-width: 100%; position: relative; } .pplr_fixed, .pplr_fixed_cropper { width: 100% !important; height: 100% !important; max-width: 100% !important; overflow: hidden !important; } .pplr-p-right ::placeholder, .product-personalizer ::placeholder { color: #ccc; opacity: 1; } .pplr-p-right :-ms-input-placeholder, .product-personalizer :-ms-input-placeholder { color: #ccc; } .pplr-p-right ::-ms-input-placeholder, .product-personalizer ::-ms-input-placeholder { color: #ccc; } .oindexlabel { float: left; width: 100%; font-weight: bold; padding: 20px 0px 0px 0px; } .ptooltip { position: relative; display: inline-block; color: #fff; width: 15px; text-align: center; border-radius: 7px; height: 15px; line-height: 1; cursor: pointer; z-index: 2; } .ptooltip .ptooltiptext { visibility: hidden; min-width: 150px; background-color: gray; color: #fff; text-align: center; border-radius: 0px; padding: 7px; position: absolute; z-index: 1; bottom: 150%; left: 0%; margin-left: -20px; max-width: 200px; min-height: 50px; display: none; margin-left: -200px; } .ptooltip:hover .ptooltiptext { visibility: visible; display: block; } .ptooltiparrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .ptooltiptext.top .ptooltiparrow { bottom: 0; left: 50%; margin-left: -8px; border-width: 8px 8px 0; border-top-color: gray; top: 100%; } .ptooltiptext.top-left .ptooltiparrow { right: 8px; bottom: 0; margin-bottom: -8px; border-width: 8px 8px 0; border-top-color: gray; } .ptooltiptext.top-right .ptooltiparrow { bottom: 0; left: 8px; margin-bottom: -8px; border-width: 8px 8px 0; border-top-color: gray; } .ptooltiptext.right .ptooltiparrow { top: 50%; left: 0; margin-top: -8px; border-width: 8px 8px 8px 0; border-right-color: gray; } .ptooltiptext.left .ptooltiparrow { top: 50%; right: 0; margin-top: -8px; border-width: 8px 0 8px 8px; border-left-color: gray; } .ptooltiptext.bottom .ptooltiparrow { left: 50%; margin-left: -8px; border-width: 0 8px 8px; border-bottom-color: gray; bottom: 100%; } .ptooltiptext.bottom-left .ptooltiparrow { top: 0; right: 8px; margin-top: -8px; border-width: 0 8px 8px; border-bottom-color: gray; } .ptooltiptext.bottom-right .ptooltiparrow { top: 0; left: 8px; margin-top: -8px; border-width: 0 8px 8px; border-bottom-color: gray; } .pplr-modal-image { height: 100%; max-height: 280px; width: 100%; float: left; position: relative; top: 0px; left: 0px; } .crop_header { width: 100%; float: left; } .p_h_m header { float: left; } .p_h_i .pplr_monogram, .p_h_i .pplrfileuploadbutton, .p_h_m .pplrfileuploadbutton { opacity: 0; width: 0px; height: 0px; } .pplrhleft a { cursor: pointer; } .pplr-modal-image header { background: #fff; } .pplr-main { box-sizing: border-box; max-width: 1200px; margin: auto; } .pplr-p-left { width: 50%; float: left; min-height: 200px; } .pplr-p-right { width: 50%; float: right; overflow-y: auto; overflow-x: hidden; border: 1px solid #ddd; padding: 20px; border-radius: 5px; box-sizing: border-box; } .pplrfullwidth .pplr-p-right { max-height: none; } .pplr_select, .pplr_text { appearance: none; -webkit-appearance: none; -moz-appearance: none; opacity: 1; } .pplr_final img { visibility: hidden; } .pplr_ex_button { width: 100%; float: right; } .pplr_ex_inner { width: 50%; float: right; } .pplr_mobile { display: none; } .c_h_m { display: none; } .pplr_form { display: block !important; margin: 0px; } .p_r_d { float: right; cursor: pointer; } .a_p_t { padding-top: 5px; float: left; width: 100%; text-align: left; padding-bottom: 5px; } .a_p_t_c { width: 100%; float: left; } .a_p_t_c .a_p_t { width: 50%; float: right; } .a_p_t_c.pplr_apt_zero { display: none; } .pplr-popup.pplr-modal-box .pplr_form .pplr-modal-body { height: auto; } .q_f { min-width: 100px; margin-top: 15px; float: left; display: inline-block; line-height: 40px; margin-right: 10px; } .q_f label { text-align: left; width: auto; float: left; padding-right: 10px; } .q_fi { max-width: 50px !important; line-height: 30px; padding: 5px; padding-left: 5px !important; padding-right: 5px !important; text-align: center; border: 1px solid #a0a0a0; } .no_load_first span { background-image: none !important; } .no_load_first img { display: none; } .pplr_ex_inner .btn { margin-top: 15px; display: block !important; float: left; } .pplr_ex_inner .pplr_close { line-height: 40px; font-size: 40px; } .pplr_ex_inner .pplr_cur { max-width: 50%; text-align: left; font-size: 20px; font-weight: bold; float: left; padding: 10px 20px 10px 0px; margin-top: 10px; } @media only screen and (min-width: 641px) and (min-height: 400px) { .pplr-p-right { min-height: 350px; } } .cstmfy_personalize_text { float: left; width: 100%; } .pplr-wrapper .pplr-character-count { color: #838185; text-align: right; top: 100%; float: right; padding: 7px 0px; font-size: 12px; } .p_c_c .pplr-character-count { position: absolute; right: 0px; top: 5px; } .optionwithclass .pplr-character-count { position: relative; } .pplr- .pplr-character-count { top: -10px; } .product-form-product-template .pplr-btn { margin-left: 5px; width: 100%; max-width: 390px; } .p_c_c .pplrlabel, .p_c_c .oindexlabel { width: calc(100% - 110px); } .pplr-character-count .lm { display: none; } @media screen and (max-width: 768px) { .product-form-product-template .pplr-btn { margin-left: 0px; max-width: 400px; } .q_f, .pplr_ex_inner .btn { margin-top: 5px; } .pplr-p-left { width: 100%; float: left; } .pplr-p-right { width: 100%; float: left; } .pplr-modal-box { max-width: 100%; width: 100%; } .pplr_ex_inner { width: 100%; } .pplr_ex_inner .pplr-btn { max-width: calc(100% - 150px); } .pplr_mobile { display: block; } .pplr_desktop { display: none; } .pplr-modal-overlay { opacity: 1; } .pplr-p-right { margin-top: 10px; } .pplr-main { float: left; } .pplr-modal-box { border: 0px; } .q_f+.pplrcur+.pplr-btn { max-width: calc(100% - 210px); } .pplr_ex_inner .pplr_cur { max-width: 50%; } .btn.pplr_prev_mobile { display: block; float: left; } .pplr_prev_mobile.p_d_t_p { display: none; } .img_thumb_big span.pplrimage { width: 50px; height: 50px; } .pplr-modal-box { border-radius: 0; box-shadow: none; } .p_h_d { display: none; } .c_h_m { display: block; } .pplr_ex_inner .pplr-btn { float: left; } .pplr_ex_inner .pplr_close { margin-top: 5px; } .pplr-main { max-width: 100%; width: 100%; } .pplr-modal-box { min-height: 100%; } .pplr_ex_inner .pplr_cur { padding: 0px 20px 10px 0px; } a.pplr_close { padding: 7px 7px; font-size: 18px; width: 16.6%; margin-top: 5px; display: flex !important; align-items: center !important; justify-content: center !important; } .pplr-character-count .lm { display: inline-block; } .pplr-character-count .lt { display: none; } .p_c_c .pplrlabel, .p_c_c .oindexlabel { width: calc(100% - 50px); } .pplr_ex_inner .pplr-btn, .pplr_ex_inner .p_a_t_c { margin: 0; } } .androidFix { overflow: hidden !important; overflow-y: hidden !important; overflow-x: hidden !important; } .pplr_cont { display: block; height: 200px; width: 200px; margin: 0 auto; border-radius: 100%; position: fixed; top: 100px; transform: rotate(-90deg); left: 0px; right: 0px; } .pplr_cont:after { position: absolute; display: block; height: 160px; width: 160px; left: 50%; top: 50%; content: attr(data-pct)'%'; margin-top: -80px; margin-left: -80px; border-radius: 100%; line-height: 160px; font-size: 2em; text-shadow: 0 0 0.5em black; text-align: center; color: #fff; transform: rotate(90deg); } .crop_header header { height: auto; } @media screen and (min-width: 1500px) { .pplr-modal-box { min-height: 660px; width: 1200px; } .pplr-main { max-width: 1400px; } .addtocartbg .progress-title { top: 420px; } .pplr_cont { top: 200px; } } .colorminithumb { width: 25px; height: 25px; float: left; margin-right: 10px; display: inline-block; border: 1px solid #eee; margin-top: 0px; } .pplr-wrapper input[type=text], .pplr-wrapper textarea { width: 100%; text-indent: 0px; } .jslghtbx { z-index: 99999999999 !important; } .pplr-wrapper textarea { min-height: 80px; } .sourceSmallerFont, .sourceBiggerFont { background-color: #fff; border-radius: 5px; color: #000; display: inline-block; font-size: 16px; font-weight: bold; padding: 0 2px; text-align: center; width: 24px; margin: 5px; cursor: pointer; text-transform: uppercase; border: 1px solid #ccc; text-decoration: none; } .textBiggerSmaller span:nth-child(1) { font-size: 9px; } .textBiggerSmaller span:nth-child(2) { font-size: 12px; } .textBiggerSmaller span:nth-child(3) { font-size: 15px; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-align-left:before { content: '\f036'; } .fa-align-center:before { content: '\f037'; } .fa-align-right:before { content: '\f038'; } .fa-question-circle:before { content: '\f059'; font-size: 16px; } .textBiggerSmaller { float: left; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .textBiggerSmaller a:hover { text-decoration: none; background: #ccc; } .pplr-btn-group { float: left; padding: 5px; } .pplr-btn-group button { background: #fff; border: 1px solid #ccc; color: #000 !important; padding: 4px 7px; max-height: 30px; line-height: 22px; font-size: 13px; width: auto; margin: 0; } .pplr-btn-group button.active { background: #ccc; } .pplr_hide_label { display: none; } .pplr_ins { width: 100%; float: left; padding-bottom: 7px; } .minicolors-swatch-color { border: 1px solid #ccc; cursor: pointer; margin: 0px; padding: 0px; cursor: pointer; width: 30px; height: 30px; min-height: 30px; } .pplrfullwidth { border-radius: 0px; border: 0px; width: 100%; } .qcon { color: #fff; } .key_layout span { padding: 5px 8px; border: 1px solid #ddd; cursor: pointer; background: #fff; margin: 1px; font-size: 15px; float: left; } .key_layout { position: absolute; background: #f0f0f0; max-width: 300px; min-height: 100px; right: 0px; border: 1px solid #ddd; padding: 5px; z-index: 3; width: 300px; } .inputkeylayout { width: calc(100% - 50px) !important; margin-right: 0px !important; padding-right: 0px !important; display: inline-block !important; } .key_layout_sub { width: 50px; float: right; text-align: center; height: 40px; padding: 0px; cursor: pointer; font-size: 25px; color: purple; position: relative; } .minicolors-panel { top: 36px !important; left: 5px !important; } .pplr_preview_wrapper, .pplr_preview_final { z-index: 999; left: 0; top: 0; opacity: 0; overflow: hidden; max-width: 100%; max-height: 100%; } .pplr_preview_wrapper canvas, .pplr_preview_final canvas { max-width: 100%; max-height: 100%; left: 0px; } .pplr_preview_wrapper .pplr_zoom_tf, .pplr-prev-left .pplr_zoom_tf { cursor: crosshair; will-change: transform; } /* zoom on: pinch zooms the preview, not the page */ .pplr-zoom-on .pplr_preview_wrapper, .pplr-zoom-on .pplr-prev-left { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } /* no clip-path support: clip at the preview area instead */ @supports not ((clip-path: inset(0)) or (-webkit-clip-path: inset(0))) { .pplr_preview_wrapper.pplr_zoom_clip, .pplr-prev-left.pplr_zoom_clip { overflow: hidden !important; } } .pplr-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: right center; background: transparent url(https://cdn.shopify.com/s/files/1/1408/6082/t/4/assets/select-arrow.png?5345742621890683607); background-repeat: no-repeat; background-position: right 0px center; background-color: transparent; padding-right: 32px; text-indent: 0.01px; text-overflow: ''; cursor: pointer; } .minicolors-theme-default { height: 50px; } .pplrcheckbox { width: auto; margin-right: 5px; min-height: auto !important; height: auto; -webkit-appearance: checkbox; } .pplr img { visibility: hidden; } .pplr_tab { width: 100%; float: left; display: none; border: 1px solid #ddd; background: transparent; padding: 10px; margin-bottom: 10px; } ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); box-shadow: 0 0 1px rgba(255, 255, 255, .5); } .pplr_text[type=date] { width: 100%; } .pplr_text { min-height: 30px; } .pplr_active { display: block; } .pplr_tab_wrapper .pplr_active { background: white; border-bottom: none; border-top: 1px solid #ddd; margin-top: 1px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; } .pplr_tab_index { float: left; cursor: pointer; padding: 5px 10px; border: 1px solid transparent; color: #000; word-wrap: anywhere; } .pplr_tab_wrapper { float: left; width: 100%; position: relative; margin: 0 0 -1px; z-index: 2; min-height: 22px; } .img_thumb_dropdown .pplr-swatch-element { border: none; float: left; background: #fff; border-bottom: 1px solid #e3e3e3; color: #333; cursor: pointer; display: block; margin: 0; overflow: hidden; padding: 8px 10px; text-overflow: ellipsis; width: 100%; background-image: none !important; box-shadow: none; border-radius: 0px; } .img_dropdown { display: none; } .img_thumb_dropdown .pplr-swatch-element .img_dropdown, .dropdowncolor { display: flex; align-items: center; gap: 8px; } .img_thumb_dropdown img, .ppsrc img { float: left; max-width: 25px; max-height: 25px; } .img_thumb_dropdown .selected, .img_thumb_dropdown .pplr-swatch-element:hover { border: none !important; background: #f0f0f0; } .img_thumb_dropdown { border: 1px solid #ccc; border-left: 0; border-right: 0; border-width: 0 1px 1px; background-color: #fefefe; border-radius: 0 0 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); left: 0; margin: 0; max-height: 260px; overflow: auto !important; overflow-x: hidden; padding: 0; position: absolute; width: 100%; z-index: 3; display: none; } .img_thumb_dropdown .swtooltip { display: none; } .swtooltip img { max-width: 100%; } .product-personalizer input[type=number] { width: 100%; } .pplr_tag .active { background: #eee; border: 1px solid #ccc; } .pplr_tag .pplr-selecter-item { padding: 0 10px; } .pplr .zoomImg { visibility: hidden; } .tab_i_h { width: 30%; background: #eee; } .tab_i_h .pplr_tab_index { width: 100%; border-bottom: 1px solid #ccc; } .tab_i_h .pplr_active { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-top: 0px; margin-left: 1px; border-right: none; background: #ccc; } .tab_h { width: 70%; } .pplr_red_wrapper div:not(.img_thumb_dropdown) .pplr-swatch-element, .pplr_red_wrapper .pplr-selecter-selected { border: 1px solid red!important; } .pplr_red_wrapper input, .pplr_red_wrapper select, .pplr_red_wrapper textarea { border: 1px solid red !important; } .jscroll i { font-size: 25px; color: #fff; background-color: rgba(0, 0, 0, 0.7); line-height: 33px; padding: 0px 6px; width: 33px; } .cstmfy_static .pplrgcolor { display: none; } .preffect { visibility: hidden; } .p_m_warning { float: left; width: 100%; text-align: center; padding: 10px; background: #fcf8e3; } .pplr_svg circle { stroke-dashoffset: 0; stroke: #fff; stroke-width: 1em; } .pplr_svg .pplr_bar { stroke: gray; } form .pplr_cont, form .addtocartbg .progress-title { position: relative; top: 100px; } .pplr-item-added { position: fixed; width: 100%; height: 50px; bottom: 0px; text-align: center; background: #ccc; padding: 10px; display: none; z-index: 9999999999999; } .pplr_option { display: none !important; } /* Our own glyph map for the few Font Awesome 4 icons the editor uses, so the crop/zoom/rotate toolbar never depends on the THEME shipping FA4 CSS (themes with FA5/6 or none rendered these as letters/boxes). Font: pFontAwesome (FA 4.7 webfont injected by the bundle). */ .pfa.fa-check:before { content: '\f00c'; } .pfa.fa-plus:before { content: '\f067'; } .pfa.fa-minus:before { content: '\f068'; } .pfa.fa-rotate-left:before { content: '\f0e2'; } .pfa.fa-rotate-right:before { content: '\f01e'; } .pfa.fa-trash-o:before { content: '\f014'; } .pfa.fa-close:before { content: '\f00d'; } .pfa.fa-crop:before { content: '\f125'; } .pfa.fa-align-left:before { content: '\f036'; } .pfa.fa-align-center:before { content: '\f037'; } .pfa.fa-align-right:before { content: '\f038'; } .pfa:before { font-family: pFontAwesome !important; font-weight: 400 !important; font-style: normal; } .pfa { display: inline-block; font-family: pFontAwesome !important; font-style: normal; line-height: 30px; font-size: inherit !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* The glyph font has ONE weight. A theme putting font-weight: bold, a text stroke or a shadow on links/icons made the browser fake-bold the glyph (fat X on some themes, thin on others): pin everything that changes the drawn stroke so the icon looks the same on every theme. */ font-weight: 400 !important; font-synthesis: none !important; -webkit-text-stroke: 0 !important; text-shadow: none !important; letter-spacing: 0 !important; text-transform: none !important; font-variant: normal !important; } .pplr_tab .pplr-wrapper { width: calc(100% - 10px); } .p_l_h { display: none; } .pplrjscolor { width: 0px; height: 0px !important; overflow: hidden; border: none !important; opacity: 0; padding: 0px !important; margin: 0px; position: absolute; } .easyzoom-flyout { display: none; } .tt-product-single-info .tt-row-custom-01, .single_variation_wrap { width: 100%; } .pplr_ex_inner .isboe { position: absolute; top: 10px; z-index: 99999999; right: 10px; border: none; padding: 0px; background: #fff; font-size: 25px; } .product-form__item--submit { min-width: 100px; } .single_variation_wrap { float: left; } #js-facebook-chat-iframe { max-width: 70px; max-height: 70px; } .product-form .payment-and-quantity--buttons-active { float: left; width: 100%; } .pplr_hide.p_a_t_c, .pplr_hide { display: none !important; } .img_thumb_dropdown .pplr_tag { display: none; } .pplr-color-select .pplrgcolor .pplr_deselect { background-color: inherit !important; } .k_full { position: relative; width: 100%; float: left; margin-bottom: 5px; min-height: auto; min-width: 100%; background: none; } .pplr-prev-left { text-align: center; background-color: #fff !important; position: relative; width: 100%; overflow: hidden; } .pplrabs { width: 100%; position: fixed; top: 0px; z-index: 3; } /* sticky bar holding the live preview (pplr_sticky_dock) */ .pplr-v3 .pplrabs.pplrabs_live { background-color: #fff; -ms-touch-action: pan-y; touch-action: pan-y; } .pplr-v3 .pplr_sticky_live { position: relative; width: 100%; height: 100%; overflow: hidden; background-color: #fff; } .pplr-v3 .pplrabs .pplr_preview_wrapper.pplr_sticky_docked { position: relative !important; left: 0 !important; top: 0 !important; margin: 0 auto !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; opacity: 1 !important; display: block !important; text-align: center; } .pplr-v3 .pplrabs .pplr_preview_wrapper.pplr_sticky_docked #pplr_canvas { position: relative; left: auto; top: auto; display: block; margin: 0 auto; width: auto; height: auto; max-width: 100%; max-height: 100%; } .pplr-v3 .pplr_sticky_placeholder { position: absolute; z-index: 999; overflow: hidden; pointer-events: none; } .pplr-v3 .pplr_sticky_placeholder img { display: block; max-width: 100%; max-height: 100%; } .pplr-modal-img { visibility: hidden; } .stopdance { left: 0px !important; } .product-form__controls-group { display: block; } .pplr-prev-left img { margin: 0 auto; width: auto; } .pplr-checkbox .pplrlabel { width: auto; } .pplr-checkbox .ptooltip { margin: 15px 5px; } [data-icon='gpicon-product-cartbutton'], [data-icon='gpicon-product-quantity'] { width: calc(100% - 20px); float: left; } [data-icon='gpicon-product-cartbutton'] ~ div { float: left; } .product-single .product-form-product-template { display: block; } .p_a_t_c { cursor: pointer; } .AddToCartForm .module-wrap { float: left; width: 100%; } .AddToCartForm .module-wrap[data-icon='gpicon-accordion'], .AddToCartForm .module-wrap[data-icon='gpicon-product-description'] { float: none; } #AddToCartForm-product #Quantity-product { float: left; width: 100%; } .pplr_tag { z-index: 2; } .product-quantity-w { float: left; display: block !important; margin-bottom: 30px; } .vrdisabled::before { content: var(--pplr-out-of-stock-text, 'Out of Stock'); position: absolute; z-index: 1; cursor: not-allowed; color: red; font-weight: bold; text-align: center; font-size: 12px; line-height: 14px; background: rgba(255, 255, 255, 0.8); bottom: 0px; border: 1px solid; border-radius: 5px; } .vrdisabled.pplr-selecter-selected { cursor: pointer; } .vrdisabled { position: relative; cursor: not-allowed; } .pplr_red_wrapper .pplr-drop-item { border-color: red; } .shopify-product-form .form__column:not(.quantity-selector) { width: 100%; } .pplr_notab { opacity: 0; height: 0px; } #sticky-wrapper .wrapper-navigation { z-index: 99 !important; } .product-form-grid.product-form-grid-radio { width: 100%; } .mfp-bg, .mfp-wrap { z-index: 99999999999999 !important; } .popup_exclusive #so-btn-add-to-cart-w, .popup_exclusive .so-quantity-selector-wrap { display: none; } .popup_exclusive .product-informations-alert { float: left; width: 100%; } #so-btn-add-to-cart-vanity-wrap { display: initial; } .popup_exclusive button[type=submit]:not(.pplr-c-button), .popup_exclusive .p_a_t_c:not(.pplr-c-button) { display: none; } .img_ptw .dn { display: block; } .pplr_no_price { display: none; } .cstmfy_static.pplr_show_preview { overflow: hidden !important; } .modalhalf { width: 50%; } canvas:empty { display: initial; } .popup_exclusive .shopify-payment-button__button, .popup_exclusive .shopify-payment-button { visibility: hidden !important; height: 0px !important; } .pplr-wrapper .minicolors-picker:empty { display: block; } .p_p_m_n { position: absolute; width: 100%; height: 100%; left: 0px; background: #fff; z-index: 999; color: red; } .pplr_preview_wrapper canvas { transform: none; } .pplr_preview_wrapper.pplr-view-sliding { position: relative; } .pplr-view-sliding .pplr_ov_layer { visibility: hidden !important; } .pplr_preview_wrapper.pplr-view-swipeable { -ms-touch-action: pan-y; touch-action: pan-y; } .pplr_preview_wrapper canvas.pplr-view-swipe-neighbour { z-index: 1; } .pplr_preview_wrapper canvas.pplr-view-swipe-blank { background-color: #fff; } .pplr-view-swiping canvas { will-change: transform; } .pplr_preview_wrapper canvas.pplr-view-pending { visibility: hidden; } .pplr_preview_wrapper canvas.pplr-view-out { z-index: 2; opacity: 1; } .pplr_preview_wrapper canvas.pplr-view-in { z-index: 1; } .pplr_preview_wrapper canvas.pplr-view-anim { transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.32s ease; } @media (prefers-reduced-motion: reduce) { .pplr_preview_wrapper.pplr-view-sliding canvas { transform: none !important; } .pplr_preview_wrapper canvas.pplr-view-anim { transition: opacity 0.15s ease; } } .pplr_parent { padding-top: 0.0% !important; } .pplr_atc_form .addtocartw { position: absolute; } .textBiggerSmaller a { cursor: pointer; } .product-personalizer a:not([href]), .pplr_crop-modal a:not([href]) { cursor: pointer !important; } .pplr_field_text_thumbnail .pplr_tab_wrapper { gap: 10px; display: flex; align-items: center; flex-wrap: wrap; width: 100%; background: transparent; margin-bottom: 10px; } .pplr_field_text_thumbnail .pplr_tab_wrapper { width: 100%; } .pplr_field_text_thumbnail .pplr_tab_wrapper .pplr_tab_index.pplr_active { background-color: #c1c1c1; margin-left: 0; } .pplr_field_text_thumbnail .pplr_tab_wrapper .pplr_tab_index { padding: 5px 12px; border: 1px solid #cfcfcf; background: #fff; width: auto; } .pplr_field_text_thumbnail .pplr_tab { border: none; padding: 0; } .pplr_prev_type_wrapper { position: absolute; bottom: 2px; gap: 10px; display: flex; align-items: center; justify-content: center; left: 0; width: 100%; z-index: 9; } .pplr_prev_type_wrapper .pplr-dot { width: 14px; height: 14px; border-radius: 100%; background: #ffffff; border: 1px solid #a6a6a6; box-shadow: 0 0 3px #797979; cursor: pointer; transition: all .2s; opacity: .4; } .pplr_prev_type_wrapper .pplr-dot.active { background: rgba(0, 128, 96, 1); width: 16px; height: 16px; } .pplr_prev_type_wrapper .pplr-dot:hover { opacity: 1; background: rgba(0, 128, 96, 1); } .pplr_prev_type_wrapper .pplr-image-thumbnail { width: auto; height: auto; max-height: 50px; max-width: 50px; padding: 2px; border-radius: 4px; overflow: hidden; cursor: pointer; } .pplr_prev_type_wrapper .pplr-image-thumbnail img { position: relative; width: 100%; height: 100%; visibility: visible; } .pplr_prev_type_wrapper .pplr-image-thumbnail:hover, .pplr_prev_type_wrapper .pplr-text-thumbnail:hover { background: #d3d3d345; } .pplr_prev_type_wrapper .pplr-image-thumbnail.active, .pplr_prev_type_wrapper .pplr-text-thumbnail.active { border: 2px solid #000; } .pplr_prev_type_wrapper .pplr-text-thumbnail { cursor: pointer; padding: 3px 6px; border-radius: 4px; max-width: 90px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pplr-v3 .pplr_prev_type_wrapper { gap: 0; } .pplr-v3 .pplr_prev_type_wrapper .pplr-preview-item { -webkit-flex-shrink: 0; flex-shrink: 0; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; } .pplr-v3 .pplr_prev_type_wrapper .pplr-dot + .pplr-dot { margin-left: 12px; } .pplr-v3 .pplr_prev_type_wrapper .pplr-text-thumbnail + .pplr-text-thumbnail { margin-left: 4px; } .pplr-v3 .pplr_prev_type_wrapper .pplr-image-thumbnail + .pplr-image-thumbnail { margin-left: 16px; } .pplr-v3 .pplr_prev_type_wrapper .pplr-dot { width: 10px; height: 10px; padding: 0; -webkit-border-radius: 50%; border-radius: 50%; background: #C8C8C8; border: none; -webkit-box-shadow: none; box-shadow: none; opacity: 1; -webkit-transition: background-color .2s; transition: background-color .2s; } .pplr-v3 .pplr_prev_type_wrapper .pplr-dot:hover { background: #A8A8A8; opacity: 1; } .pplr-v3 .pplr_prev_type_wrapper .pplr-dot.active, .pplr-v3 .pplr_prev_type_wrapper .pplr-dot.active:hover { width: 10px; height: 10px; background: #303030; } .pplr-v3 .pplr_prev_type_wrapper .pplr-text-thumbnail { max-width: 160px; padding: 8px 12px; font-size: 13px; font-weight: 400; line-height: 17px; color: #303030; background: transparent; border: 1px solid transparent; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color .2s, border-color .2s; transition: background-color .2s, border-color .2s; } .pplr-v3 .pplr_prev_type_wrapper .pplr-text-thumbnail:hover { background: #E8E8E8; } .pplr-v3 .pplr_prev_type_wrapper .pplr-text-thumbnail.active, .pplr-v3 .pplr_prev_type_wrapper .pplr-text-thumbnail.active:hover { background: #FFFFFF; border: 1px solid #C8C8C8; } .pplr-v3 .pplr_prev_type_wrapper .pplr-image-thumbnail { width: 50px; height: 50px; max-width: none; max-height: none; padding: 0; background: #F1F1F1; border: 1px solid #E3E3E3; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; -webkit-transition: border-color .2s; transition: border-color .2s; } .pplr-v3 .pplr_prev_type_wrapper .pplr-image-thumbnail img { display: block; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; -o-object-fit: cover; object-fit: cover; } .pplr-v3 .pplr_prev_type_wrapper .pplr-image-thumbnail:hover { background: #F1F1F1; border-color: #C8C8C8; } .pplr-v3 .pplr_prev_type_wrapper .pplr-image-thumbnail.active, .pplr-v3 .pplr_prev_type_wrapper .pplr-image-thumbnail.active:hover { border: 1px solid #005BD3; -webkit-box-shadow: 0 0 0 1.5px #FFFFFF; box-shadow: 0 0 0 1.5px #FFFFFF; } .pplr_arrows div { position: absolute; top: calc(50% - 8px); font-size: 16px; right: 3px; width: 30px; height: 30px; z-index: 999; opacity: .3; border-radius: 50%; color: #5C5F62; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; } .pplr_arrows .pplr_arrow_left { left: 3px; right: inherit; } .pplr_arrows div:hover { background: #dedede; opacity: 1; } /* classic popup, stacked layout: .pplr_arrows re-parented to the form by pplr_popup_arrows_fit() so the arrows sit in the free space beside a narrow image (the wrapper clips its overflow, so they could not simply be pushed outside it) */ .pplr_form > .pplr_arrows.pplr_arrows_out { position: absolute; left: 0; right: 0; height: 0; pointer-events: none; z-index: 999; } /* while the arrows live out in the form (flag on the form), a freshly rendered set inside the image box never shows — it is swapped out by pplr_popup_arrows_fit() before paint (no jump) */ .pplr_form[data-pplr-arrows-out] .pplr_preview_wrapper .pplr_arrows:not(.pplr_arrows_out), .pplr_form[data-pplr-arrows-out] .pplr_preview_final .pplr_arrows:not(.pplr_arrows_out) { visibility: hidden; } .pplr_form > .pplr_arrows.pplr_arrows_out div { pointer-events: auto; top: -15px; } .pplr_form > .pplr_arrows.pplr_arrows_out .pplr_arrow_left { left: var(--pplr-arrow-x, 6px); } .pplr_form > .pplr_arrows.pplr_arrows_out .pplr_arrow_right { right: var(--pplr-arrow-x, 6px); } .pplr_adding { position: relative; } .pplr_adding > *:not(#p_loading-spinner) { visibility: hidden; } #p_loading-spinner { display: none; } .pplr_adding #p_loading-spinner { display: block; position: absolute; left: 0px; right: 0px; margin: auto auto; top: 0px; bottom: 0px; } #p_loading-spinner { animation: p_loading-spinner 1s linear infinite; } @-webkit-keyframes p_loading-spinner { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes p_loading-spinner { from { -moz-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @-o-keyframes p_loading-spinner { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @keyframes p_loading-spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* -- Close button styles -- */ /* Header close - floats outside modal in dark overlay, top-right */ .p_h_d .pplr_close.p_r_c { display: inline-flex; align-items: center; justify-content: center; position: fixed; top: 0px; right: 20px; width: 44px; height: 44px; background: none; border: none; box-shadow: none; cursor: pointer; text-decoration: none; z-index: 99999; transition: opacity .2s, transform .15s; opacity: 0.85; } .p_h_d .pplr_close.p_r_c:hover { opacity: 1; transform: scale(1.12); } .p_h_d .pplr_close.p_r_c i { display: none; } .p_h_d .pplr_close.p_r_c::before, .p_h_d .pplr_close.p_r_c::after { content: ''; display: block; position: absolute; width: 22px; height: 2px; background: #fff; border-radius: 2px; pointer-events: none; } .p_h_d .pplr_close.p_r_c::before { transform: rotate(45deg); } .p_h_d .pplr_close.p_r_c::after { transform: rotate(-45deg); } /* Full screen popup - dark x (no dark overlay behind it) */ .pplrfullwidth .p_h_d .pplr_close.p_r_c { opacity: 0.65; } .pplrfullwidth .p_h_d .pplr_close.p_r_c:hover { opacity: 1; } .pplrfullwidth .p_h_d .pplr_close.p_r_c::before, .pplrfullwidth .p_h_d .pplr_close.p_r_c::after { background: #222; } /* Bottom bar close (portrait mobile) - plain x no background */ /* display is toggled via JS per portrait/landscape branch */ .pplr_ex_inner .pplr_close.c_h_m { align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; background: none; border-radius: 0; border: none; box-shadow: none; cursor: pointer; text-decoration: none; flex-shrink: 0; margin: 0; padding: 0; transition: opacity .2s, transform .15s; opacity: 0.75; position: relative; align-self: center; vertical-align: middle; top: auto; bottom: auto; } .pplr_ex_inner .pplr_close.c_h_m:hover { opacity: 1; transform: scale(1.12); } .pplr_ex_inner .pplr_close.c_h_m i { display: none; } .pplr_ex_inner .pplr_close.c_h_m::before, .pplr_ex_inner .pplr_close.c_h_m::after { content: ''; display: block; position: absolute; width: 22px; height: 2px; background: #222; border-radius: 2px; pointer-events: none; } .pplr_ex_inner .pplr_close.c_h_m::before { transform: rotate(45deg); } .pplr_ex_inner .pplr_close.c_h_m::after { transform: rotate(-45deg); } /* -- Fallback close button (injected when chatbox blocks bottom x) -- */ #pplr_fallback_close { position: fixed; z-index: 2147483647; width: 44px; height: 44px; padding: 0; background: none; border: none; cursor: pointer; align-items: center; justify-content: center; opacity: 0.85; left: auto; transition: opacity .2s; } #pplr_fallback_close:hover { opacity: 1; } #pplr_fallback_close span span { position: absolute; width: 22px; height: 2px; background: #222; border-radius: 2px; display: block; top: 10px; left: 0; } #pplr_fallback_close span span:first-child { transform: rotate(45deg); } #pplr_fallback_close span span:last-child { transform: rotate(-45deg); } /* -- Active-crop mode: cropper fills pplr-p-right, product preview stays visible -- */ /* pplr_mobile is the single controls bar for all popup sizes — always visible inside popup */ .pplr_crop-modal[data-main] .pplr_mobile { flex: 0 0 auto; height: auto; min-height: 60px; display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; background-color: #fff; padding: 14px 32px; } /* pplr-crop-mode is added to .pplr-modal-box by JS when crop opens, removed on close */ /* Hide ATC bar - crop fills space below product preview */ .pplr-modal-box.pplr-crop-mode .pplr_ex_button { display: none; } /* Hide other wrappers and sibling content inside the active wrapper */ .pplr-modal-box.pplr-crop-mode .pplr-modal-body .pplr-wrapper:not(.pplr-crop-active) { display: none; } .pplr-modal-box.pplr-crop-mode .pplr-wrapper.pplr-crop-active > *:not(.crop_header) { display: none; } /* pplr-p-right: height set by JS = modal.height() - p-left.outerHeight() */ .pplr-modal-box.pplr-crop-mode .pplr-p-right { max-height: none; overflow: hidden; width: 100%; float: none; margin-top: 8px; } /* Everything inside pplr-p-right cascades height: 100% from the JS-set value. Margins must be 0 — any vertical margin causes content to overflow the clipped boundary. */ .pplr-modal-box.pplr-crop-mode .pplr-modal-body, .pplr-modal-box.pplr-crop-mode .pplr-wrapper.pplr-crop-active { height: 100%; max-height: none; overflow: hidden; width: 100%; margin: 0; padding: 0; } /* crop_header: height set by JS as a fixed pixel value (height:100% does not constrain Croppie canvas) */ .pplr-modal-box.pplr-crop-mode .crop_header { position: relative; display: block; width: 100%; /* height: intentionally omitted - set by JS inline style */ max-height: none; overflow: hidden; } .pplr-modal-box.pplr-crop-mode .pplr_h_title, .pplr-modal-box.pplr-crop-mode .pplr_tab_wrapper { display: none; } .pplr-modal-box.pplr-crop-mode .pplr_tab { border: none; padding: 0px; margin-bottom: 0px; } .pplr-modal-box.pplr-crop-mode .pplr-p-right { padding-bottom: 10px; } .pplr-modal-box.pplr-crop-mode .tab_h { width: 100%; } .pplr-modal-box.pplr-crop-mode .pplr-modal-image { display: block; width: 100%; /* height: set by JS inline style (chH - 70px) */ max-height: none; overflow: hidden; position: relative; /* Croppie .cropper-container is position:absolute - must be clipped here */ } /* Controls row flows naturally after modal-image (absolute caused off-screen on miscalculated containers) */ .pplr-modal-box.pplr-crop-mode .crop_header > header { position: relative; height: 60px; z-index: 5; background: #fff; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; padding: 14px 32px; box-sizing: border-box; } /* -- Crop popup: base flex layout — applies to all screen sizes -- */ /* Makes pplr-modal-box a flex column so the top header (p_h_d) is always visible and pplr-main fills the remaining space. */ /* Top header (close button / title): always pinned at top */ .pplr_crop-modal[data-main] .pplr-popup.pplr-modal-box > header { flex: 0 0 auto; width: 100%; } /* pplr-main fills remaining space below top header */ .pplr_crop-modal[data-main] .pplr-main { min-height: 0; height: 100%; max-height: none; overflow: hidden; width: 100%; max-width: 100%; padding: 40px 10px 0; box-sizing: border-box; } .cropper-crop-box, .cropper-container { max-height: 100%; } /* -- Desktop popup layout (> 768px): p-left | p-right side by side, equal height -- */ @media screen and (min-width: 769px) { /* Row layout — align-items:stretch makes both columns same height */ .pplr_crop-modal[data-main] .pplr_desktop { display: none !important; } } /* -- Crop-image popup layout (portrait/mobile, _CP[10] < 3) -- */ /* .pplr_crop-modal[data-main] is the single-image crop popup created on upload. Flex column ensures header.pplr_mobile (controls) always sits at the bottom and is never clipped by overflow:hidden on the modal box. CSS overrides the JS inline heights set by pplr_modal_correct(). */ @media screen and (max-width: 768px) { .pplr-modal-box.pplr-crop-mode .crop_header > header { height: 65px; } .a_p_t_c .a_p_t { width: 100%; } .pplr-crop-area { overflow: auto; } .pplr_crop-modal[data-main] .pplr-main { padding: 20px 10px 0; } .pplr_crop-modal .pplr-p-left { flex: 0 0 auto; /* takes its natural height */ } .pplr_crop-modal .pplr-main, .pplr-main > form.pplr_form { display: flex !important; flex-direction: column; height: 100%; } .pplr_crop-modal .pplr-p-right { flex: 1; max-height: 100%; overflow: auto; } .pplr-crop-mode .pplr-p-right { height: 100% !important; } .pplr_crop-modal[data-main] .pplr-main { flex-direction: column; } .pplr_crop-modal[data-main] .pplr_desktop { display: none !important; } /* ex button */ .pplr_ex_button { background-color: #fff; padding-top: 12px; padding-bottom: calc(12px + env(safe-area-inset-bottom)); } /* inner container */ .pplr_ex_inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; width: 100%; box-sizing: border-box; } /* all children */ .pplr_ex_inner > * { align-self: center; vertical-align: middle; } /* close button */ .pplr_ex_inner .pplr_close.c_h_m { display: inline-flex; } /* buttons */ .pplr_ex_inner .pplr-btn, .pplr_ex_inner .p_a_t_c { margin: 0; } } .pplr_ex_inner { position: relative; } .pplr_ex_inner:has(#pplr-atc-line:not([style*='display:none'])) { padding-top: 15px; } .pplr_ex_inner #pplr-atc-line { position: absolute; top: 5px; } /* -- Responsive modal side padding -- */ /* JS baseline is 10px; CSS overrides horizontal padding per breakpoint */ @media screen and (max-width: 600px) { .pplr-modal-box:not(.pplrfullwidth) { padding-left: 20px !important; padding-right: 20px !important; } } @media screen and (min-width: 601px) { .pplr-modal-box:not(.pplrfullwidth) { padding-left: 30px !important; padding-right: 30px !important; } } .pplr_popup_image { visibility: hidden; } #p_loading-spinner { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; animation: p_loading-spinner 1s linear infinite; } @-webkit-keyframes p_loading-spinner { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes p_loading-spinner { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes p_loading-spinner { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @keyframes p_loading-spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .flatpickr-calendar.open { z-index: 99999999999 !important; } #pplr-preview .pplr_preview_wrapper { opacity: 1; } .pplr-datepicker { position: relative; float: left; width: 100%; cursor: pointer; margin-bottom: 10px; } .pplr-datepicker svg { position: absolute; right: 6px; width: 18px; height: 18px; top: calc(50% - 8px); fill: rgb(169, 169, 169); } .pplr-wrapper .pplr-datepicker input.pplr_text { margin-bottom: 0px; background-color: transparent; } .pplr-datepicker { position: relative; float: left; width: 100%; cursor: pointer; margin-bottom: 10px; } .pplr-datepicker .pplr_monogram { background-color: transparent; } .pplr-datepicker svg { position: absolute; right: 6px; width: 18px; height: 18px; top: calc(50% - 8px); fill: rgb(169, 169, 169); z-index: -1; } .pplr-datepicker input::-webkit-inner-spin-button, .pplr-datepicker input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; }body { --pplr-field-border-radius: 0px; --pplr-swatch-border-radius: 8px; --pplr-label-font-size: 14px; --pplr-label-font-weight: 600; } .product-personalizer { min-width: 100%; } .pplr-v3 .pplr-wrapper { margin-bottom: 22px; } .pplr-v3 .pplr-wrapper.pplr-spacer, .pplr-v3 .pplr-wrapper.cstmfy_static, /* only the LAST option of the whole form loses its bottom margin, not the last one of a view tab group (that left the first field of the next group touching an upload drop zone) */ .pplr-v3 .product-personalizer .pplr-wrapper:not(.pplr_tab .pplr-wrapper):not(:has(~ .pplr-wrapper)):not(:has(~ .pplr_tab .pplr-wrapper)), .pplr-v3 .product-personalizer .pplr_tab:not(:has(~ .pplr_tab .pplr-wrapper)):not(:has(~ .pplr-wrapper)) .pplr-wrapper:not(:has(~ .pplr-wrapper)) { margin-bottom: 0 !important; } /* view switch swaps the field panel; without this the browser scroll anchoring moves the page */ .pplr-v3 .product-personalizer, .pplr-v3 .pplr_preview_wrapper, .pplr-v3 .pplr-wrapper, .pplr-v3 .pplr_tab { overflow-anchor: none; } .pplr-v3 .product-personalizer .pplr_monogram { margin-bottom: 0px; } .pplr-v3 .vrdisabled::before { content: ''; position: absolute; inset: -1.5px; background: linear-gradient( 135deg, transparent 49%, #868686 49%, #868686 51%, transparent 51% ), #ffffff80; border: none; color: unset; font-weight: unset; text-align: unset; font-size: unset; line-height: unset; border-radius: inherit; opacity: 1; z-index: 3; pointer-events: none; } .pplr-v3 .pplr-selecter-selected.dropdowncolor.vrdisabled::before, .pplr-v3 :is(.c_drop_list, .img_thumb_dropdown) .vrdisabled::before { content: none; } .pplr-v3 .c_drop_list .pplr-selecter-item.vrdisabled::after, .pplr-v3 .img_thumb_dropdown .vrdisabled .img_dropdown::after { content: var(--pplr-out-of-stock-text, 'Out of Stock'); flex: 0 0 auto; max-width: 50%; padding-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #FF0207; font-size: 13px; line-height: 1; font-weight: 450; } .pplr-v3 .pplr-selecter-selected.dropdowncolor.vrdisabled .pplr-selecter-selected-label::after, .pplr-v3 .pplr-selecter-selected.dropdowncolor.vrdisabled .dcolorname::after { content: var(--pplr-out-of-stock-text, 'Out of Stock'); position: absolute; top: 50%; right: 38px; transform: translateY(-50%); max-width: var(--pplr-oos-badge-w, 90px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #FF0207; font-size: 13px; line-height: 1; font-weight: 450; pointer-events: none; } .pplr-v3 .pplr-selecter-selected.dropdowncolor.vrdisabled .pplr-selecter-selected-label, .pplr-v3 .pplr-selecter-selected.dropdowncolor.vrdisabled .dcolorname { position: relative; padding-right: calc(38px + var(--pplr-oos-badge-w, 90px) + 8px); } .pplr-v3 :is(.c_drop_list, .img_thumb_dropdown) .vrdisabled :is(.color-drop, .pplr-selecter-selected-label) { display: block; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal; } .pplr-v3 .pplr-selecter-selected.dropdowncolor.vrdisabled .ppsrc, .pplr-v3 .pplr-selecter-selected.dropdowncolor.vrdisabled .colorminithumb, .pplr-v3 :is(.c_drop_list, .img_thumb_dropdown) .vrdisabled :is(.ppsrc, .colorminithumb, .color-drop, .pplr-selecter-selected-label) { opacity: 0.45; } .pplr-v3 .pplrloading .pplr-swatch-element { background: none !important; } .pplr-v3 .cp-sel-Photos .swtooltip { border: 1px solid grey; background: #ffffff !important; } .pplr-v3 .pplr-p-right label, .pplr-v3 .pplr-p-right .textBiggerSmaller { color: #000000; } .pplr-v3 .pplr_loader { text-indent: -9999em; background: url('https://cdn-zeptoapps.com/product-personalizer/resources/images/gears.gif') !important; background-repeat: no-repeat !important; background-position: center !important; min-height: 100px; width: 100%; height: 100%; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; z-index: 999; position: absolute; min-width: 200px; min-height: 200px; background-color: rgba(255,255,255,0.5); } .pplr-v3 .addtocartw { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(255,255,255,.5); display: block; z-index: 999; background-image: url('https://cdn-zeptoapps.com/product-personalizer/loading7_gray.gif'); width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 100px; background-size: 100px; } .pplr-v3 .pplr-wrapper label { width: 100%; margin: 0; padding: 0 0 12px 0; text-align: left; float: left; font-size: var(--pplr-label-font-size, 14px); font-weight: var(--pplr-label-font-weight, 600); line-height: 1; letter-spacing: 0; color: var(--pplr-label-color, #171717); cursor: pointer; display: flex; align-items: center; gap: 5px; } /* .pplr-v3 .pplr-wrapper.pplr-checkbox .pplrlabel { align-items: flex-start; } */ .pplr-v3 .pplr-wrapper.pplr-checkbox .pplrlabel .pplrcheckbox { margin: 1.125px 3px 3px 4px; } .pplr-v3 .pplr-wrapper .pplr_checkbox_l, .pplr-v3 .pplr-wrapper.pplr-radio-group .pplr_checkbox_l { padding: 0px 0px; display: flex; justify-content: start; align-items: flex-start; margin-bottom: 12px; } .pplr-v3 .pplr-wrapper.pplr-radio-group .pplr_checkbox_l { align-items: center; } .pplr-v3 .pplr-wrapper .pplr_checkbox_l:is(:last-child), .pplr-v3 .pplr-wrapper.pplr-radio-group .pplr_checkbox_l:is(:last-child) { margin-bottom: 0px; } .pplr-v3 .pplr-wrapper .pplr-checkbox-item { min-height: auto; } .pplr-v3 .jscroll ul { list-style: none; text-align: left; float: left; padding: 0px; margin: 0px; } .pplr-v3 .cp-sel-Photos:not(.file-upload-wrapper-pplr) li { float: left; height: 56px; border: 0.66px solid var(--pplr-field-border-color, #B5B5B5); border-radius: var(--pplr-field-border-radius, 0); position: relative; background-size: cover; } .pplr-v3 .pplr-drop-item { display: inline-flex; align-items: center; justify-content: center; min-width: 82px; min-height: 36px; padding: 7px 12px; margin-right: 7px; margin-bottom: 7px; border: 0.5px solid var(--pplr-field-border-color, #ADADAD); border-radius: var(--pplr-field-border-radius, 0); background: #FFFFFF; cursor: pointer; box-sizing: border-box; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; text-align: center; color: #1A1A1A; transition: all 0.2s ease; } .pplr-v3 .pplr-drop-item.active { background: var(--pplr-active-swatch-bg, #1A1A1A); border-color: var(--pplr-active-swatch-border-color, #1A1A1A); color: #FFFFFF; } .pplr-v3 .pplr-drop-item.active .pplr-choice-label { color: #FFFFFF; } .pplr-v3 .pplr_crop-modal { display: none; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0 !important; right: 0; bottom: 0; left: 0; z-index: 999999999; background-color: rgba(0, 0, 0, 0.75); background-image: url('https://cdn-zeptoapps.com/product-personalizer/loading.gif'); background-repeat: no-repeat; background-position: center; max-width: 100%; } .pplr-v3 .jscroll { float: left; } .pplr-v3 span.pplrColor.selected, .pplr-v3 span.pplrimage.selected { padding: 2px; border-color: var(--pplr-active-swatch-border-color, #303030); box-shadow: inset 0 0 0 4.25px #fff; border-radius: revert-rule; box-sizing: border-box; } .pplr-v3 span.pplrColor { width: 40px; height: 40px; padding: 2px; margin: 0 7px 10px 0 !important; display: inline-block; float: left; border: 1.5px solid var(--pplr-swatch-border-color, #DDDDDD); box-shadow: inset 0 0 0 2.25px #fff; cursor: pointer; box-sizing: border-box; } .pplr-v3 .pplr-swatch-main.custom-size .pplr-swatch-element, .pplr-v3 .pplr-swatch-main .custom-size.pplr-swatch-element { width: var(--custom-width, 32px)!important; height: var(--custom-height, 32px)!important; } .pplr-v3 .pplr-swatch-main.custom-rect .pplr-swatch-element, .pplr-v3 .pplr-swatch-main .custom-rect.pplr-swatch-element { border-radius: 0!important; } .pplr-v3 span.pplrimage { border: 1.5px solid var(--pplr-swatch-border-color, #DDDDDD); box-shadow: inset 0 0 0 2.25px #fff; cursor: pointer; margin: 2px 4px; float: left; display: inline-block; } .pplr-v3 span.pplrColor, .pplr-v3 span.pplrimage { transition: border-color 0.2s ease, box-shadow 0.2s ease, border-radius 0.2s ease, padding 0.2s ease, transform 0.15s ease; } .pplr-v3 :is( .color_image_display_circle:not(.custom-size), .color_display_circle:not(.custom-size), .img_thumb_small > .pplrimage, .img_thumb_small_circle > .pplrimage ) { width: 40px !important; height: 40px !important; } .pplr-v3 :is( .color_image_display_box_big, .color_image_display_circle_big, .img_thumb_big > .pplrimage, .img_thumb_big_circle > .pplrimage ) { width: 72px !important; height: 72px !important; } .pplr-v3 :is( .color_image_display_circle, .color_display_circle, .img_thumb_big_circle > .pplrimage, .img_thumb_small_circle > .pplrimage ) { border-radius: 50% !important; } .pplr-v3 :is( :not(.custom-rect):not(.img_thumb_small_circle):not(.img_thumb_big_circle) > .pplrimage, .pplrColor:not(.custom-rect):not(.color_image_display_circle):not(.color_image_display_circle_big) ) { border-radius: var(--pplr-swatch-border-radius, 0px); } .pplr-v3 .pplr-color-select .pplrgcolor .pplr-swatch-element { background-position: center center; background-size: cover; background-repeat: no-repeat; } .pplr-v3 .pplr-color-select .img_thumb_dropdown .pplr-swatch-element { background-color: #fff; } .pplr-v3 .pplr-selecter-options, .pplr-v3 .img_thumb_dropdown { border: 1px solid var(--pplr-field-border-color, #BDBDBD); border-radius: var(--pplr-field-border-radius, 0); box-shadow: 0px 4px 6px -2px #00000008, 0px 12px 16px -4px #00000014; display: none; left: 0; margin: 0; max-height: 260px; overflow: auto; overflow-x: hidden; padding: 0; position: absolute; top: 100%; width: 100%; background: #FFFFFF; z-index: 10; } @supports (position-anchor: --selected) { .pplr-v3 .pplr-selecter-selected { anchor-name: --selected; } .pplr-v3 .pplr-selecter-options, .pplr-v3 .img_thumb_dropdown { position-anchor: --selected; left: calc(anchor(left) + 38px + 6px); top: anchor(bottom); width: calc(100% - 6px - 38px); } .pplr-v3 .pplr-dropdown .pplr-selecter-options, .pplr-v3 .pplr-font-select .pplr-selecter-options, .pplr-v3 .pplr-selecter-selected:not(:has(.ppsrc,.colorminithumb))+:is(.pplr-selecter-options, .img_thumb_dropdown) { left: anchor(left); width: 100%; } } .pplr-v3 .pplr-font-select .pplr-selecter-options { z-index: 5; } .pplr-v3 .pplrfontthumb .pplr-selecter-options { z-index: 3 !important; top: 0px; background: transparent; } .pplr-v3 .pplr-selecter-item, .pplr-v3 .img_thumb_dropdown .pplr-swatch-element { position: relative; background: #fff; border: none; color: #333; cursor: pointer; display: flex; justify-content: start; align-items: center; gap: 8px; margin: 0; overflow: hidden; padding: 10px 14px 10px 14px; text-overflow: ellipsis; width: 100%; background-image: none !important; box-shadow: none; border-radius: 0 !important; } .pplr-v3 .pplr-selecter-item .color-drop, .pplr-v3 .img_dropdown .pplr-selecter-selected-label { flex: 1 1 auto; min-width: 0; word-break: break-word; display: flex; align-items: center; gap: 8px; } .pplr-v3 .selected-font { background: #F0F0F0; } .pplr-v3 .pplr-selecter-item:hover, .pplr-v3 .img_thumb_dropdown .pplr-swatch-element:hover { background: #FAFAFA; } .pplr-v3 .pplr-selecter-selected { background: transparent; border: none; padding: 0; border-radius: var(--pplr-field-border-radius, 0); height: 38px; } .pplr-v3 .ppsrc, .pplr-v3 .colorminithumb, .pplr-v3 .pplr-selecter-selected .ppsrc { width: 32px; height: 32px; float: left; display: inline-block; border: 1px solid #eee; border-radius: var(--pplr-field-border-radius, 0); margin-top: 0px; background-repeat: no-repeat; background-size: cover; flex: 0 0 auto; } .pplr-v3 .pplr-selecter-selected.dropdowncolor { display: flex; align-items: stretch; gap: 6px; width: 100%; box-sizing: border-box; cursor: pointer; } .pplr-v3 .pplr-selecter-selected.dropdowncolor .colorminithumb, .pplr-v3 .pplr-selecter-selected.dropdowncolor .ppsrc { flex: 0 0 auto; align-self: stretch; display: block; width: 38px; height: 38px; margin-right: 0; box-sizing: border-box; border: none; border-radius: var(--pplr-field-border-radius, 0); overflow: hidden; background-size: cover; /* covers the .webp background case */ background-position: center; background-repeat: no-repeat; } .pplr-v3 .ppsrc img, .pplr-v3 .pplr-selecter-selected.dropdowncolor .ppsrc img { display: block; width: 100%; height: 100%; object-fit: cover; border: 0; margin: 0; padding: 0; max-width: none; max-height: none; /* host themes love `img{max-width:100%}` */ } .pplr-v3 .pplr-font-select .pplr-selecter-selected, .pplr-v3 .pplr-selecter-selected.dropdowncolor .dcolorname, .pplr-v3 .pplr-selecter-selected.dropdowncolor .pplr-selecter-selected-label { flex: 1 1 auto; min-width: 0; display: block; box-sizing: border-box; padding: 10px 38px 10px 14px; border: 1px solid var(--pplr-field-border-color, #7D7D7D) !important; border-radius: var(--pplr-field-border-radius, 0); background-color: #fff; background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2210%22 height=%226%22 viewBox=%220 0 10 6%22%3E%3Cpath d=%22M1 1L5 5L9 1%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: right 13px center; font-size: 15px; line-height: 1; color: var(--pplr-input-color, #1a1a1a); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: border-color .15s ease; } .pplr-v3 .pplr-font-select .pplr-selecter-selected:focus, .pplr-v3 .pplr-selecter-selected.dropdowncolor .dcolorname:focus, .pplr-v3 .pplr-selecter-selected.dropdowncolor .pplr-selecter-selected-label:focus { border-color: #121212; } .pplr-v3 .pplr-selecter-selected.dropdowncolor:hover .dcolorname, .pplr-v3 .pplr-selecter-selected.dropdowncolor:hover .pplr-selecter-selected-label { border-color: #000; } .pplr-v3 .pplr-selecter-selected.dropdowncolor.open .dcolorname, .pplr-v3 .pplr-selecter-selected.dropdowncolor.open .pplr-selecter-selected-label { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2214%22 height=%228%22 viewBox=%220 0 14 8%22 fill=%22none%22%3E%3Cpath d=%22M1 7L7 1L13 7%22 stroke=%22%231a1a1a%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); } .pplr-v3 .pplr-swatch-main label { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; min-width: { { width; } } !important; height: { { height; } } !important; margin: 0; border: #ccc 1px solid; background-color: #ddd; font-size: 13px; text-align: center; line-height: { { height; } } white-space: nowrap; text-transform: uppercase; } .pplr-v3 .pplr-swatch-element label { padding: 0 10px; } .pplr-v3 .color.pplr-swatch-element label { padding: 0; } .pplr-v3 .pplr-swatch-main input:checked + label { -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.8); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.8); box-shadow: 0px 1px 2px rgba(0,0,0,0.8); border-color: transparent; } .pplr-v3 .pplr-swatch-main .pplr-swatch-element { float: left; -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; margin: 0px 10px 10px 0; position: relative; z-index: 2; border-radius: var(--pplr-field-border-radius, 0); } .pplr-v3 .pplr-swatch-main .pplr-swatch-element.soldout label { filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; } .pplr-v3 .pplr-swatch-main .swtooltip { text-align: center; background: #ffffff; bottom: 100%; padding: 10px; display: none; position: absolute; width: 100px; left: -28px; margin-bottom: 15px; border-radius: var(--pplr-field-border-radius, 0); -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); z-index: 2; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: black; max-width: none; word-wrap: break-word; } .pplr-v3 .pplrimage .swtooltip { width: 200px; left: -80px; } .pplr-v3 .pplr-swatch-main .swtooltip:before { border-left: solid transparent 10px; border-right: solid transparent 10px; top: -10px; content: ' '; height: 0; left: var(--pplr-tt-arrow, 50%); margin-left: var(--pplr-tt-arrow-margin, -13px); position: absolute; width: 0; } .pplr-v3 .pplr-swatch-main .swtooltip:after { content: ' '; position: absolute; height: 0; width: 0; left: var(--pplr-tt-arrow, 50%); margin-left: 0; transform: translateX(-50%); border-left: solid transparent var(--pplr-tt-arrow-size, 10px); border-right: solid transparent var(--pplr-tt-arrow-size, 10px); filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.1)); } .pplr-v3 .pplr-swatch-main .swtooltip.before:after { border-top: solid #ffffff var(--pplr-tt-arrow-size, 10px); border-bottom: none; bottom: calc(var(--pplr-tt-arrow-size, 10px) * -1); top: auto; filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.1)); } .pplr-v3 .pplr-swatch-main .swtooltip.after { margin-top: 15px; margin-bottom: 0; } .pplr-v3 .pplr-swatch-main .swtooltip.after:after { border-bottom: solid #ffffff var(--pplr-tt-arrow-size, 10px); border-top: none; top: calc(var(--pplr-tt-arrow-size, 10px) * -1); bottom: auto; filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.1)); } .pplr-v3 .pplr-swatch-main .swtooltip.after:before { border-bottom: solid #ffffff var(--pplr-tt-arrow-size, 10px); filter: drop-shadow(0px -5px 3px rgba(0, 0, 0, 0.1)); } .pplr-v3 .pplr-swatch-main .vrdisabled .swtooltip * { display: none; } .pplr-v3 .pplr-swatch-main .vrdisabled .swtooltip:before { content: var(--pplr-out-of-stock-text, 'Out of Stock'); display: block; color: #FF0207; white-space: normal; border: none; height: unset; margin: unset; width: auto; max-width: none; white-space: normal; position: static; } @media screen and (min-width: 640px) { .pplr-v3 .pplr-swatch-main .pplr-swatch-element:hover .swtooltip { filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } .pplr-v3 .pplr-hide .crop_header, .pplr-v3 .pplr-hide .pplr-swatch-main, .pplr-v3 .pplr-hide input, .pplr-v3 .pplr-hide select, .pplr-v3 .pplr-hide textarea, .pplr-v3 .pplr-hide .pplr-selecter-selected, .pplr-v3 .pplr-hide .pplr-selecter-options, .pplr-v3 .pplr-hide .key_layout_sub, .pplr-v3 .pplr-hide .key_layout, .pplr-v3 .pplr-hide .textBiggerSmaller, .pplr-v3 .pplr-hide .pplr-btn-group, .pplr-v3 .pplr-hide .pplr-character-count, .pplr-v3 .pplr-hide .minicolors, .pplr-v3 .pplr-hide .pplr-cp, .pplr-v3 .pplr-hide .jscroll, .pplr-v3 .pplr-hide .pplr-drop-item, .pplr-v3 .pplr-hide .pplr_ins { position: absolute !important; visibility: hidden; z-index: -10000; height: 0px; width: 0px; overflow: hidden; animation: none !important; transition: none; } .pplr-v3 .pplr_ins { color: #79808D; } .pplr-v3 .pplrfontthumb .pplr-selecter-selected { display: none; } .pplr-v3 .pplr_thumb_image .pplr-selecter-options, .pplr-v3 .pplrfontthumb .pplr-selecter-options, .pplr-v3 .pplrcolorimage .pplr-selecter-options { display: block; position: relative; width: 100%; float: left; border: 0px; box-shadow: none; border-radius: 0px; } .pplr-v3 .pplr_thumb_image .pplr-selecter-options { margin-bottom: 10px; } .pplr-v3 .pplr-selecter-options.pplr_tag { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; width: 100%; padding: 0; gap: 12px; box-sizing: border-box; background-color: transparent; overflow: visible!important; margin-bottom: 20px; z-index: 1; } .pplr-v3 .pplr_thumb_image .pplr-selecter-item, .pplr-v3 .pplrfontthumb .pplr-selecter-item, .pplr-v3 .pplrcolorimage .pplr-selecter-item { display: inline-flex; align-items: center; justify-content: center; min-width: 82px; min-height: 38px; padding: 10px 12px; margin-right: 7px; margin-bottom: 7px; border: 0.5px solid var(--pplr-field-border-color, #ADADAD); border-radius: var(--pplr-field-border-radius, 0); background: #FFFFFF; cursor: pointer; box-sizing: border-box; font-size: 14px; font-weight: 500; line-height: 18px; letter-spacing: 0; text-align: center; color: #1A1A1A; transition: all 0.2s ease; width: auto; float: left; } .pplr-v3 .pplrfontthumb .selected-font { background: var(--pplr-active-swatch-bg, #1A1A1A); border-color: var(--pplr-active-swatch-border-color, #1A1A1A); color: #FFFFFF; } .pplr-v3 .pplr_crop-modal.pplr-ov-fullwidth .pplr-p-left { display:none !important; } .pplr-v3 .pplr_crop-modal.pplr-ov-fullwidth .pplr-p-right { width:100% !important; float:none !important; } .pplr-v3 .pplr_select, .pplr-v3 .pplr_text { appearance: none; -webkit-appearance: none; -moz-appearance: none; opacity: 1; } .pplr-v3 .q_f label { text-align: left; width: auto; float: left; padding-right: 10px; } @media screen and (max-width: 768px) { .pplr-v3 .img_thumb_big span.pplrimage { width: 50px; height: 50px; } } .pplr-v3 .pplr-wrapper select { width: 100%; height: 38px; display: flex; align-items: center; gap: 8px; padding: 10px 40px 10px 14px; font-size: 16px; font-weight: 400; line-height: 1; color: var(--pplr-input-color, #171717); border-radius: var(--pplr-field-border-radius, 0); border: 1px solid var(--pplr-field-border-color, #7D7D7D) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); cursor: pointer; position: relative; box-sizing: border-box; margin-bottom: 0; transition: border-color .2s ease, box-shadow .2s ease; background: #FFFFFF; background: center / contain no-repeat url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2210%22 height=%226%22 viewBox=%220 0 10 6%22%3E%3Cpath d=%22M1 1L5 5L9 1%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: right 14px center; background-size: 10px 6px; text-overflow: ellipsis; white-space: nowrap; } .pplr-v3 .pplr_text, .pplr-v3 .pplr-cp { width: 100%; height: 38px; resize: vertical; padding: 10px 14px; border: 1px solid var(--pplr-field-border-color, #7D7D7D) !important; border-radius: var(--pplr-field-border-radius, 0); background: #FFFFFF; font-size: 16px; line-height: 1; color: var(--pplr-input-color, #171717); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); outline: none; transition: box-shadow 0.2s ease, border-color 0.2s ease; box-sizing: border-box; } .pplr-v3 .pplr_text::placeholder { font-weight: 400; font-size: 16px; line-height: 1; letter-spacing: 0; color: #737373; opacity: 1; } .pplr-v3 .pplr_text:focus, .pplr-v3 .pplr_text:active, .pplr-v3 .pplr-cp:focus-within { border-color: #D4D4D4; box-shadow: 0 0 0 4px #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.05); } .pplr-v3 .pplr-cp { display: flex; align-items: center; gap: 7px; padding: 6px; resize: none; cursor: pointer; } .pplr-v3 .pplr-cp.pplr-cp-invalid { border-color: #FF0207 !important; } .pplr-v3 .pplr-cp-native { flex: 0 0 auto; width: 35px; height: 100%; padding: 0; margin: 0; border: 0; background: none; border-radius: var(--pplr-field-border-radius, 0); cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .pplr-v3 .pplr-cp-native::-webkit-color-swatch-wrapper { padding: 0; } .pplr-v3 .pplr-cp-native::-webkit-color-swatch { border: 0; border-radius: inherit; } .pplr-v3 .pplr-cp-native::-moz-color-swatch { border: 0; border-radius: inherit; } /* no colour chosen yet — same diagonal-slash treatment as .vrdisabled */ .pplr-v3 .pplr-cp.pplr-cp-empty .pplr-cp-native::-webkit-color-swatch { background-color: transparent !important; } .pplr-v3 .pplr-cp.pplr-cp-empty .pplr-cp-native::-moz-color-swatch { background-color: transparent !important; } .pplr-v3 .pplr-cp.pplr-cp-empty .pplr-cp-native { background: linear-gradient( to bottom right, transparent 49%, #868686 49%, #868686 51%, transparent 51% ), #FFFFFF; box-shadow: inset 0 0 0 1px #DDDDDD; } /* the value holder is no longer hidden — it IS the hex text */ .pplr-v3 .pplr-cp .jscolor { visibility: visible; text-indent: 0; flex: 1 1 auto; width: auto; height: auto; min-height: 0; margin: 0 !important; padding: 0; border: 0; background: none; box-shadow: none; outline: none; font-size: 16px; line-height: 1; color: #757575; } .pplr-v3 .pplr-cp-clear { flex: 0 0 auto; display: none; align-items: center; justify-content: center; width: 20px; height: 20px; margin: 0 2px 0 0; padding: 0; border: 0; background: none; color: #121212; cursor: pointer; } .pplr-v3 .pplr-cp.pplr-cp-modified .pplr-cp-clear { display: flex; } .pplr-v3 .pplr-cp-clear svg { width: 12px; height: 12px; display: block; } .pplr-v3 .img_thumb_dropdown .pplr-swatch-element { display: block; border-radius: none !important; margin: 0 !important; } .pplr-v3 .pplr-selecter-options .pplr-selecter-item.selected, .pplr-v3 .img_thumb_dropdown .selected { padding: 10px 40px 10px 14px !important; border: none !important; border-radius: 0 !important; outline: none !important; outline-offset: none !important; background: #F0F0F0 !important; box-shadow: none !important; } .pplr-v3 .pplr-selecter-options .pplr-selecter-item.selected::after, .pplr-v3 .img_thumb_dropdown .selected::after { content: ''; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 16px; height: 12px; background: center / contain no-repeat url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2212%22 viewBox=%220 0 16 12%22%3E%3Cpath d=%22M1 6L5.5 10.5L15 1%22 stroke=%22%23171717%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 fill=%22none%22/%3E%3C/svg%3E'); } .pplr-v3 .img_thumb_dropdown .swtooltip { display: none; } .pplr-v3 .pplr_tag .pplr-selecter-item { padding: 0 10px; } .pplr-v3 .pplr-selecter-options.pplr_tag .pplr-selecter-item { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 26px; min-width: unset; min-height: unset; padding: 3px 7px; box-sizing: border-box; font-style: normal; font-size: 13px; line-height: 20px; letter-spacing: 0.5px; color: var(--pplr-input-color, #171717); flex: none; margin: 0; border: none; border-radius: var(--pplr-field-border-radius, 0); background: transparent; float: unset; white-space: nowrap; } .pplr-v3 .pplr-selecter-options.pplr_tag .pplr-selecter-item:hover { background: #FAFAFA; } .pplr-v3 .pplr-selecter-options.pplr_tag .pplr-selecter-item.active { background: #f0f0f0; font-weight: 500; } .pplr-v3 .pplr_red_wrapper div:not(.img_thumb_dropdown) .pplr-swatch-element, .pplr-v3 .pplr_red_wrapper .pplr-selecter-selected { border: 1px solid red!important; } .pplr-v3 .pplr_red_wrapper input, .pplr-v3 .pplr_red_wrapper select, .pplr-v3 .pplr_red_wrapper textarea { border: 1px solid red !important; } .pplr-v3 .pplr_red_wrapper .pplr-cp .jscolor, .pplr-v3 .pplr_red_wrapper .pplr-cp .pplr-cp-native { border: 0 !important; } .pplr-v3 .pplr_red_wrapper .pplr-cp { border: 1px solid red !important; } .pplr-v3 .pplr_red_wrapper .pplr-drop-item { border-color: red; } .pplr-v3 .pplr_atc_form .addtocartw { position: absolute; } .pplr-v3 .pplr-swatch-main .swtooltip, .pplr-v3 .ptooltip .ptooltiptext { font-size: 13px; font-weight: normal; color: #303030; background-color: #FFFFFF; padding: 6px 8px; box-shadow: 0 -1px 9px -1px rgb(0 0 0 / 8%), 0 6px 12px -4px rgb(0 0 0 / 7%); } .pplr-v3 .ptooltiptext.top .ptooltiparrow { border-top-color: #FFFFFF; } .pplr-v3 .ptooltiptext.top-left .ptooltiparrow { border-top-color: #FFFFFF; } .pplr-v3 .ptooltiptext.top-right .ptooltiparrow { border-top-color: #FFFFFF; } .pplr-v3 .ptooltiptext.right .ptooltiparrow { border-right-color: #FFFFFF; } .pplr-v3 .ptooltiptext.left .ptooltiparrow { border-left-color: #FFFFFF; } .pplr-v3 .ptooltiptext.bottom .ptooltiparrow { border-bottom-color: #FFFFFF; } .pplr-v3 .ptooltiptext.bottom-left .ptooltiparrow { border-bottom-color: #FFFFFF; } .pplr-v3 .ptooltiptext.bottom-right .ptooltiparrow { border-bottom-color: #FFFFFF; } .pplr-v3 .pplr-switch-toggle { position: relative; display: inline-block; width: 40px !important; height: 24px !important; } .pplr-v3 .pplr-switch-input { position: absolute; width: 0; height: 0; opacity: 0; } .pplr-v3 .pplr-switch .pplr-switch-slider { position: absolute; inset: 0; width: 40px; height: 24px; box-sizing: border-box; border-radius: 12px; background: #E8E8E8; cursor: pointer; transition: background 0.2s ease; } .pplr-v3 .pplr-switch .pplr-switch-slider::before { content: ''; position: absolute; width: 18px; height: 18px; top: 50%; left: 2px; border-radius: 50%; background: #fff; box-shadow: 1px 2px 3px 0 #0000000F; transform: translate(0, -50%); transition: transform 0.2s ease; } .pplr-v3 .pplr-switch .pplr-switch-input:checked + .pplr-switch-slider { background: #22E573; } .pplr-v3 .pplr-switch .pplr-switch-input:checked + .pplr-switch-slider::before { transform: translate(18px, -50%); } .pplr-v3 .pplrcheckbox, .pplr-v3 .pplr-wrapper.pplr-checkbox .pplr-checkbox-item { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; margin: 0; border-radius: 4px; border: 1.5px solid #D0D0D0; background: #FFFFFF; cursor: pointer; flex-shrink: 0; box-sizing: border-box; margin: 3px 3px 3px 4px; } .pplr-v3 .pplr-wrapper.pplr-checkbox .pplr-checkbox-item { margin: 1.125px 3px 3px 4px; } .pplr-v3 .pplrcheckbox:checked, .pplr-v3 .pplr-wrapper.pplr-checkbox .pplr-checkbox-item:checked { border-color: #303030; background-image: url('data:image/svg+xml,%3Csvg width=%2218%22 height=%2218%22 viewBox=%220 0 18 18%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Crect width=%2218%22 height=%2218%22 rx=%224%22 fill=%22%23303030%22/%3E%3Cpath d=%22M13 6L7.5 11.5L5 9%22 stroke=%22white%22 stroke-width=%221.6666%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E'); background-size: 18px 18px; background-repeat: no-repeat; background-position: center; } .pplr-v3 .pplr-wrapper.pplr-checkbox.pplr-radio-group .pplr-checkbox-item { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; margin: 0; border-radius: 50%; border: 0.66px solid #8A8A8A; background: #FFFFFF; cursor: pointer; flex-shrink: 0; box-sizing: border-box; position: relative; margin: 3px 3px 3px 4px; } .pplr-v3 .pplr-wrapper.pplr-checkbox.pplr-radio-group .pplr-checkbox-item:checked { border-color: #8A8A8A; } .pplr-v3 .pplr-wrapper.pplr-checkbox.pplr-radio-group .pplr-checkbox-item:checked::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 13px; height: 13px; border-radius: 50%; background: #303030; } .pplr-v3 .pplr-choice-label { font-weight: 500; font-style: normal; font-size: 14px; line-height: 20px; letter-spacing: 0; color: var(--Color-text-text, #303030); } .pplr-v3 .pplr-price-badge { position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.78); color: #fff; border-radius: 20px; font-size: 10px; font-weight: 700; padding: 4px 6px; white-space: nowrap; letter-spacing: 0; backdrop-filter: blur(4px); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); pointer-events: none; z-index: 3; line-height: 1; min-width: 32px; width: max-content; text-align: center; } .pplr-divider, .pplr-divider .pplr-divider-inner { width: 100%; float: left; } .pplr-divider .pplr-divider-inner { margin-top: 10px; } .pplr-divider .pplr-divider-inner, .pplr-spacer .pplr-spacer-inner { height: 0; display: block!important; margin-bottom: 10px; } .pplr-popup-modal { width: 100%; float: left; margin-bottom: 10px; } .pplr-popup-modal-opener.is-link { text-decoration: underline; cursor: pointer; color: #000; font-size: 12px; display: inline-flex; align-items: center; gap: 5px; } .pplr-popup-modal-opener.is-button { display: inline-block; padding: 8px 16px; border: 1px solid #303030; border-radius: 4px; background: #303030; color: #fff; font-size: 14px; cursor: pointer; } .pplr-popup-modal-overlay { position: fixed; inset: 0; z-index: 999999999999; background: rgba(0, 0, 0, .5); display: flex; align-items: center; justify-content: center; } .pplr-popup-modal-box { max-width: calc(100% - 32px); max-height: 80vh; overflow: auto; background: #fff; border-radius: 8px; padding: 16px; box-sizing: border-box; text-align: left; } .pplr-popup-modal-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; } .pplr-popup-modal-title { font-weight: 600; font-size: 16px; } .pplr-popup-modal-close { color: #000; text-decoration: none; font-size: 24px; line-height: 1; cursor: pointer; } .pplr-popup-modal-content { font-size: 14px; line-height: 1.5; white-space: normal; overflow-wrap: break-word; word-break: normal; } .pplr-popup-modal-opener .pplr-popup-opener-thumb { display: inline-block; vertical-align: middle; margin-right: 6px; border-radius: 4px; object-fit: cover; } .pplr-popup-modal-opener .pplr-popup-opener-thumb.s1 { width: 16px; height: 16px; } .pplr-popup-modal-opener .pplr-popup-opener-thumb.s2 { width: 24px; height: 24px; } .pplr-popup-modal-opener .pplr-popup-opener-thumb.s3 { width: 32px; height: 32px; } .pplr-popup-modal-content p { margin: 0 0 8px; } .pplr-popup-modal-content p:last-child { margin-bottom: 0; } .pplr-popup-modal-content ul, .pplr-popup-modal-content ol { margin: 0 0 8px; padding-left: 20px; } .pplr-popup-modal-content blockquote { margin: 0 0 8px; padding-left: 12px; border-left: 3px solid #d0d0d0; color: #555; } .pplr-paragraph .pplr-paragraph-content { font-size: 14px; line-height: 1.5; color: inherit; white-space: normal; overflow-wrap: break-word; word-break: normal; width: 100%; float: left; } .pplr-paragraph-content p { margin: 0 0 8px; } .pplr-paragraph-content p:last-child { margin-bottom: 0; } .pplr-paragraph-content ul, .pplr-paragraph-content ol { margin: 0 0 8px; padding-left: 20px; } .pplr-paragraph-content blockquote { margin: 0 0 8px; padding-left: 12px; border-left: 3px solid #d0d0d0; color: #555; } .pplr-paragraph-content h1 { font-size: 1.5em; margin: 0 0 8px; } .pplr-paragraph-content h2 { font-size: 1.3em; margin: 0 0 8px; } .pplr-paragraph-content h3 { font-size: 1.15em; margin: 0 0 8px; } .pplr-paragraph-content table, .pplr-popup-modal-content table { border-collapse: collapse; margin: 0 0 8px; } .pplr-paragraph-content table:not(:has(col)), .pplr-popup-modal-content table:not(:has(col)) { width: 100%; table-layout: fixed; } .pplr-paragraph-content .ql-cell-focused, .pplr-paragraph-content .ql-cell-selected, .pplr-popup-modal-content .ql-cell-focused, .pplr-popup-modal-content .ql-cell-selected { background-color: transparent !important; } .pplr-paragraph-content table td, .pplr-popup-modal-content table td { border: 1px solid #d0d0d0; padding: 4px 8px; } .pplr-paragraph-content table p, .pplr-popup-modal-content table p { margin: 0; } .pplr-wrapper.pplr-radio-group .pplr_checkbox_l { margin-bottom: 8px; font-size: 14px; } .pplr-wrapper .pplr-checkbox-item { min-height: auto; } .pplr-radio-group .pplr-checkbox-item { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; margin: 0 6px 0 0; border: 0.66px solid #8A8A8A; border-radius: 50%; display: inline-block; vertical-align: middle; position: relative; cursor: pointer; background: #fff; flex: 0 0 auto; } .pplr-radio-group .pplr-checkbox-item:checked::after { content: ''; position: absolute; border-radius: 50%; background: #303030; mask-image: none !important; -webkit-mask-image: none !important; mask-size: revert; mask-position: revert; width: auto; height: auto; } .pplr-v3 .pplr-wrapper .pplr-radio-thumb { display: inline-block; width: 40px; height: 40px; border-radius: var(--pplr-field-border-radius, 0); border: 1px solid rgba(0, 0, 0, 0.12); background-size: cover; background-position: center; vertical-align: middle; margin: 0 6px 0 2px; flex: 0 0 auto; } .pplr-v3 .pplr-wrapper.pplr-checkbox .pplr-choice-label { width: 100%; word-wrap: break-word; overflow: hidden; } .pplr-v3 .pplr-switch .pplr-switch-toggle { position: relative; display: inline-block; width: 40px; height: 24px; cursor: pointer; vertical-align: middle; } .pplr-v3 .pplr-switch .pplr-switch-wrapper { display: flex; float: left; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; } .pplr-v3 .pplr-switch .pplr-switch-input { opacity: 0; width: 0; height: 0; position: absolute; } .pplr-v3 .pplr-switch .pplr-switch-slider { position: absolute; inset: 0; background: #E8E8E8; border-radius: 12px; transition: background 0.2s; } .pplr-v3 .pplr-switch .pplr-switch-input:checked + .pplr-switch-slider { background: #22E573; } .pplr-v3 .pplr-file-item { display: flex; align-items: center; gap: 14px; border: 1px solid #e0e0e0; padding: 10px 12px; margin-bottom: 8px; border-radius: var(--pplr-field-border-radius, 0); background: #fff; list-style: none; } .pplr-v3 .pplr-file-thumb { flex: 0 0 auto; width: 44px; height: 100%; border-radius: 6px; background-repeat: no-repeat; background-position: left; background-size: 33px auto; background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2236%22 height=%2240%22 viewBox=%220 0 36 40%22 fill=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22pageFill%22 x1=%2218%22 y1=%222%22 x2=%2218%22 y2=%2238%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23FFFFFF%22/%3E%3Cstop offset=%221%22 stop-color=%22%23F4F4F4%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22foldFill%22 x1=%2225%22 y1=%222%22 x2=%2232%22 y2=%229%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23F8F8F8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23E8E8E8%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22buttonFill%22 x1=%2218%22 y1=%2215%22 x2=%2218%22 y2=%2227%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23F7F7F7%22/%3E%3Cstop offset=%221%22 stop-color=%22%23E6E6E6%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M4.5 1.5H24.7L32.5 9.3V37.5C32.5 38.05 32.05 38.5 31.5 38.5H4.5C3.95 38.5 3.5 38.05 3.5 37.5V2.5C3.5 1.95 3.95 1.5 4.5 1.5Z%22 fill=%22url(%23pageFill)%22 stroke=%22%23D8D8D8%22/%3E%3Cpath d=%22M24.5 1.8V8.5C24.5 9.05 24.95 9.5 25.5 9.5H32.2L24.5 1.8Z%22 fill=%22url(%23foldFill)%22 stroke=%22%23D8D8D8%22 stroke-linejoin=%22round%22/%3E%3Crect x=%2212%22 y=%2214.5%22 width=%2212%22 height=%2212%22 rx=%221.5%22 fill=%22url(%23buttonFill)%22 stroke=%22%23D8D8D8%22/%3E%3Cpath d=%22M18 17V22%22 stroke=%22%23B8B8B8%22 stroke-width=%221.4%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M15.9 20.3L18 22.4L20.1 20.3%22 stroke=%22%23B8B8B8%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E'); } .pplr-v3 .pplr-file-name { flex: 1 1 0%; width: 0; min-width: 0; text-align: left; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pplr-v3 .pplr-file-remove { flex: 0 0 auto; box-sizing: border-box; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: 1px solid #d5d5d5; border-radius: 50%; background: #fff; color: #666; font-size: 17px; cursor: pointer; text-decoration: none; } .pplr-v3 .pplr-file-remove:hover { color: #333; border-color: #b5b5b5; } .pplr-v3 .file-upload-wrapper-pplr .jscroll, .pplr-v3 .file-upload-wrapper-pplr .jscroll ul { width: 100%; } .pplr-v3 .pplrfileuploadbutton { position: relative; float: none; clear: both; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: start; gap: 20px; padding: 20px 20px; border: 1.5px dashed #7D7D7D; border-radius: var(--pplr-field-border-radius, 10px); background: transparent; text-align: center; transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease; } .pplr-v3 .pplrfileuploadbutton:hover { border-color: #9DA3A8; background: rgba(0, 0, 0, 0.015); } .pplr-v3 .pplrfileuploadbutton.pplr-dragover { border-color: #121212; background: rgba(18, 18, 18, 0.04); box-shadow: 0 0 0 4px rgba(18, 18, 18, 0.06); transform: scale(1.01); } .pplr-v3 .pplrfileuploadbutton.pplr-dragover .pplr-up-btn { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .pplr-v3 .pplrfileuploadbutton.pplr-dragover .pplr-up-ico { animation: pplrDropzoneBob 0.8s ease-in-out infinite; } @keyframes pplrDropzoneBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } } .pplr-v3 .pplrfileuploadbutton input[type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: pointer; z-index: 2; } .pplr-v3 .pplrfileuploadbutton .pplrfileuploadcover { display: none; } .pplr-v3 .pplr-up-btn { height: 34px; position: relative; z-index: 1; pointer-events: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 7px 12px; border: 0.8px solid #ADADAD; border-radius: 4px; background: #FFFFFF; color: #121212; font-size: 15px; line-height: 1; white-space: nowrap; transition: box-shadow .2s ease; } .pplr-v3 .pplr-up-btn .pplr-up-ico { width: 20px; height: 20px; flex: 0 0 auto; display: inline-block; vertical-align: middle; } .pplr-v3 .pplr-up-hint { position: relative; z-index: 1; pointer-events: none; font-size: 14px; line-height: 1; color: #616161; } .pplr-v3 .pplr-up-support { float: left; clear: both; width: 100%; font-size: 13px; line-height: 18px; color: #8A8A8A; text-align: left; margin-top: 8px; } .pplr-v3 .jscroll { float: left; clear: both; width: 100%; margin-top: 16px; } .pplr-v3 .pplrfileuploadbutton[style*="display: none"] ~ .jscroll, .pplr-v3 .pplr-wrapper:has(.jscroll .pplr_img_w) .jscroll { margin-top: 0; } .pplr-v3 .jscroll ul { display: flex; flex-wrap: wrap; gap: 8px; float: none; width: 100%; } .pplr-v3 .jscroll .pplr_img_w { position: relative; list-style: none; float: none; display: flex; align-items: center; gap: 14px; box-sizing: border-box; width: 100%; padding: 9px; border: 1px solid #e0e0e0; border-radius: var(--pplr-field-border-radius, 0); background: #fff; overflow: visible; } .pplr-v3 .jscroll .pplr_img_w .pplr_img { display: block; flex: 0 0 auto; width: 44px; height: 100%; margin: 0; background-size: cover; background-position: center; border-radius: var(--pplr-field-border-radius, 0); } .pplr-v3 .jscroll .pplr_img_w .pplr_img_name { flex: 1 1 0%; width: 0; min-width: 0; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pplr-v3 .jscroll .pplr_img_w .pplr_shadow { display: none; } /* Crop + remove: identical outlined circles */ .pplr-v3 .jscroll .pplr_img_w .pplr_modify, .pplr-v3 .jscroll .pplr_img_w .pplr_delete { position: static; flex: 0 0 auto; box-sizing: border-box; width: 28px; height: 28px; padding: 0; margin: 0; border: 1px solid #d5d5d5; border-radius: 50%; background: #fff; box-shadow: none; display: flex; align-items: center; justify-content: center; cursor: pointer; } .pplr-v3 .jscroll .pplr_img_w .pplr_modify:hover, .pplr-v3 .jscroll .pplr_img_w .pplr_delete:hover { border-color: #b5b5b5; } .pplr-v3 .jscroll .pplr_img_w .pplr_modify i, .pplr-v3 .jscroll .pplr_img_w .pplr_delete i { display: none; } .pplr-v3 .jscroll .pplr_img_w .pplr_modify::before { content: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 2v14a2 2 0 0 0 2 2h14%22/%3E%3Cpath d=%22M2 6h14a2 2 0 0 1 2 2v14%22/%3E%3C/svg%3E'); line-height: 0; position: static; } .pplr-v3 .jscroll .pplr_img_w .pplr_delete::before { content: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2214%22 height=%2214%22 viewBox=%220 0 10 10%22%3E%3Cpath d=%22M1 1L9 9M9 1L1 9%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22/%3E%3C/svg%3E'); line-height: 0; position: static; } /* Hide the upload drop-zone + support text once an image is selected (removes the gap the file input/help text left behind); reappears when the image is deleted. */ .pplr-v3 .pplr-wrapper:has(.jscroll .pplr_img_w) .pplrfileuploadbutton, .pplr-v3 .pplr-wrapper:has(.jscroll .pplr_img_w) .pplr-up-support { display: none; } .pplr-v3 .pplr-field-box { position: relative; display: flex; width: 100%; } .pplr-v3 .pplr-field-box .pplr_text { flex: 1 1 auto; } .pplr-v3 .p_c_c .pplrlabel, .pplr-v3 .p_c_c .oindexlabel { width: 100%; } .pplr-v3 .pplr-field-box .pplr-character-count { position: absolute; margin: 0; padding: 0; float: none; color: #838185; font-size: 12px; line-height: 1; white-space: nowrap; pointer-events: none; z-index: 2; } .pplr-v3 .pplr-field-box--single { --pplr-counter-reserve: 60px; } .pplr-v3 .pplr-field-box--single .pplr-character-count { top: 0; bottom: 0; right: 14px; left: auto; display: flex; align-items: center; transform: none; } .pplr-v3 .pplr-field-box--single .pplr_text { padding: 10px var(--pplr-counter-reserve) 10px 14px !important; } .pplr-v3 .pplr-field-box--multiline .pplr-character-count { right: 14px; bottom: 10px; left: auto; top: auto; } .pplr-v3 .pplr-field-box--multiline .pplr_text { padding: 10px 14px 26px 14px !important; } .pplr-v3 .flatpickr-calendar { border-radius: 0px !important; box-shadow: 1px 0 0 #E6E6E6, -1px 0 0 #E6E6E6, 0 1px 0 #E6E6E6, 0 -1px 0 #E6E6E6, 0 3px 13px rgba(0, 0, 0, 0.08) !important; } .pplr-v3 .flatpickr-calendar.arrowTop:before { border-bottom-color: #E6E6E6 !important; } .pplr-v3 .flatpickr-innerContainer { border-top: 1px solid #e6e6e6 !important; } .pplr-v3 .flatpickr-months { padding: 10px 0px !important; position: relative !important; } .pplr-v3 .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { display: flex !important; justify-content: center !important; align-items: center !important; height: 100% !important; fill: #757575 !important; } .pplr-v3 .flatpickr-current-month { padding: 0 !important; height: 100% !important; position: relative !important; left: 50% !important; transform: translateX(-50%) !important; display: flex !important; justify-content: center !important; align-items: center !important; } .pplr-v3 .flatpickr-current-month .flatpickr-monthDropdown-months { height: 100% !important; border: 1px solid #D4D4D4 !important; padding: 0px 8px !important; border-radius: 4px !important; margin: 0 !important; margin-right: 10px !important; background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%227%22 viewBox=%220 0 12 7%22 fill=%22none%22%3E%3Cpath d=%22M1 1L6 6L11 1%22 stroke=%22%23171717%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E'); appearance: none; -webkit-appearance: none; -moz-appearance: none; background-repeat: no-repeat; background-position: right 15px center; background-size: 12px 7px; padding-right: 37px !important; } .pplr-v3 .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%227%22 viewBox=%220 0 12 7%22 fill=%22none%22%3E%3Cpath d=%22M1 1L6 6L11 1%22 stroke=%22%23171717%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: right 15px center; background-size: 12px 7px; background-color: rgba(0, 0, 0, 0.05) !important; } .pplr-v3 .flatpickr-current-month .numInputWrapper { border: 1px solid #D4D4D4 !important; border-radius: 4px !important; margin: 0 !important; height: 100% !important; padding-left: 6px !important; width: 7ch !important; overflow: hidden !important; } .pplr-v3 .flatpickr-current-month input.cur-year { height: 100% !important; padding: 0 !important; } .pplr-v3 .flatpickr-weekdays { height: 36px !important; padding-top: 8px !important; } .pplr-v3 .numInputWrapper span { padding: 0 !important; opacity: 1 !important; border: none !important; outline: 1px solid #D4D4D4 !important; } .pplr-v3 .numInputWrapper span.arrowUp:after, .pplr-v3 .numInputWrapper span.arrowDown:after { left: 50% !important; transform: translateX(-50%) !important; } .pplr-v3 .pplr_tab .pplr-wrapper, .pplr-v3 .pplr_field_text_thumbnail .tab_h { width: 100%; } .pplr-v3 .pplr_zoom_toggle { --pplr-zoom-btn-size: 40px; --pplr-zoom-btn-offset: 12px; --pplr-zoom-btn-icon: 24px; --pplr-zoom-btn-color: #1A1A1A; --pplr-zoom-btn-bg: rgba(255, 255, 255, 0.4); --pplr-zoom-btn-hover-bg: rgba(255, 255, 255, 0.6); --pplr-zoom-btn-blur: 0px; --pplr-zoom-btn-radius: 6px; position: absolute; top: var(--pplr-zoom-btn-offset); left: var(--pplr-zoom-btn-offset); z-index: 1000; display: flex; align-items: center; justify-content: center; width: var(--pplr-zoom-btn-size); height: var(--pplr-zoom-btn-size); min-width: 0; padding: 0; margin: 0; color: var(--pplr-zoom-btn-color); background: var(--pplr-zoom-btn-bg); border: 0; border-radius: var(--pplr-zoom-btn-radius); box-shadow: none; opacity: 1; transform: none; -webkit-backdrop-filter: blur(var(--pplr-zoom-btn-blur)); backdrop-filter: blur(var(--pplr-zoom-btn-blur)); line-height: 0; cursor: pointer; transition: background-color .15s; } .pplr-v3 .pplr_zoom_toggle svg { display: block; width: var(--pplr-zoom-btn-icon); height: var(--pplr-zoom-btn-icon); stroke-width: 1.75; } .pplr-v3 .pplr_zoom_toggle.is-active .pplr_zoom_plus { display: none; } .pplr-v3 .pplr-popup .pplr-p-left > .pplr_zoom_toggle { top: auto; left: auto; right: var(--pplr-zoom-btn-offset); bottom: var(--pplr-zoom-btn-offset); --pplr-zoom-btn-bg: transparent; --pplr-zoom-btn-hover-bg: transparent; --pplr-zoom-btn-blur: 0px; -webkit-backdrop-filter: none; backdrop-filter: none; } .pplr-v3.pplr-zoom-on .pplr_ov_layer, .pplr-v3.pplr-zoom-on .pplr_ov_box { pointer-events: none !important; } .pplr-v3.pplr-zoom-on .pplr_ov_box { visibility: hidden !important; } /* v3 popup (body.v3Popup) */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box { --v3-head: 60px; /* header height */ --v3-side-ratio: 50%; /* options width */ --v3-side-max: 500px; /* options max width */ --v3-split-gap: 0px; /* preview / options gap */ --v3-side: min(var(--v3-side-ratio), var(--v3-side-max)); --v3-stage-bg: #F0F0F0; /* stage bg (desktop) */ --v3-stack-stage-bg: #FFFFFF; /* stage bg (phone) */ --v3-stack-divider: 1px solid #E3E3E3; /* phone divider */ --v3-stack-divider-shadow: none; /* phone divider shadow */ --v3-stage-pad: 10px; /* canvas padding */ --v3-nav-space: 52px; /* arrow space */ --v3-switch-space: 68px; /* switcher space: thumbnails */ --v3-switch-space-text: 52px; /* switcher space: tabs */ --v3-switch-space-dots: 32px; /* switcher space: dots */ --v3-nav-inset: 4px; /* phone arrow edge inset */ --v3-nav-gap: 8px; /* phone arrow gap */ --v3-thumb-size: 50px; /* thumbnail size */ --v3-gut-t: var(--v3-stage-pad); --v3-gut-x: var(--v3-stage-pad); --v3-gut-b: var(--v3-stage-pad); --v3-pad-x: 24px; --v3-crop-pad: 32px; --v3-foot: 96px; --v3-crop-btn-w: min(200px, calc(var(--v3-side) * 0.34)); display: flex; flex-direction: column; width: min(1400px, calc(100vw - 40px)); max-width: 100%; padding: 0px !important; background: #FFFFFF; border: none; border-radius: 16px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18); overflow: hidden; text-align: left; } /* permanent arrow set in the stage (pplr_v3popup_arrows_pin): centred in the arrow gutter, over the wrapper */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left { position: relative; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left > .pplr_arrows.pplr_arrows_pinned { position: absolute; left: 0; right: 0; top: var(--v3-gut-t); bottom: var(--v3-gut-b); height: auto; pointer-events: none; z-index: 1000; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left > .pplr_arrows.pplr_arrows_pinned div { pointer-events: auto; } /* just outside the image (gap) when there is room, else at the stage edge; --pplr-img-w is the rendered image width, set by pplr_v3popup_arrows_pin() */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left > .pplr_arrows.pplr_arrows_pinned .pplr_arrow_left { left: max(var(--v3-nav-inset), calc((100% - var(--pplr-img-w, 100%)) / 2 - var(--v3-arrow-size) - var(--v3-nav-gap))) !important; right: auto !important; transform: scaleX(-1); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left > .pplr_arrows.pplr_arrows_pinned .pplr_arrow_right { right: max(var(--v3-nav-inset), calc((100% - var(--pplr-img-w, 100%)) / 2 - var(--v3-arrow-size) - var(--v3-nav-gap))) !important; left: auto !important; } /* popup width follows the image (pplr_v3popup_fit_width): ease between views */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box { transition: width .22s ease; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplrfullwidth { width: 100%; border-radius: 0; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-has-view-arrows { --v3-gut-x: var(--v3-nav-space); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-has-view-switcher { --v3-gut-b: var(--v3-switch-space); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-view-switcher-text { --v3-switch-space: var(--v3-switch-space-text); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-view-switcher-dots { --v3-switch-space: var(--v3-switch-space-dots); } /* header */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box > header.p_h_d { display: flex; flex: 0 0 var(--v3-head); align-items: center; height: var(--v3-head); padding: 0 var(--v3-pad-x); padding-left: max(var(--v3-pad-x), env(safe-area-inset-left)); margin: 0; background-color: #FFFFFF; border-bottom: 1px solid #E3E3E3; box-sizing: border-box; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-modal-header { padding: 0; background-color: #FFFFFF; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .p_h_d .pplr_close.p_r_c { position: absolute; top: calc((var(--v3-head) - 44px) / 2); right: max(12px, env(safe-area-inset-right)); width: 44px; height: 44px; padding: 0; margin: 0; opacity: 0.8; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .p_h_d .pplr_close.p_r_c:hover { opacity: 1; transform: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .p_h_d .pplr_close.p_r_c::before, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .p_h_d .pplr_close.p_r_c::after { width: 18px; height: 1.5px; background: #1A1A1A; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .pplr_close.c_h_m { display: none !important; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-main, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_form, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-right, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-modal-body { position: static; } .v3Popup .pplr-popup .pplr-p-right { border: none!important; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_h_title { position: absolute; top: 0; left: max(var(--v3-pad-x), env(safe-area-inset-left)); z-index: 2; width: auto; max-width: calc(100% - var(--v3-pad-x) - 72px); height: var(--v3-head); line-height: var(--v3-head); padding: 0; margin: 0; float: none; font-size: 18px; font-weight: 500; color: #1A1A1A; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_h_title ._ps, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_h_title .pplrcur { display: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-main { flex: 1 1 auto; min-height: 0; max-width: none; width: 100%; background: var(--v3-stage-bg); padding: 0 !important; margin: 0 !important; } /* layout grid */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-main > form.pplr_form { display: grid !important; grid-template-columns: minmax(0, 1fr) var(--v3-split-gap) var(--v3-side); grid-template-rows: minmax(0, 1fr) auto; height: 100%; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr { background-color: var(--pplr-bg, #ffffff) !important; } /* preview stage */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left { grid-column: 1; grid-row: 1 / span 2; width: auto !important; height: 100% !important; max-height: none !important; margin: 0 !important; float: left; padding: var(--v3-gut-t) var(--v3-gut-x) var(--v3-gut-b); display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left.pplr, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left.pplr_final { background-color: var(--v3-stage-bg) !important; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left .pplr_popup_image { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; flex: 0 1 auto; min-height: 0; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left .pplr_preview_wrapper, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left .pplr_preview_final { top: 0 !important; bottom: calc(var(--v3-gut-b) - var(--v3-gut-t)) !important; left: 0 !important; right: 0 !important; margin: auto !important; background-color: #FFFFFF; overflow: visible !important; clip-path: inset(0 calc(-1 * var(--v3-gut-x)) calc(-1 * var(--v3-gut-b)) calc(-1 * var(--v3-gut-x))); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left .pplr_preview_wrapper.pplr-view-sliding { clip-path: inset(0 0 calc(-1 * var(--v3-gut-b)) 0); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left canvas { max-height: 100% !important; background-color: #FFFFFF; border-radius: 0; } /* view arrows */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_arrows div { --v3-arrow-size: 44px; top: calc(50% - var(--v3-arrow-size) / 2); width: var(--v3-arrow-size); height: var(--v3-arrow-size); font-size: 0; color: transparent; background: transparent url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2244%22 height=%2244%22 viewBox=%220 0 44 44%22 fill=%22none%22%3E%3Cpath d=%22m17 11 11 11-11 11%22 stroke=%22%23adadad%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E') center / 100% 100% no-repeat; border: none; border-radius: 0; opacity: 1; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_arrows div i { display: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_arrows div:hover { background-color: transparent; opacity: 0.7; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_arrows .pplr_arrow_left { left: calc((var(--v3-gut-x) + var(--v3-arrow-size)) / -2); right: auto; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_arrows .pplr_arrow_right { right: calc((var(--v3-gut-x) + var(--v3-arrow-size)) / -2); left: auto; } /* view switcher */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_prev_type_wrapper { top: calc(100% + var(--v3-gut-b) / 2); bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); gap: 0; flex-wrap: nowrap; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_prev_type_wrapper .pplr-image-thumbnail { width: var(--v3-thumb-size); height: var(--v3-thumb-size); } /* options column */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-right { grid-column: 3; grid-row: 1; width: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; float: none; margin-top: 0; background-color: #FFFFFF; border: none; border-left: 1px solid #E3E3E3; border-radius: 0; padding: 32px var(--v3-pad-x); padding-right: max(var(--v3-pad-x), env(safe-area-inset-right)); box-sizing: border-box; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr-modal-body { height: auto !important; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr-modal-body #pplr_html { padding-bottom: 16px; } /* footer */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button { grid-column: 3; grid-row: 2; position: relative; z-index: 3; width: auto; float: none; padding: 14px var(--v3-pad-x); padding-right: max(var(--v3-pad-x), env(safe-area-inset-right)); padding-bottom: max(14px, env(safe-area-inset-bottom)); background-color: #FFFFFF; /* border-left: 1px solid #E3E3E3; */ border-top: 1px solid #E3E3E3; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--v3-foot-gap, 16px); row-gap: 6px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner { display: contents; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button:has(.pplr_cur, .a_p_t_c)::after { content: ""; order: 3; flex: 0 0 100%; height: 0; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner #pplr-atc-line { position: absolute; top: calc((var(--v3-atc-line-top, 16px) - var(--v3-atc-line-h, 4px)) / 2); left: var(--v3-pad-x); right: var(--v3-pad-x); width: auto !important; height: var(--v3-atc-line-h, 4px) !important; margin: 0 !important; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .pplr_cur { order: 1; flex: 0 0 auto; align-self: center; max-width: 100%; float: none; margin: 0; padding: 0; font-size: 18px; font-weight: 700; line-height: 24px; color: #1A1A1A; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button:has(.pplr_cur) .a_p_t_c { margin-left: calc(6px - var(--v3-foot-gap, 16px)); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .a_p_t_c { order: 2; flex: 1 1 0; align-self: center; min-width: 0; width: auto; float: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .a_p_t_c .a_p_t { display: inline-flex; flex-wrap: wrap; align-items: center; column-gap: 4px; width: auto; float: none; padding: 0; font-size: 14px; line-height: 20px; color: #616161; text-align: left; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .a_p_t_c .a_p_t > span { order: -1; font-size: 14px; font-weight: 600; color: #2C6ECB; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .a_p_t_c .a_p_t > span:not(.money)::before { content: "+"; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .a_p_t_c .a_p_t > span.money { order: 0; font-size: inherit; font-weight: inherit; color: inherit; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .a_p_t_c .a_p_t br { display: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .a_p_t_c.pplr_apt_zero { display: none; } /* quantity stepper */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f { order: 4; flex: 0 0 auto; display: inline-flex; align-items: stretch; width: 112px; min-width: 0; height: 40px; float: none; margin: 0; line-height: normal; background: #FFFFFF; border: 1px solid #D4D4D4; border-radius: 8px; box-sizing: border-box; overflow: hidden; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f:focus-within { border-color: #1A1A1A; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f label { display: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_fi { flex: 1 1 auto; width: auto; min-width: 0; max-width: none !important; height: 100%; margin: 0; padding: 0 !important; line-height: normal; font-size: 14px; color: #1A1A1A; text-align: center; background: transparent; border: none; border-radius: 0; box-shadow: none; outline: none; -moz-appearance: textfield; appearance: textfield; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_fi::-webkit-inner-spin-button, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_fi::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f .q_step { position: relative; flex: 0 0 34px; width: 34px; height: 100%; margin: 0; padding: 0; color: #1A1A1A; background: transparent; border: none; border-radius: 0; box-shadow: none; cursor: pointer; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f .q_step::before, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f .q_plus::after { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 1.5px; background: currentColor; border-radius: 1px; transform: translate(-50%, -50%); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f .q_plus::after { transform: translate(-50%, -50%) rotate(90deg); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f .q_step:not(:disabled):hover { background: #F5F5F5; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f .q_step:disabled { color: #C9C9C9; cursor: default; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .p_a_t_c { order: 5; flex: 1 1 0; min-width: 0; float: none; width: auto; max-width: none; min-height: 40px; height: 40px; margin: 0 !important; padding: 0 16px; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 8px; display: flex !important; align-items: center; justify-content: center; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .p_a_t_c:after, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .p_a_t_c:before { content: none; } /* crop mode */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .pplr_h_title { display: block; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .pplr-modal-body .pplr-wrapper:not(.pplr-crop-active), .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode #pplr_html > *:not(.pplr-crop-active):not(:has(.pplr-crop-active)), .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .pplr-wrapper.pplr-crop-active > *:not(.crop_header) { display: none !important; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .cropper-bg { background-image: repeating-conic-gradient(#EBEBEB 0 25%, #FFFFFF 0 50%); background-size: 24px 24px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .cropper-modal { background-color: #ffffff00; opacity: 0.45; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .cropper-dashed, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .cropper-center { display: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .cropper-face { background-color: transparent; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .cropper-view-box { outline: 1px solid #2F80ED; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .cropper-line { background-color: #2F80ED; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .cropper-point { width: 6px; height: 6px; background-color: #2F80ED; opacity: 1; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .pplr-p-right { overflow: hidden; padding: var(--v3-crop-pad) var(--v3-crop-pad) calc(var(--v3-foot) + var(--v3-head) - 76px); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .pplr-wrapper.pplr-crop-active, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header { position: static; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .pplr-modal-image { background-color: #FFFFFF; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; height: auto; padding: 24px 0 0; margin: 0; background: transparent; float: none; width: 100%; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.pplr_close { display: inline-flex !important; align-items: center; justify-content: center; float: none; width: 48px; height: 44px; margin: 0; padding: 0; color: #1A1A1A; font-size: 0; line-height: 0; background: #FFFFFF; border: 1px solid #D4D4D4; border-radius: 0; box-shadow: none; box-sizing: border-box; cursor: pointer; text-decoration: none; opacity: 1 !important; transition: background-color .15s; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.pplr_close:hover { background-color: #F5F5F5; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.pplr_close i { display: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.pplr_close::before { content: ""; display: block; width: 22px; height: 22px; background-color: currentColor; -webkit-mask: var(--pplr-crop-icon) center / contain no-repeat; mask: var(--pplr-crop-icon) center / contain no-repeat; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.js_z_i { order: 3; border-radius: 4px 0 0 4px; --pplr-crop-icon: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath d=%22M15.5 15.5L20 20M10.5 7.5v6M7.5 10.5h6%22/%3E%3C/svg%3E'); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.js_z_o { order: 4; border-left: none; border-radius: 0 4px 4px 0; margin-right: 16px; --pplr-crop-icon: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2210.5%22 cy=%2210.5%22 r=%226.5%22/%3E%3Cpath d=%22M15.5 15.5L20 20M7.5 10.5h6%22/%3E%3C/svg%3E'); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.js_z_r { order: 1; border-radius: 4px 0 0 4px; --pplr-crop-icon: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 12a7.5 7.5 0 1 0 2.2-5.3L4.5 9%22/%3E%3Cpath d=%22M4.5 4.5V9H9%22/%3E%3C/svg%3E'); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.js_z_l { order: 2; border-left: none; border-radius: 0 4px 4px 0; --pplr-crop-icon: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19.5 12a7.5 7.5 0 1 1-2.2-5.3L19.5 9%22/%3E%3Cpath d=%22M19.5 4.5V9H15%22/%3E%3C/svg%3E'); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header::after { content: ""; position: absolute; right: 0; bottom: 0; z-index: 3; width: var(--v3-side); height: var(--v3-foot); background: #FFFFFF; border-top: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3; box-sizing: border-box; pointer-events: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_d, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_c { position: absolute; bottom: calc((var(--v3-foot) - 44px) / 2); z-index: 4; width: var(--v3-crop-btn-w); height: 44px; border-radius: 4px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_d { right: calc(var(--v3-side) / 2 + 8px); color: #D72C4E; background: #FFFFFF; border: 1px solid #D72C4E; --pplr-crop-icon: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 6l12 12M18 6L6 18%22/%3E%3C/svg%3E'); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_d:hover { background-color: #FFF4F6; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_c { right: calc(var(--v3-side) / 2 - 8px - var(--v3-crop-btn-w)); color: #FFFFFF; background: #21B26B; border: 1px solid #21B26B; --pplr-crop-icon: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12.5l4.5 4.5L19 7.5%22/%3E%3C/svg%3E'); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_c:hover { background-color: #1C9B5D; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_d::before, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_c::before { width: 24px; height: 24px; } /* two-column tiers */ @media screen and (min-width: 1600px) { .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box { --v3-pad-x: 28px; width: min(1760px, calc(100vw - 80px), calc((100vh - 100px) * 1.8)); } } @media screen and (min-width: 2200px) { .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box { --v3-head: 64px; --v3-pad-x: 32px; width: min(2240px, calc(100vw - 160px), calc((100vh - 100px) * 1.8)); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplrfullwidth) { max-height: min(calc(100vh - 100px), 1480px) !important; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_h_title { font-size: 20px; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box { --v3-pad-x: 20px; --v3-crop-pad: 20px; width: calc(100vw - 32px); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_h_title { font-size: 17px; } } @media screen and (min-width: 769px) and (orientation: portrait) { .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplrfullwidth) { max-height: min(calc(100vh - 100px), calc(100vw * 0.8)) !important; } } @media screen and (max-width: 768px) and (orientation: landscape) { .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box { --v3-head: 48px; --v3-pad-x: 16px; --v3-crop-pad: 16px; --v3-foot: 72px; --v3-nav-space: 44px; --v3-switch-space: 52px; --v3-thumb-size: 40px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-right { padding-top: 20px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_h_title { font-size: 16px; } } @media screen and (max-height: 640px) and (orientation: landscape) { .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box { --v3-switch-space: 52px; --v3-thumb-size: 40px; --v3-head: 48px; --v3-foot: 72px; width: 100%; height: 100vh !important; height: 100dvh !important; max-height: none !important; min-height: 0 !important; margin-top: 0 !important; border-radius: 0; box-shadow: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_h_title { font-size: 16px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button { padding-top: 10px; padding-bottom: max(10px, env(safe-area-inset-bottom)); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button { --v3-foot-gap: 10px; --v3-atc-line-top: 10px; row-gap: 8px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .pplr_cur { flex: 0 1 auto; min-width: 0; font-size: 18px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f { width: 96px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header { padding-top: 12px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.pplr_close { width: 42px; height: 38px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_d, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_c { height: 42px; bottom: calc((var(--v3-foot) - 42px) / 2); } } @media (horizontal-viewport-segments: 2) { .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box { --v3-side: calc(100vw - env(viewport-segment-left 1 0, 50vw)); width: 100%; height: 100vh !important; height: 100dvh !important; max-height: none !important; margin-top: 0 !important; border-radius: 0; box-shadow: none; } } /* stacked (phones) */ @media screen and (max-width: 768px) and (orientation: portrait) { .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box { --v3-head: 56px; --v3-pad-x: 20px; --v3-crop-pad: 16px; --v3-foot: 88px; --v3-stack-stage-ratio: 0.5; /* phone preview max share */ --v3-stage-bg: var(--v3-stack-stage-bg); --v3-stage-pad: 10px; --v3-switch-space: 52px; --v3-thumb-size: 40px; width: 100%; border-radius: 0; box-shadow: none; background: #FFFFFF; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-has-view-arrows { --v3-gut-x: var(--v3-stage-pad); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-main { background: #FFFFFF; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_h_title { font-size: 16px; } /* no title bar on phones - only the floating close */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode), .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode { --v3-head: 0px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) > header.p_h_d, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode > header.p_h_d { padding: 0; border-bottom: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_h_title, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .pplr_h_title { display: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .p_h_d .pplr_close.p_r_c, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .p_h_d .pplr_close.p_r_c { top: 8px; right: max(8px, env(safe-area-inset-right)); z-index: 3; background: rgba(255, 255, 255, 0.85); border-radius: 50%; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-main > form.pplr_form { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left { grid-column: 1; grid-row: 1; width: 100% !important; height: auto !important; max-height: none !important; float: none; overflow: visible !important; border-bottom: var(--v3-stack-divider); box-shadow: var(--v3-stack-divider-shadow); container-type: inline-size; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left .pplr_preview_wrapper { clip-path: inset(0 -100vw calc(-1 * var(--v3-gut-b)) -100vw); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left .pplr_popup_image { max-height: calc((100vh - var(--v3-head)) * var(--v3-stack-stage-ratio) - var(--v3-gut-t) - var(--v3-gut-b)) !important; max-height: calc((100dvh - var(--v3-head)) * var(--v3-stack-stage-ratio) - var(--v3-gut-t) - var(--v3-gut-b)) !important; } /* phone / tablet portrait: an arrow sits just outside the image (one arrow-width + gap) when there is room, otherwise at the edge of the stage — never far out at the screen edge */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_arrows .pplr_arrow_left { left: max(calc(-1 * var(--v3-arrow-size) - var(--v3-nav-gap)), calc(var(--v3-nav-inset) - (100cqw - 100%) / 2 - var(--v3-gut-x))); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_arrows .pplr_arrow_right { right: max(calc(-1 * var(--v3-arrow-size) - var(--v3-nav-gap)), calc(var(--v3-nav-inset) - (100cqw - 100%) / 2 - var(--v3-gut-x))); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-right { grid-column: 1; grid-row: 2; float: none; border-left: none; padding: 20px var(--v3-pad-x); } /* phone footer: compact, so the options above keep their height (was ~110px: 24px price, 40px stepper + button, 16px button text, 14/16px padding) */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button { grid-column: 1; grid-row: 3; border-left: none; padding: 10px var(--v3-pad-x) calc(10px + env(safe-area-inset-bottom)); row-gap: 4px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button { --v3-foot-gap: 10px; --v3-atc-line-top: 10px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .pplr_cur { font-size: 18px; line-height: 24px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .a_p_t_c .a_p_t { font-size: 14px; line-height: 20px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .a_p_t_c .a_p_t > span { font-size: 14px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f { width: 96px; height: 36px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_fi { font-size: 13px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f .q_step { flex-basis: 30px; width: 30px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f .q_step::before, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f .q_plus::after { width: 10px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .p_a_t_c { min-height: 36px; height: 36px; padding: 0 12px; font-size: 14px; letter-spacing: 0.3px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .pplr-p-right { padding: 16px var(--v3-pad-x) calc(var(--v3-foot) + var(--v3-head) - 14px + env(safe-area-inset-bottom)); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header { padding-top: 16px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header::after { left: 0; width: 100%; height: calc(var(--v3-foot) + env(safe-area-inset-bottom)); border-left: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_d, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_c { bottom: calc((var(--v3-foot) - 44px) / 2 + env(safe-area-inset-bottom)); width: min(180px, calc(50% - var(--v3-pad-x) - 8px)); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_d { left: auto; right: calc(50% + 8px); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_c { left: calc(50% + 8px); right: auto; } /* phone: ATC bar on top - back | prices | qty | ATC */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) { --v3-top-gap: 12px; --v3-top-back: 24px; --v3-top-qty-w: 77px; --v3-top-atc-w: 108px; --v3-top-ctrl-h: 38px; --v3-top-h: 80px; --v3-top-pad-t: 12px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr-main > form.pplr_form { grid-template-rows: auto auto minmax(0, 1fr); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button { grid-row: 1; display: -ms-grid; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; grid-template-rows: var(--v3-top-ctrl-h) auto; -ms-flex-line-pack: start; align-content: start; -webkit-box-align: center; align-items: center; column-gap: 0; row-gap: 0; box-sizing: border-box; height: var(--v3-top-h); height: calc(var(--v3-top-h) - var(--v3-top-pad-t) + max(var(--v3-top-pad-t), env(safe-area-inset-top))); padding: var(--v3-top-pad-t) var(--v3-pad-x) 0; padding-top: max(var(--v3-top-pad-t), env(safe-area-inset-top)); border-top: none; border-bottom: 1px solid #E3E3E3; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button::after { display: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .p_h_d .pplr_close.p_r_c { display: none !important; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr-p-left { grid-row: 2; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr-p-right { grid-row: 3; padding-bottom: 20px; padding-bottom: calc(20px + env(safe-area-inset-bottom)); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_inner .pplr_close.c_h_m { display: block !important; grid-column: 1; grid-row: 1; align-self: center; position: relative; width: var(--v3-top-back); min-width: var(--v3-top-back); height: var(--v3-top-back); margin: 0 var(--v3-top-gap) 0 0; padding: 0; opacity: 1; background: transparent url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Crect x=%22.35%22 y=%22.35%22 width=%2223.3%22 height=%2223.3%22 rx=%2211.65%22 fill=%22%23fff%22 fill-opacity=%22.4%22/%3E%3Crect x=%22.35%22 y=%22.35%22 width=%2223.3%22 height=%2223.3%22 rx=%2211.65%22 stroke=%22%23e3e3e3%22 stroke-width=%22.7%22/%3E%3Cpath d=%22m11.625 16.5-4.5-4.5 4.5-4.5M7.75 12h9.125%22 stroke=%22%231e1e1e%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E') center / 100% 100% no-repeat; border: none; border-radius: 0; -webkit-transform: none; transform: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_inner .pplr_close.c_h_m::before, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_inner .pplr_close.c_h_m::after { content: none; display: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_inner .pplr_cur { grid-column: 2; grid-row: 1; -ms-grid-row-align: center; align-self: center; min-width: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 600; line-height: 1; letter-spacing: 0; color: #1E1E1E; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button .a_p_t_c { grid-column: 2 / span 3; grid-row: 2; align-self: start; min-width: 0; margin: 6px 0 0 !important; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button .a_p_t_c .a_p_t { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; column-gap: 0; overflow: hidden; white-space: nowrap; font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: 0; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button .a_p_t_c .a_p_t > span { margin-right: 4px; font-size: 12px; color: #2A7CF8; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button .a_p_t_c .a_p_t > span.money { margin-right: 0; color: inherit; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button:not(:has(.pplr_cur)) .a_p_t_c { grid-column: 2; grid-row: 1; align-self: center; margin-top: 0 !important; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_inner .q_f { grid-column: 3; grid-row: 1; align-self: center; width: var(--v3-top-qty-w); height: var(--v3-top-ctrl-h); margin: 0 0 0 var(--v3-top-gap); border: 1px solid #E3E3E3; border-radius: 8px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_inner .q_f .q_step { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; width: 24px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_inner .p_a_t_c { grid-column: 4; grid-row: 1; align-self: center; width: var(--v3-top-atc-w); min-width: var(--v3-top-atc-w); max-width: var(--v3-top-atc-w); height: var(--v3-top-ctrl-h); min-height: var(--v3-top-ctrl-h); margin: 0 0 0 var(--v3-top-gap) !important; padding: 0 10px; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; text-transform: none; background-color: #2DA6D9; border-radius: 8px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_inner #pplr-atc-line { top: auto; bottom: 6px; } } @media screen and (min-width: 600px) and (max-width: 768px) and (orientation: portrait) { .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box { --v3-pad-x: 32px; --v3-stage-pad: 14px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f { width: 104px; } } @media screen and (max-width: 360px) and (orientation: portrait) { .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box { --v3-head: 52px; --v3-pad-x: 16px; --v3-foot: 80px; --v3-stage-pad: 8px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_h_title { font-size: 15px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-right { padding-top: 16px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button { --v3-foot-gap: 8px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .pplr_cur { font-size: 18px; line-height: 24px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .q_f { width: 88px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_ex_inner .p_a_t_c { padding: 0 10px; font-size: 13px; letter-spacing: 0.2px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_prev_type_wrapper .pplr-text-thumbnail { max-width: 120px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box { --v3-thumb-size: 36px; --v3-switch-space: 48px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.pplr_close { width: 42px; height: 40px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.js_z_o { margin-right: 10px; } } /* Crop / zoom / rotate toolbar sits ABOVE the uploaded image (the DOM puts
after the image; flex order flips it without touching the markup). */ .pplr-v3 .pplr-modal-box.pplr-crop-mode .crop_header, .pplr-v3 .pplr-wrapper .crop_header { display: flex; flex-direction: column; } .pplr-v3 .pplr-modal-box.pplr-crop-mode .crop_header > header, .pplr-v3 .pplr-wrapper .crop_header > header { order: -1; position: relative !important; float: none; width: 100%; height: auto; padding: 0 0 12px !important; margin: 0 0 8px; background: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px; border-bottom: 1px solid #e3e3e3; } .pplr-v3 .pplr-modal-box.pplr-crop-mode .crop_header > .pplr-modal-image, .pplr-v3 .pplr-wrapper .crop_header > .pplr-modal-image { order: 1; flex: 1 1 auto; min-height: 0; } /* v3 popup: the toolbar stays unpositioned so the cancel / confirm buttons and the footer panel behind them (position: absolute) sit in the popup footer, not on the toolbar row */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header { position: static !important; /* zoom in|out and rotate left|right are joined pairs (shared border); the space between the pairs comes from the zoom-out margin */ gap: 0; } /* crop: toolbar + cancel / confirm in one footer row */ .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode { --v3-crop-tool: 40px; --v3-crop-row-gap: 12px; --v3-crop-foot-pt: 16px; --v3-crop-foot-pb: 20px; --v3-crop-foot: calc(var(--v3-crop-foot-pt) + var(--v3-crop-tool) + var(--v3-crop-foot-pb) + 1px); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .pplr-p-right { padding-bottom: calc(var(--v3-crop-foot) + var(--v3-crop-pad)); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header { position: absolute !important; left: auto; right: 0; bottom: 0; z-index: 4; box-sizing: border-box; width: var(--v3-side); height: var(--v3-crop-foot); padding: var(--v3-crop-foot-pt) var(--v3-pad-x) var(--v3-crop-foot-pb) !important; margin: 0; justify-content: flex-start; background: #FFFFFF; border-top: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3; border-bottom: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header::after { display: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.pplr_close { flex: 0 0 auto; width: var(--v3-crop-tool); height: var(--v3-crop-tool); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.js_z_o, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.js_z_l { margin-right: var(--v3-crop-row-gap); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_d, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_c { position: static; flex: 1 1 0; min-width: 0; width: auto; max-width: 160px; height: var(--v3-crop-tool); margin-left: 8px; margin-right: 0; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_d { order: 5; margin-left: auto; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_c { order: 6; } @media screen and (max-width: 768px) and (orientation: portrait) { .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode { --v3-crop-tool: 36px; --v3-crop-row-gap: 8px; --v3-crop-foot-pt: 10px; --v3-crop-foot-pb: 12px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .pplr-p-right { padding: 16px var(--v3-pad-x) calc(var(--v3-crop-foot) + var(--v3-head) + 12px + env(safe-area-inset-bottom)); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header { left: 0; width: auto; height: calc(var(--v3-crop-foot) + env(safe-area-inset-bottom)); padding: var(--v3-crop-foot-pt) var(--v3-pad-x) calc(var(--v3-crop-foot-pb) + env(safe-area-inset-bottom)) !important; border-left: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_d, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .crop_header > header a.p_r_c { max-width: 140px; } } /* -- Own preview stage (stage mode): replaces the theme product media -- */ .pplr-stage-theme-hidden { display: none !important; } .pplr-stage { display: block; width: 100%; max-width: 100%; box-sizing: border-box; } .pplr-stage-view { position: relative; width: 100%; overflow: hidden; } .pplr-stage-main { position: relative; display: block; width: 100%; line-height: 0; } .pplr-stage .pplr_stage_image { display: block; width: 100% !important; height: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; transform: none !important; position: static !important; } .pplr-stage-alt { position: absolute; inset: 0; z-index: 5; background: #fff; display: flex; align-items: center; justify-content: center; } .pplr-stage-alt { cursor: pointer; } .pplr-stage-thumb[data-icon] { background-color: #f4f4f4; background-repeat: no-repeat; background-position: center; background-size: 45%; background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23555%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 20h9%22/%3E%3Cpath d=%22M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z%22/%3E%3C/svg%3E"); } .pplr-stage-alt[hidden] { display: none; } .pplr-stage-alt img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; } .pplr-stage-thumbs { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; scrollbar-width: thin; -webkit-overflow-scrolling: touch; } .pplr-stage-thumbs:empty { display: none; } .pplr-stage-thumb { flex: 0 0 auto; width: 64px; height: 64px; padding: 0; margin: 0; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 6px; background-color: #fff; background-size: cover; background-position: center; cursor: pointer; opacity: 0.7; transition: opacity 0.15s, border-color 0.15s; } .pplr-stage-thumb:hover, .pplr-stage-thumb.is-active { opacity: 1; } .pplr-stage-thumb.is-active { border-color: currentColor; } @media screen and (max-width: 768px) { .pplr-stage-thumb { width: 52px; height: 52px; } } /* -- Keyboard focus: :focus-visible only, so mouse / touch styling is unchanged -- */ .pplr-v3 .pplr-wrapper [role][tabindex]:not([role=dialog]):focus-visible, .pplr-v3 .pplr_crop-modal [role][tabindex]:not([role=dialog]):focus-visible, .pplr-v3 .pplr_tab_wrapper [role][tabindex]:focus-visible, .pplr-v3 .pplr_prev_type_wrapper [role][tabindex]:focus-visible, .pplr-v3 .pplr_arrows [role][tabindex]:focus-visible, .pplr-v3 #pplr-preview [role][tabindex]:focus-visible, .pplr-v3 .pplr-wrapper .pplr_text:focus-visible, .pplr-v3 .pplr-wrapper select:focus-visible, .pplr-v3 .pplr-wrapper input[type=checkbox]:focus-visible, .pplr-v3 .pplr-wrapper button:focus-visible, .pplr-v3 .pplr-wrapper a[href]:focus-visible, .pplr-v3 .pplr-cp .jscolor:focus-visible, .pplr-v3 .pplr-cp .pplr-cp-native:focus-visible, .pplr-v3 .pplr_crop-modal button:focus-visible, .pplr-v3 .pplr-popup-modal-overlay a[href]:focus-visible { outline: 2px solid #005bd3 !important; outline-offset: 2px !important; } .pplr-v3 .pplr-wrapper [role=option][tabindex]:focus-visible { outline-offset: -2px !important; } .pplr-v3 .pplr-switch-input:focus-visible + .pplr-switch-slider, .pplr-v3 .pplrfileuploadbutton:has(input:focus-visible) { outline: 2px solid #005bd3 !important; outline-offset: 2px !important; } .pplr-v3 [role=dialog]:focus-visible { outline: none !important; } /* large screens: no title bar, full-height white stage, back button top-left */ @media not all and (max-width: 768px) and (orientation: portrait) { .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box { --v3-head: 0px; --v3-stage-bg: #FFFFFF; --v3-back-size: 34px; --v3-back-offset: 16px; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box > header.p_h_d { position: relative; z-index: 5; -webkit-box-flex: 0; -ms-flex: 0 0 0px; flex: 0 0 0px; height: 0; min-height: 0; padding: 0; border: none; background: transparent; overflow: visible; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_h_title, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box.pplr-crop-mode .pplr_h_title { display: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .p_h_d .pplr_close.p_r_c { top: var(--v3-back-offset); right: auto; left: var(--v3-back-offset); left: max(var(--v3-back-offset), env(safe-area-inset-left)); width: var(--v3-back-size); height: var(--v3-back-size); opacity: 1; background: transparent url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Crect x=%22.35%22 y=%22.35%22 width=%2223.3%22 height=%2223.3%22 rx=%2211.65%22 fill=%22%23fff%22 fill-opacity=%22.4%22/%3E%3Crect x=%22.35%22 y=%22.35%22 width=%2223.3%22 height=%2223.3%22 rx=%2211.65%22 stroke=%22%23e3e3e3%22 stroke-width=%22.7%22/%3E%3Cpath d=%22m11.625 16.5-4.5-4.5 4.5-4.5M7.75 12h9.125%22 stroke=%22%231e1e1e%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E') center / 100% 100% no-repeat; border: none; border-radius: 0; box-shadow: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .p_h_d .pplr_close.p_r_c::before, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .p_h_d .pplr_close.p_r_c::after, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .p_h_d .pplr_close.p_r_c i { content: none; display: none; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left { container-type: inline-size; } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-left .pplr_preview_wrapper { clip-path: inset(0 -100vw calc(-1 * var(--v3-gut-b)) -100vw); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_arrows .pplr_arrow_left { left: calc(var(--v3-nav-inset) - (100cqw - 100%) / 2 - var(--v3-gut-x)); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr_arrows .pplr_arrow_right { right: calc(var(--v3-nav-inset) - (100cqw - 100%) / 2 - var(--v3-gut-x)); } .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box .pplr-p-right, .pplr-v3.v3Popup .pplr_crop-modal:not([data-main]) > .pplr-popup.pplr-modal-box:not(.pplr-crop-mode) .pplr_ex_button { border-left: 1px solid #E3E3E3 !important; } }.pplr-popup,.p_h_d,.pplr-main,.pplr-p-left,.pplr-p-right,.pplr-modal-box,.pplr-selecter-options,.pplr_background{background-color:var(--pplr-bg,#ffffff);}.pplr-swatch-main .swtooltip,.ptooltip .ptooltiptext{background-color:var(--pplr-tooltip-bg,#cccccc);}.ptooltip{background-color:var(--pplr-tooltip-icon-bg,#3d4246);}.pplr-swatch-main .swtooltip::after{border-top:solid var(--pplr-tooltip-bg,#cccccc) 10px}.ptooltiptext.bottom .ptooltiparrow,.pplr-swatch-main .swtooltip::before{border-bottom:solid var(--pplr-tooltip-bg,#cccccc) 10px}.ptooltiptext.top .ptooltiparrow {border-top-color:var(--pplr-tooltip-bg,#cccccc)}.ptooltip .ptooltiptext{color:var(--pplr-label-color,#000000)}.pplr_select,.pplr-p-right,.pplr_text,.pplr-selecter-selected,.sourceSmallerFont, .sourceBiggerFont{border-color:var(--pplr-field-border-color,#dddddd) !important;border: 1px solid;}span.pplrColor,span.pplrimage{border-color:var(--pplr-swatch-border-color,#dddddd)}.pplr_select,.pplr_text{color:var(--pplr-input-color,#000000)} #vitals-tabs-placeholder { margin: 2rem auto 2rem auto; padding: 0 0 0 0;} .Vtl-ReviewsCarousel__TitleContainer,.Vtl-ReviewsCarousel__ReviewContainer { width: 1200px;} .Vtl-ReviewsCarousel__Widget { margin-top: 4rem; margin-bottom: 4rem;} .Vtl-ReviewsCarousel { --vtl-prc-columns-number: 3;} .Vtl-ReviewsCarousel__ReviewBodyText { -webkit-line-clamp: 3;} .Vtl-ReviewsCarousel__ReviewContainer,.Vtl-ReviewsCarousel__ReviewAuthorContainer,.Vtl-ReviewsCarousel__ReviewBody { text-align: center; justify-content: center;} .Vtl-ReviewsCarousel__TitleContainer { text-align: center;} .Vtl-ReviewsCarousel__Title { font-size: 28px;} .Vtl-ReviewsCarousel__Review { background-color: #ffffff; color: #000000; box-shadow: 1px 1px 5px #eaeaea; border: 1px solid; border-color: #eaeaea; border-radius: 4px;} .Vtl-MediaReviewsCarousel__Section { margin-top: 24px; margin-bottom: 24px;} .Vtl-ReviewsBadge__Container--Vertical { align-self: center;} .Vtl-ReviewsBadge { margin: 24px 16px;} .Vtl-ReviewsBadge__Container--Custom { background-color: #f8f8f8; border-color: #aeaeae;} .Vtl-ReviewsBadge__Container { border-radius: 4px;} .Vtl-ReviewsBadge__Rating--Custom { color: #222222;} .Vtl-ReviewsBadge__Score--Custom { color: #ffffff; background-color: #222222;} .vtl-pr-main-widget--product-page { max-width: 1200px; margin-top: 4rem; margin-bottom: 2rem;} .vtl-pr-main-widget--top-page-reviews { max-width: 1200px; margin-top: 4rem; margin-bottom: 2rem;} .vtl-pr-main-widget--top-reviews { max-width: 1200px; margin-top: 4rem; margin-bottom: 2rem;} .vtl-pr-top-reviews-title { text-align: center; font-size: 28px;} .vtl-pr-top-reviews-desc { text-align: center;} .vtl-pr-main-widget--top-reviews .vtl-pr-main-widget__title-container { text-align: center;} .vtl-pr-main-widget--top-reviews .vtl-pr-main-widget__title { font-size: 28px;} .vtl-pr-main-widget__title-container { text-align: center;} .vtl-pr-main-widget__title { font-size: 28px;} .vtl-pr-main-widget__show-more-button { border-color: #222222; color: #222222;} .vtl-pr__btn { border-radius: 4px;} .vtl-pr-sort-dropdown .Vtl-Dropdown__Header { border-radius: 4px;} .vtl-pr-reviews__write .vtl-pr__btn { --vtl-pr-write-button-border-color: #22222200;} .Vtl-pr-compact__write { --vtl-pr-write-button-border-color: #22222200;} .vtl-pr-wf__submit-btn { --vtl-pr-write-button-border-color: #22222200;} .Vtl-PrMsForm .vtl-pr__btn--flat { background-color: #222222; color: #FFFFFF; --vtl-pr-msf-button-border-color: #22222200;} .vtl-pr-review-card { --vtl-pr-verified-badge-size: 15px; --vtl-pr-card-border-radius: 4px;} .vtl-pr-ri__wrapper { --vtl-pr-verified-badge-size: 15px; --vtl-pr-list-corner-radius: 8px; --vtl-pr-row-card-spacing: 24px; --vtl-pr-row-card-bg: #F9F9F9; --vtl-pr-row-card-text-color: #222222; --vtl-pr-row-card-shadow-color: #22222200; --vtl-pr-row-card-border-color: #D6D6D6;} .Vtl-pr-sl-item { --vtl-pr-verified-badge-size: 15px; --vtl-pr-sl-card-radius: 4px; --vtl-pr-sl-card-bg: #F9F9F9; --vtl-pr-sl-card-border-color: #222222; --vtl-pr-sl-photo-radius: calc(var(--vtl-pr-sl-card-radius) / 2); --vtl-pr-sl-spotlight-aspect: 1 / 1; --vtl-pr-sl-review-text-color: #222222;} .vtl-pr-sort-dropdown.Vtl-Dropdown .Vtl-Dropdown__Header { color: #222222; border-color: #222222;} .vtl-pr-sort-dropdown.Vtl-Dropdown .Vtl-Dropdown__Header .Vtl-Dropdown__Header-ArrowContainer svg path { fill: #222222;} .vtl-pr-review-card__content { --vtl-pr-card-border-radius: 4px; --vtl-pr-card-shadow-size: 5px; --vtl-pr-card-border-color: #D6D6D6; --vtl-pr-card-filled-border-color: #D6D6D600; --vtl-pr-card-show-product-divider: 0; --vtl-pr-card-product-divider-color: #D6D6D6; --vtl-pr-card-show-reply-divider: 0; --vtl-pr-card-reply-divider-color: #D6D6D6;} .vtl-pr-ri__user { --vtl-pr-list-avatar-align: center;} .vtl-pr-masonry { --vtl-pr-masonry-gap: 16px;} .Vtl-pr-sl { --vtl-pr-sl-cards-per-view-desktop: 3; --vtl-pr-sl-show-media: 1;} .Vtl-AiReviewSummary { --vtl-ai-review-summary-bg: #F5F5F5; --vtl-ai-review-summary-accent: #222222; --vtl-ai-review-summary-text: #222222; --vtl-ai-review-summary-text-align: left; --vtl-ai-review-summary-border-radius: 4px;} .vtl-pr-main-widget { --vtl-pr-form-discount-color: #E58A00;} .vtl-pr-wf.vtl-pr-review-form { --vtl-pr-form-discount-color: #E58A00; --vtl-pr-form-border-radius: 16px;} .Vtl-WriteReviewPage__Card { --vtl-pr-form-discount-color: #E58A00; --vtl-pr-form-border-radius: 16px;} .vtl-pr-rpm__content { --vtl-pr-form-discount-color: #E58A00; --vtl-pr-form-border-radius: 16px;} .Vtl-InlineReviewFlow { --vtl-pr-form-border-radius: 16px;} @media (max-width: 768px) { .vtl-pr-main-widget--product-page { margin-top: 4rem; margin-bottom: 2rem;} .vtl-pr-main-widget--top-page-reviews { margin-top: 4rem; margin-bottom: 2rem;} .vtl-pr-main-widget--top-reviews { margin-top: 4rem; margin-bottom: 2rem;}} .Vtl-pr-stars-snippet{position:relative;height:1em}.Vtl-pr-stars-snippet--has-event svg :hover{cursor:pointer}.Vtl-pr-stars-snippet--layer svg{width:1em;height:1em;flex-shrink:0}.Vtl-pr-stars-snippet--back{line-height:1;display:flex}.Vtl-pr-stars-snippet--front{line-height:1;position:absolute;top:0;overflow:hidden;z-index:1;width:0}.Vtl-pr-stars-snippet--front--has-animation{transition:all .6s ease-out}.Vtl-pr-stars-snippet--front--inner{display:flex}.Vtl-pr-stars-snippet--icon-gap .Vtl-pr-stars-snippet--back,.Vtl-pr-stars-snippet--icon-gap .Vtl-pr-stars-snippet--front--inner{gap:1px} .Vtl-pr-review-stars-snippet{line-height:1em;display:flex;align-items:center}.Vtl-pr-review-stars-snippet>div:not(:last-child){margin-right:4px}.Vtl-pr-review-stars-snippet--inner-el{font-weight:initial}.Vtl-pr-review-stars-snippet--shape-solid .Vtl-pr-review-stars-snippet--inner-el,.Vtl-pr-review-stars-snippet--shape-modern .Vtl-pr-review-stars-snippet--inner-el{font-size:.875em}.Vtl-pr-review-stars-snippet--shape-solid .Vtl-pr-review-stars-snippet--inner-el,.Vtl-pr-review-stars-snippet--shape-pointed .Vtl-pr-review-stars-snippet--inner-el,.Vtl-pr-review-stars-snippet--shape-modern .Vtl-pr-review-stars-snippet--inner-el{align-self:end}.Vtl-pr-review-stars-snippet--shape-pointed .Vtl-pr-review-stars-snippet--inner-el{font-size:.8em} body.Vtl-Modal--Active{overflow:hidden;height:auto}.Vtl-Modal[open]{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh;margin:0;padding:0;border:none;background:rgba(0,0,0,0);z-index:2147483645;display:flex}@media(min-width: 768px){.Vtl-Modal[open]{place-content:center;align-items:center}}@media(max-width: 767px){.Vtl-Modal[open].Vtl-Modal--Top{align-items:flex-start}.Vtl-Modal[open].Vtl-Modal--Bottom{align-items:flex-end}.Vtl-Modal[open].Vtl-Modal--Bottom .Vtl-Modal__ContentWrapper{top:0}}.Vtl-Modal[open]::backdrop{background-color:rgba(0,0,0,.8);backdrop-filter:blur(4px)}.Vtl-Modal__InnerWrapper,.Vtl-Modal__ContentWrapper,.Vtl-Modal__Content{pointer-events:none}.Vtl-Modal__Content>*{pointer-events:auto}.Vtl-Modal__ContentWrapper{position:relative;z-index:2;top:100px;transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}@media(max-width: 767px){.Vtl-Modal__ContentWrapper{width:100%}}.Vtl-Modal__Content{height:100%}.Vtl-Modal__InnerWrapper{display:flex;max-height:100%}@media(max-width: 767px){.Vtl-Modal__InnerWrapper{height:100%;width:100%}}.Vtl-Modal__InnerWrapper--Active .Vtl-Modal__ContentWrapper{top:0;opacity:1;transition-duration:350ms;max-height:100%} body {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} img {-webkit-user-drag: none;user-drag: none;} .pplr_ov_layer{position:absolute;pointer-events:none;z-index:9;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);}.pplr_ov_box{position:absolute;pointer-events:auto;touch-action:none;cursor:move;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--pplr-scale-sz:clamp(11px,3vw,10px);--pplr-rot-sz:clamp(14px,3.4vw,24px);--pplr-rot-gap:clamp(14px,3.8vw,18px);--pplr-reset-sz:clamp(15px,4.2vw,20px);}.pplr_ov_box.pplr_ov_nodrag{cursor:default;}.pplr_ov_item{position:absolute;pointer-events:auto;touch-action:none;cursor:move;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;}.pplr_ov_item:hover{outline:1px dashed rgba(0,0,0,.35);}.pplr_ov_item.pplr_ov_on{outline:1px dashed rgba(30,110,240,.9);background:rgba(30,110,240,.04);}.pplr_ov_item{--pplr-scale-sz:clamp(11px,3vw,10px);--pplr-rot-sz:clamp(14px,3.4vw,24px);--pplr-rot-gap:clamp(14px,3.8vw,18px);}.pplr_ov_item.pplr_ov_on .pplr_ov_handle{display:block;}.pplr_ov_box:hover{outline:1px dashed rgba(0,0,0,.35);}.pplr_ov_box.pplr_ov_on{outline:1px dashed rgba(30,110,240,.9);background:rgba(30,110,240,.04);}.pplr_ov_box.pplr_ov_ghosting{background:transparent;}.pplr_ov_handle,.pplr_ov_reset{display:none;position:absolute;box-sizing:border-box;touch-action:none;}.pplr_ov_box.pplr_ov_on .pplr_ov_handle{display:block;}.pplr_ov_box.pplr_ov_on .pplr_ov_reset{display:flex;}.pplr_ov_box.pplr_ov_noscale .pplr_ov_scale{display:none!important;}.pplr_ov_box.pplr_ov_norot .pplr_ov_rot{display:none!important;}.pplr_ov_scale{width:var(--pplr-scale-sz);height:var(--pplr-scale-sz);background:#fff;border:1px solid rgba(30,110,240,.9);border-radius:0%;}.pplr_ov_nw{left:calc(var(--pplr-scale-sz) / -2);top:calc(var(--pplr-scale-sz) / -2);cursor:nwse-resize;}.pplr_ov_ne{right:calc(var(--pplr-scale-sz) / -2);top:calc(var(--pplr-scale-sz) / -2);cursor:nesw-resize;}.pplr_ov_sw{left:calc(var(--pplr-scale-sz) / -2);bottom:calc(var(--pplr-scale-sz) / -2);cursor:nesw-resize;}.pplr_ov_se{right:calc(var(--pplr-scale-sz) / -2);bottom:calc(var(--pplr-scale-sz) / -2);cursor:nwse-resize;}.pplr_ov_n{left:50%;top:calc(var(--pplr-scale-sz) / -2);-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:ns-resize;}.pplr_ov_s{left:50%;bottom:calc(var(--pplr-scale-sz) / -2);-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:ns-resize;}.pplr_ov_e{top:50%;right:calc(var(--pplr-scale-sz) / -2);-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:ew-resize;}.pplr_ov_w{top:50%;left:calc(var(--pplr-scale-sz) / -2);-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:ew-resize;}.pplr_ov_rot{width:var(--pplr-rot-sz);height:var(--pplr-rot-sz);left:50%;transform:translateX(-50%);top:calc(-1 * (var(--pplr-rot-sz) + var(--pplr-rot-gap)));background:#fff;border:1px solid rgba(30,110,240,.9);border-radius:50%;cursor:grab;background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.167 8.033a.65.65 0 0 1-.392-.142.6.6 0 0 1-.242-.358 5 5 0 0 0-.208-.624 4.5 4.5 0 0 0-.292-.592.58.58 0 0 1-.083-.408.65.65 0 0 1 .183-.376.7.7 0 0 1 .576-.2q.324.034.49.317.218.367.384.75t.267.8a.63.63 0 0 1-.125.583.69.69 0 0 1-.559.25m-4.467 5.8a.65.65 0 0 1 .142-.39.6.6 0 0 1 .358-.243q.317-.083.625-.208.309-.124.591-.292a.58.58 0 0 1 .41-.083q.225.033.374.183a.7.7 0 0 1 .2.575.61.61 0 0 1-.317.492 7 7 0 0 1-1.55.65.64.64 0 0 1-.583-.117q-.25-.2-.25-.567m3.433-1.966a.58.58 0 0 1-.183-.367.6.6 0 0 1 .083-.417q.167-.282.292-.592.126-.308.208-.624a.62.62 0 0 1 .234-.358.65.65 0 0 1 .4-.142q.366 0 .566.25a.64.64 0 0 1 .117.583q-.117.4-.275.783t-.375.767a.62.62 0 0 1-.491.317.7.7 0 0 1-.576-.2M6.55 14.5a6.04 6.04 0 0 1-3.25-2.133Q2.033 10.766 2.033 8.7q0-2.5 1.75-4.25t4.25-1.75h.1l-.583-.583a.63.63 0 0 1-.183-.467.66.66 0 0 1 .666-.667.7.7 0 0 1 .484.184L10.233 2.9a.6.6 0 0 1 .142.217.77.77 0 0 1 0 .5.6.6 0 0 1-.142.216L8.5 5.567a.63.63 0 0 1-.467.183.63.63 0 0 1-.466-.183.63.63 0 0 1-.184-.467q0-.283.184-.467l.6-.6h-.134q-1.95 0-3.308 1.358t-1.358 3.31q0 1.616.983 2.858A4.6 4.6 0 0 0 6.867 13.2a.62.62 0 0 1 .358.233.64.64 0 0 1 .142.4q0 .35-.242.55a.62.62 0 0 1-.575.117' fill='%23000'/%3E%3C/svg%3E"); background-size: 16px; background-position: center; background-repeat: no-repeat;}.pplr_ov_rot:after{content:"";position:absolute;left:50%;transform:translateX(-50%);top:calc(var(--pplr-rot-sz) - 2px);width:1px;height:var(--pplr-rot-gap);background:rgba(30,110,240,.9);pointer-events:none;}.pplr_ov_reset{right:calc(var(--pplr-reset-sz) / -2);top:calc(-1 * (var(--pplr-reset-sz) + 10px));width:var(--pplr-reset-sz);height:var(--pplr-reset-sz);align-items:center;justify-content:center;background:#fff;border:1px solid rgba(30,110,240,.9);border-radius:50%;cursor:pointer;color:rgba(30,110,240,.95);}.pplr_ov_reset svg{width:60%;height:60%;fill:currentColor;pointer-events:none;}.pplr_ov_handle.pplr_ov_scale.pplr_ov_active{background:rgba(30,110,240,.95);}.pplr_ov_fence{display:block !important;position:absolute;pointer-events:none;box-sizing:border-box;outline:1px dashed rgba(0,0,0,.75);background:rgba(0,0,0,.06);}.pplr_ov_fence.pplr_ov_fence_degenerate{border-color:rgba(217,44,32,.85);background:rgba(217,44,32,.08);}@media (pointer:coarse){.pplr_ov_box{--pplr-scale-sz:clamp(12px,3.6vw,22px);--pplr-rot-sz:clamp(14px,4vw,24px);--pplr-rot-gap:clamp(12px,3.6vw,18px);--pplr-reset-sz:clamp(14px,4vw,26px);}} body {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} img {-webkit-user-drag: none;user-drag: none;} @font-face { font-family: Poppins; font-weight: 400; font-style: normal; font-display: swap; src: url("narela-poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"), url("narela-poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff"); } @font-face { font-family: Poppins; font-weight: 700; font-style: normal; font-display: swap; src: url("narela-poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"), url("narela-poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff"); } @font-face { font-family: Poppins; font-weight: 400; font-style: italic; font-display: swap; src: url("narela-poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"), url("narela-poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff"); } @font-face { font-family: Poppins; font-weight: 700; font-style: italic; font-display: swap; src: url("narela-poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2") format("woff2"), url("narela-poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff") format("woff"); }