:root{--cod-ink: rgb(var(--color-foreground));--cod-cream: rgb(var(--color-background));--cod-hairline: rgba(var(--color-foreground), .16);--cod-hairline-strong: rgba(var(--color-foreground), .34);--cod-muted: rgba(var(--color-foreground), .58);--cod-error: #a8322a;--cod-bg: var(--cod-ink);--cod-fg: var(--cod-cream);--cod-border: var(--cod-ink);--cod-keyline: rgba(var(--color-background), .28);--cod-hover-bg: var(--cod-cream);--cod-hover-fg: var(--cod-ink);--cod-hover-border: var(--cod-ink);--cod-hover-keyline: rgba(var(--color-foreground), .22);--cod-radius: 0px;--cod-ease: cubic-bezier(.22, 1, .36, 1)}html[data-cod-button-look=outline]{--cod-bg: transparent;--cod-fg: var(--cod-ink);--cod-border: var(--cod-ink);--cod-keyline: transparent;--cod-hover-bg: var(--cod-ink);--cod-hover-fg: var(--cod-cream);--cod-hover-border: var(--cod-ink);--cod-hover-keyline: rgba(var(--color-background), .28)}html[data-cod-button-look=accent]{--cod-bg: var(--cod-accent, #b8955a);--cod-fg: var(--cod-accent-text, #ffffff);--cod-border: var(--cod-accent, #b8955a);--cod-keyline: color-mix(in srgb, var(--cod-accent-text, #ffffff) 30%, transparent);--cod-hover-bg: transparent;--cod-hover-fg: var(--cod-accent, #b8955a);--cod-hover-border: var(--cod-accent, #b8955a);--cod-hover-keyline: color-mix(in srgb, var(--cod-accent, #b8955a) 30%, transparent)}.cod-btn.cod-btn{align-items:center;-webkit-appearance:none;appearance:none;background:var(--cod-bg);border:1px solid var(--cod-border)!important;border-radius:var(--cod-radius)!important;box-shadow:none;box-sizing:border-box;color:var(--cod-fg)!important;cursor:pointer;display:flex!important;font-family:var(--font-body-family);font-size:11px!important;font-style:normal;font-weight:600;gap:12px;isolation:isolate;justify-content:center;letter-spacing:.14em;line-height:1.15!important;margin:0!important;min-height:48px!important;opacity:1;overflow:hidden;padding:8px 16px!important;pointer-events:auto;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .26s var(--cod-ease),color .26s var(--cod-ease),border-color .26s var(--cod-ease),transform .16s var(--cod-ease);width:100%!important}.cod-btn.cod-btn:before{border:1px solid var(--cod-keyline);border-radius:calc(var(--cod-radius) - 3px);content:"";display:block!important;top:3px;right:3px;bottom:3px;left:3px;pointer-events:none;position:absolute;transition:border-color .26s var(--cod-ease);z-index:0}.cod-btn.cod-btn>*{position:relative;z-index:1}.cod-btn.cod-btn>div,.cod-btn.cod-btn>span,.cod-btn.cod-btn .cod-btn__title,.cod-btn.cod-btn .cod-btn__sub{align-items:center;color:inherit!important;display:inline-flex;font:inherit;letter-spacing:inherit;margin:0;padding:0}.cod-btn.cod-btn .cod-btn__icon{display:inline-flex;flex:0 0 auto;line-height:0}.cod-btn.cod-btn .cod-btn__icon svg,.cod-btn.cod-btn svg{display:block;fill:none;flex:0 0 auto;height:17px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25;transition:transform .32s var(--cod-ease);width:17px}.cod-btn.cod-btn .bi{display:inline-flex;font-size:15px!important;line-height:1}.cod-btn.cod-btn .bi:before{font-size:inherit!important}.cod-btn.cod-btn .cod-btn__icon+.bi,.cod-btn.cod-btn .cod-btn__icon~div .bi{display:none!important}.cod-btn__text{align-items:center;display:flex;flex-direction:column;gap:3px;justify-content:center}.cod-btn__title{font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.15}.cod-btn__sub{font-size:9px;font-weight:500;letter-spacing:.1em;line-height:1.15;opacity:.68;transition:opacity .26s var(--cod-ease)}@media(hover:hover)and (pointer:fine){.cod-btn.cod-btn:hover{background:var(--cod-hover-bg);border-color:var(--cod-hover-border)!important;color:var(--cod-hover-fg)!important;text-decoration:none}.cod-btn.cod-btn:hover:before{border-color:var(--cod-hover-keyline)}.cod-btn.cod-btn:hover .cod-btn__sub{opacity:.85}.cod-btn.cod-btn:hover .cod-btn__icon svg{transform:translate(-2px)}}.cod-btn.cod-btn:active{transform:translateY(1px)}.cod-btn.cod-btn:focus-visible{outline:2px solid var(--cod-ink);outline-offset:3px}.cod-btn--link.cod-btn,.cod-btn--order.cod-btn{-webkit-tap-highlight-color:transparent}.cod-btn--order .cod-btn__title{white-space:nowrap}.cod-btn--pdp.cod-btn{gap:14px;margin-top:9px!important;min-height:56px!important;padding:8px 20px!important}.cod-btn--pdp .cod-btn__title{font-size:12px;letter-spacing:.16em}.cod-btn--pdp .cod-btn__sub{font-size:9.5px}.cod-btn--pdp.cod-btn .cod-btn__icon svg,.cod-btn--pdp.cod-btn svg{height:19px;width:19px}.cod-btn--pdp.cod-btn .bi{font-size:17px!important}.custom-product-slider__quick-add .cod-btn.cod-btn,.nayelle-recommendations__quick-add .cod-btn.cod-btn{margin-top:auto!important}.custom-product-slider__information .custom-product-slider__price,.custom-product-slider__information .custom-product-slider__product-title,.nayelle-recommendations__information .nayelle-recommendations__price,.nayelle-recommendations__information .nayelle-recommendations__title{margin-bottom:12px}.cod-btn.cod-btn .cod-btn__icon[hidden]{display:none!important}.card__content .quick-add .cod-btn--link.cod-btn{margin-top:.8rem!important}@media screen and (max-width:749px){.cod-btn--card.cod-btn{gap:8px;min-height:42px!important;padding:6px 8px!important}.cod-btn--card .cod-btn__title{font-size:9.5px;letter-spacing:.1em}.cod-btn--card .cod-btn__sub{font-size:8px;letter-spacing:.05em;white-space:nowrap}.cod-btn--card.cod-btn .bi{font-size:13px!important}.cod-btn--card.cod-btn .cod-btn__icon svg,.cod-btn--card.cod-btn svg{height:14px;width:14px}}:root{--cod-sheen: rgba(245, 242, 234, .34);--cod-glow: rgba(245, 242, 234, .85)}@keyframes cod-sheen{0%{transform:translate(-180%) skew(-24deg);opacity:0}4%{opacity:1}22%{transform:translate(320%) skew(-24deg);opacity:1}24%,to{transform:translate(320%) skew(-24deg);opacity:0}}@keyframes cod-glow{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 1px var(--cod-glow),0 6px 22px -10px var(--cod-glow)}}@keyframes cod-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}html[data-cod-button-anim=sheen] .cod-btn.cod-btn:after,html[data-cod-button-anim=sheen] .nayelle-card__quick-add--below .nayelle-card__quick-add-button:after{animation:cod-sheen 6.5s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(90deg,transparent 0%,var(--cod-sheen) 50%,transparent 100%);content:"";display:block!important;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:26%;z-index:0}html[data-cod-button-anim=sheen] .nayelle-card__quick-add--below .nayelle-card__quick-add-button{overflow:hidden;position:relative}html[data-cod-button-anim=glow] .cod-btn.cod-btn,html[data-cod-button-anim=glow] .nayelle-card__quick-add--below .nayelle-card__quick-add-button{animation:cod-glow 4.5s ease-in-out infinite}html[data-cod-button-anim=breathe] .cod-btn.cod-btn,html[data-cod-button-anim=breathe] .nayelle-card__quick-add--below .nayelle-card__quick-add-button{animation:cod-breathe 4s ease-in-out infinite}.cod-btn.cod-btn:hover,.nayelle-card__quick-add--below .nayelle-card__quick-add-button:hover,.cod-btn.cod-btn:hover:after,.nayelle-card__quick-add--below .nayelle-card__quick-add-button:hover:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.cod-btn.cod-btn,.nayelle-card__quick-add--below .nayelle-card__quick-add-button,.cod-btn.cod-btn:after,.nayelle-card__quick-add--below .nayelle-card__quick-add-button:after{animation:none!important}.cod-btn.cod-btn,.cod-btn.cod-btn *{transition:none!important}}html:not([data-cod-button-style=app]) #easysell-modal{background-color:#1212128f;-webkit-backdrop-filter:blur(8px) saturate(.9);backdrop-filter:blur(8px) saturate(.9);color:var(--cod-ink);font-family:var(--font-body-family)}html:not([data-cod-button-style=app]) #easysell-modal .es-modal-content{margin:6vh auto;width:min(500px,92%)}html:not([data-cod-button-style=app]) #easysell-modal #easysell{--es-form-color: var(--cod-ink);--es-fields-color: var(--cod-ink);--es-fields-bg: var(--cod-cream);--es-fields-border: var(--cod-hairline-strong);--es-fields-radius: 0px;color:var(--cod-ink);font-family:var(--font-body-family);font-size:14px;line-height:1.5}html:not([data-cod-button-style=app]) #easysell-modal .es-css *,html:not([data-cod-button-style=app]) #easysell-modal .es-css *:before,html:not([data-cod-button-style=app]) #easysell-modal .es-css *:after{font-family:inherit}html:not([data-cod-button-style=app]) #easysell-modal .es-form-container,html:not([data-cod-button-style=app]) #easysell-modal .es-thanks-container,html:not([data-cod-button-style=app]) #easysell .es-thanks-container{animation:cod-panel-in .42s var(--cod-ease) both;background-color:var(--cod-cream);border:1px solid var(--cod-ink);border-radius:0;box-shadow:0 40px 90px -40px #1212128c;color:var(--cod-ink);margin-top:0;padding:26px 30px 30px}@keyframes cod-panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}html:not([data-cod-button-style=app]) #easysell-modal .es-form-header{align-items:flex-start!important;border-bottom:1px solid var(--cod-hairline);margin-bottom:22px;padding-bottom:18px}html:not([data-cod-button-style=app]) #easysell-modal .es-form-header .flex-fill>div{color:var(--cod-ink);font-family:var(--font-heading-family);font-size:21px;font-weight:400;letter-spacing:.01em;line-height:1.2;margin:0!important;text-align:left;text-transform:uppercase;text-wrap:balance}html:not([data-cod-button-style=app]) #easysell-modal .es-form-header .flex-fill>div:before{color:var(--cod-muted);content:var(--cod-modal-eyebrow, "Cash on delivery");display:block;font-family:var(--font-body-family);font-size:10px;font-weight:600;letter-spacing:.2em;line-height:1;margin-bottom:10px;text-transform:uppercase}html:not([data-cod-button-style=app]) #easysell-modal .es-form-header .flex-fill>div:empty:before{display:none}html:not([data-cod-button-style=app]) #easysell-modal .close-icon{align-items:center;border:1px solid var(--cod-hairline-strong);color:var(--cod-ink)!important;display:inline-flex;height:36px;justify-content:center;margin:-6px -6px 0 12px;transition:background-color .22s var(--cod-ease),color .22s var(--cod-ease),border-color .22s var(--cod-ease);width:36px}html:not([data-cod-button-style=app]) #easysell-modal .close-icon .bi{font-size:13px;line-height:1}html:not([data-cod-button-style=app]) #easysell-modal .close-icon:hover{background:var(--cod-ink);border-color:var(--cod-ink);color:var(--cod-cream)!important}html:not([data-cod-button-style=app]) #easysell-modal .es-group{margin-bottom:12px}html:not([data-cod-button-style=app]) #easysell-modal .es-group:empty{display:none}html:not([data-cod-button-style=app]) #easysell-modal .es-cart_content-group{margin-bottom:18px}html:not([data-cod-button-style=app]) #easysell-modal .es-line-item{border-bottom:1px solid var(--cod-hairline)!important;gap:14px;margin-bottom:0!important;padding:12px 0!important}html:not([data-cod-button-style=app]) #easysell-modal .es-line-item.es-line-top{padding-top:0!important}html:not([data-cod-button-style=app]) #easysell-modal .es-line-item>.mx-2{margin:0!important}html:not([data-cod-button-style=app]) #easysell-modal .es-image-container,html:not([data-cod-button-style=app]) #easysell-modal .es-image-placeholder{background:#fff;border:1px solid var(--cod-hairline)!important;border-radius:0!important;height:64px!important;width:64px!important}html:not([data-cod-button-style=app]) #easysell-modal .es-image{border-radius:0!important;height:100%;min-width:0!important;object-fit:contain;width:100%}html:not([data-cod-button-style=app]) #easysell-modal .quantity-badge{background-color:var(--cod-ink)!important;border-radius:0!important;box-shadow:0 0 0 2px var(--cod-cream);color:var(--cod-cream);display:inline-flex!important;font-size:10px!important;font-weight:600;height:18px!important;justify-content:center;line-height:18px;min-width:18px;padding:0 4px;width:auto!important}html:not([data-cod-button-style=app]) #easysell-modal .es-line-item .fw-bold{font-weight:500!important}html:not([data-cod-button-style=app]) #easysell-modal .es-product-title-link .es-product-title{color:var(--cod-ink)!important;font-size:12px!important;font-weight:600;letter-spacing:.05em;line-height:1.35!important;text-transform:uppercase}html:not([data-cod-button-style=app]) #easysell-modal .es-product-title.variant{color:var(--cod-muted);font-size:11px!important;font-weight:400;letter-spacing:.04em;margin-top:3px;text-transform:none}html:not([data-cod-button-style=app]) #easysell-modal .es-p-price{font-size:13px;font-variant-numeric:tabular-nums;font-weight:500!important;letter-spacing:.02em;white-space:nowrap}html:not([data-cod-button-style=app]) #easysell-modal .es-d-price{color:var(--cod-muted)!important;font-weight:400!important}html:not([data-cod-button-style=app]) #easysell-modal .total-container{background:transparent!important;border:0!important;border-radius:0!important;color:var(--cod-ink)!important;margin:0 0 6px!important;padding:0!important}html:not([data-cod-button-style=app]) #easysell-modal .total-container>.p-1{padding:0!important}html:not([data-cod-button-style=app]) #easysell-modal .total-container .label-title,html:not([data-cod-button-style=app]) #easysell-modal .total-container .es-subt-line>div:first-child,html:not([data-cod-button-style=app]) #easysell-modal .total-container .es-shipping-line>div:first-child{color:var(--cod-muted);font-size:11px;font-weight:500!important;letter-spacing:.14em;text-transform:uppercase}html:not([data-cod-button-style=app]) #easysell-modal .total-container .label-value{font-size:13px!important;font-variant-numeric:tabular-nums;font-weight:500!important}html:not([data-cod-button-style=app]) #easysell-modal .total-container .es-subt-line,html:not([data-cod-button-style=app]) #easysell-modal .total-container .es-shipping-line{padding:6px 0!important}html:not([data-cod-button-style=app]) #easysell-modal .total-container .total-row{align-items:baseline;border-top:1px solid var(--cod-ink)!important;margin:8px 0 0!important;padding:14px 0 0!important}html:not([data-cod-button-style=app]) #easysell-modal .total-container .total-row>div:first-child{font-size:11px;font-weight:600!important;letter-spacing:.16em;text-transform:uppercase}html:not([data-cod-button-style=app]) #easysell-modal .total-container .total-value{font-family:var(--font-heading-family);font-size:22px!important;font-variant-numeric:tabular-nums;font-weight:400!important;letter-spacing:.01em;line-height:1}html:not([data-cod-button-style=app]) #easysell-modal .es-input-group-text{display:none!important}html:not([data-cod-button-style=app]) #easysell-modal .es-input-group>.es-form-control,html:not([data-cod-button-style=app]) #easysell-modal .es-input-group-text~.es-input{border-radius:0!important;margin:0!important;width:100%!important}html:not([data-cod-button-style=app]) #easysell-modal #easysell .es-input,html:not([data-cod-button-style=app]) #easysell-modal #easysell .es-form-control,html:not([data-cod-button-style=app]) #easysell-modal #easysell .es-select{appearance:none;-webkit-appearance:none;background-color:var(--cod-cream)!important;border:1px solid var(--cod-hairline-strong)!important;border-radius:0!important;box-shadow:none!important;color:var(--cod-ink)!important;font-size:14px!important;font-weight:400;height:52px!important;letter-spacing:.02em;line-height:1.4;outline:none;padding:0 16px!important;transition:border-color .22s var(--cod-ease),background-color .22s var(--cod-ease)}html:not([data-cod-button-style=app]) #easysell-modal #easysell textarea.es-input,html:not([data-cod-button-style=app]) #easysell-modal #easysell textarea.es-form-control{height:auto!important;min-height:96px;padding:14px 16px!important}html:not([data-cod-button-style=app]) #easysell-modal #easysell .es-input:hover,html:not([data-cod-button-style=app]) #easysell-modal #easysell .es-select:hover{border-color:rgba(var(--color-foreground),.6)!important}html:not([data-cod-button-style=app]) #easysell-modal #easysell .es-input:focus,html:not([data-cod-button-style=app]) #easysell-modal #easysell .es-form-control:focus,html:not([data-cod-button-style=app]) #easysell-modal #easysell .es-select:focus{background-color:#fff!important;border-color:var(--cod-ink)!important;box-shadow:none!important;outline:none!important}html:not([data-cod-button-style=app]) #easysell-modal #easysell .es-input::placeholder,html:not([data-cod-button-style=app]) #easysell-modal #easysell .es-form-control::placeholder{color:var(--cod-muted)!important;letter-spacing:.02em;opacity:1!important}html:not([data-cod-button-style=app]) #easysell-modal #easysell .es-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23121212' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E")!important;background-position:right 16px center!important;background-repeat:no-repeat!important;background-size:12px 12px!important;padding-right:42px!important}html:not([data-cod-button-style=app]) #easysell-modal #easysell [dir=rtl] .es-select{background-position:left 16px center!important;padding-left:42px!important;padding-right:16px!important}html:not([data-cod-button-style=app]) #easysell-modal .es-error input,html:not([data-cod-button-style=app]) #easysell-modal .es-error select,html:not([data-cod-button-style=app]) #easysell-modal .es-error input:focus{border:1px solid var(--cod-error)!important;box-shadow:inset 0 0 0 1px var(--cod-error)!important}html:not([data-cod-button-style=app]) #easysell-modal .es-errors,html:not([data-cod-button-style=app]) #easysell-modal .es-error2{color:var(--cod-error);font-size:12px;letter-spacing:.02em;list-style:none;padding:0}html:not([data-cod-button-style=app]) #easysell-modal .es-errors:empty{display:none}html:not([data-cod-button-style=app]) #easysell-modal .es-cta-group{margin-top:20px}html:not([data-cod-button-style=app]) #easysell-modal .es-button.es-cta-btn{align-items:center;background:var(--cod-bg)!important;border:1px solid var(--cod-border)!important;border-radius:var(--cod-radius)!important;color:var(--cod-fg)!important;display:flex;font-family:var(--font-body-family);font-size:12px!important;font-weight:600!important;justify-content:center;letter-spacing:.16em;line-height:1.2;margin:0!important;min-height:56px!important;overflow:hidden;padding:10px 20px!important;position:relative;text-transform:uppercase;transition:background-color .26s var(--cod-ease),color .26s var(--cod-ease),transform .16s var(--cod-ease)}html:not([data-cod-button-style=app]) #easysell-modal .es-button.es-cta-btn:before{border:1px solid var(--cod-keyline);content:"";top:3px;right:3px;bottom:3px;left:3px;pointer-events:none;position:absolute;transition:border-color .26s var(--cod-ease)}html:not([data-cod-button-style=app]) #easysell-modal .es-button.es-cta-btn:not(:disabled):hover{background:var(--cod-hover-bg)!important;border-color:var(--cod-hover-border)!important;color:var(--cod-hover-fg)!important}html:not([data-cod-button-style=app]) #easysell-modal .es-button.es-cta-btn:not(:disabled):hover:before{border-color:var(--cod-hover-keyline)}html:not([data-cod-button-style=app]) #easysell-modal .es-button.es-cta-btn:not(:disabled):active{transform:translateY(1px)}html:not([data-cod-button-style=app]) #easysell-modal .es-button.es-cta-btn:focus-visible{outline:2px solid var(--cod-ink);outline-offset:3px}html:not([data-cod-button-style=app]) #easysell-modal .es-button-content{gap:12px;position:relative;z-index:1}html:not([data-cod-button-style=app]) #easysell-modal .es-button-content>div{display:inline-flex;align-items:center}html:not([data-cod-button-style=app]) #easysell-modal .es-button .bi{font-size:15px!important;line-height:1;opacity:.85}html:not([data-cod-button-style=app]) #easysell-modal .es-total-placeholder{font-variant-numeric:tabular-nums}html:not([data-cod-button-style=app]) #easysell-modal .es-button-subtitle{font-size:10px!important;font-weight:500!important;letter-spacing:.1em;margin-top:4px!important;opacity:.7}html:not([data-cod-button-style=app]) #easysell-modal .es-loading-mask{background-color:currentColor!important}html:not([data-cod-button-style=app]) #easysell-modal .es-soldout-label{color:var(--cod-muted);font-size:11px;letter-spacing:.16em;margin-top:16px;text-align:center;text-transform:uppercase}html:not([data-cod-button-style=app]) #easysell-modal .es-thanks-container h2,html:not([data-cod-button-style=app]) #easysell-modal .es-thanks-container .h2{font-family:var(--font-heading-family);font-weight:400;letter-spacing:.01em;text-transform:uppercase}html:not([data-cod-button-style=app]) #easysell-modal .es-thanks-container a{color:var(--cod-ink)}@media screen and (max-width:749px){html:not([data-cod-button-style=app]) #easysell-modal .es-modal-content{bottom:0;left:0;margin:0;max-height:94dvh;overflow-y:auto;position:fixed;width:100%}html:not([data-cod-button-style=app]) #easysell-modal .es-form-container,html:not([data-cod-button-style=app]) #easysell-modal .es-thanks-container{animation-name:cod-sheet-in;border-left:0;border-right:0;border-bottom:0;box-shadow:none;padding:20px 18px calc(22px + env(safe-area-inset-bottom,0px))}html:not([data-cod-button-style=app]) #easysell-modal .es-form-header .flex-fill>div{font-size:18px}html:not([data-cod-button-style=app]) #easysell-modal #easysell .es-input,html:not([data-cod-button-style=app]) #easysell-modal #easysell .es-form-control,html:not([data-cod-button-style=app]) #easysell-modal #easysell .es-select{font-size:16px!important;height:50px!important}}@keyframes cod-sheet-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html:not([data-cod-button-style=app]) #easysell-modal .es-form-container,html:not([data-cod-button-style=app]) #easysell-modal .es-thanks-container{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/cod-button.css.map */