/*==== Offer Spinner Style ====*/

.wdt-single-entry-spinner {     
    width: 100%; max-width: 1200px; display: flex; align-items: center; justify-content: center; margin: auto; }
.wdt-single-entry-spinner .wdt-wheel-container, .wdt-single-entry-spinner .wdt_spinnercontrols { width: 50%; }
.wdt-wheel-container { 
    position: relative; max-width: clamp(18.75rem, 17.638rem + 6.135vw, 25rem); /*400px - 300px*/ 
    min-width: clamp(18.75rem, 17.638rem + 6.135vw, 25rem); /*400px - 300px*/ 
    height: clamp(18.75rem, 17.638rem + 6.135vw, 25rem); /*400px - 300px*/ 
    min-height: clamp(18.75rem, 17.638rem + 6.135vw, 25rem); /*400px - 300px*/ margin: auto; }
.wdt-wheel-container .wdt_spinnerwheel {      
    position: relative; overflow: hidden; width: 100%; height: 100%; background: conic-gradient(#c5b0d5 0% 16.6%, #aec7e8 16.6% 33.2%, #ffbb78 33.2% 49.8%, #98df8a 49.8% 66.4%, #ff9896 66.4% 83%, #f3d898 83% 100%); 
    transition: transform 4s cubic-bezier(0.33, 0.08, 0.38, 1.23); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform 8s ease-out; transition: transform 8s ease-out; -webkit-border-radius: 50%; border-radius: 50%; }
.wdt-wheel-container .wdt_spinnerwheel .wdt-segment-label {     
    pointer-events: none; position: absolute; left: 50%; top: 50%; font-family: var(--wdtFontTypo_Base); 
    font-size: clamp(0.75rem, 0.7278rem + 0.1227vw, 0.875rem); /*14px - 12px*/ font-weight: var(--wdtFontWeight_Ext); 
    color: var(--wdtHeadAltColor); text-transform: capitalize; white-space: nowrap; transform-origin: center; }
.pointer { position: absolute; top: 100px; transform: translateX(-50%);width: 0;height: 0;
    border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 30px solid #333; z-index: 10; }
.wdt_spinnercontrols { text-align: left; margin-left: 30px; }
.wdt_spinnercontrols div:not(:last-child) { margin-bottom: clamp(1.25rem, 1.1388rem + 0.6135vw, 1.875rem); /*30px - 20px*/ }
.wdt_spinnercontrols .wdt-spinner-header .wdt-spinner-subtitle {     
    font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); 
    letter-spacing: var(--wdtLetterSpacing_2X); text-transform: uppercase; margin-bottom: 14px; }
.wdt_spinnercontrols .wdt-spinner-header h2.wdt-spinner-title {
    font-family: var(--wdtFontTypo_Alt); font-size: clamp(1.75rem, 1.661rem + 0.4908vw, 2.25rem); /*36px - 28px*/ 
    font-weight: var(--wdtFontWeight_Alt); line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; margin: 0; }
.wdt_spinnercontrols #wdt-spinForm { position: relative; overflow: hidden; }
.wdt_spinnercontrols #wdt-spinForm input[type="email"] { padding: 16px 22px; padding-right: 20%; line-height: normal; }
.wdt_spinnercontrols #wdt-spinForm input[type="submit"] {
    position: absolute; top: 0; right: 0; bottom: 0; left: auto; line-height: normal; padding: 12px 42px; margin: 5px; }
.wdt_spinnercontrols #wdt-getRewardBtn { cursor: pointer; font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_Base); 
    font-weight: var(--wdtFontWeight_Ext); text-transform: capitalize; margin-top: 20px; }
.wdt_spinnercontrols #wdt-getRewardBtn, .wdt_spinnercontrols #wdt-getRewardBtn:hover {
    position: relative; overflow: hidden; background-color: transparent; color: var(--wdtHeadAltColor); padding: 0; 
    -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }
.wdt_spinnercontrols #wdt-getRewardBtn:after, .wdt_spinnercontrols #wdt-getRewardBtn:before {
    content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; background-color: currentColor; 
    -webkit-transition: transform .4s cubic-bezier(.31,.29,.05,.96); transition: transform .4s cubic-bezier(.31,.29,.05,.96); }
.wdt_spinnercontrols #wdt-getRewardBtn:before { left: 0; }
.wdt_spinnercontrols #wdt-getRewardBtn:after { left: -100%; transition-delay: 0.3s; }
.wdt_spinnercontrols #wdt-getRewardBtn:hover:after, .wdt_spinnercontrols #wdt-getRewardBtn:hover:before { 
    -webkit-transform: translateX(100%); transform: translateX(100%); }
.wdt_spinnercontrols .wdt-spinnerresult:empty { display: none; }
.wdt_spinnercontrols .wdt-spinnerresult {     
    display: inline-block; font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_H6); text-transform: capitalize; background-color: var(--wdtTertiaryColor); padding: 16px 30px; text-align: center; margin-top: 20px; }
.wdt_spinnercontrols .wdt-spinnerresult button[title="Copy code"] {     
    cursor: pointer; font-size: var(--wdtFontSize_H6); background: none; padding: 0; border: none; margin: 0; }
.wdt_spinnercontrols .wdt-spinnerresult button[title="Copy code"] i.coupon-copy-code {
    position: relative; width: 18px; height: 18px; display: flex; align-items: center; 
    justify-content: center; margin-bottom: -1px; }
.wdt_spinnercontrols .wdt-spinnerresult button[title="Copy code"] i.coupon-copy-code::before {
    content: ''; position: absolute; cursor: pointer; width: 100%; height: 100%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M38.5,77.6c-8.9,0-16.1-7.2-16.1-16.1V27h-6.9C9.2,27,4,32.2,4,38.5v46C4,90.8,9.2,96,15.5,96h46C67.8,96,73,90.8,73,84.5 v-6.9L38.5,77.6L38.5,77.6z'/%3E%3Cpath d='M84.5,73h-46C32.2,73,27,67.8,27,61.5l0-46C27,9.2,32.2,4,38.5,4h46C90.8,4,96,9.2,96,15.5v46C96,67.8,90.8,73,84.5,73 L84.5,73z'/%3E%3C/g%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M38.5,77.6c-8.9,0-16.1-7.2-16.1-16.1V27h-6.9C9.2,27,4,32.2,4,38.5v46C4,90.8,9.2,96,15.5,96h46C67.8,96,73,90.8,73,84.5 v-6.9L38.5,77.6L38.5,77.6z'/%3E%3Cpath d='M84.5,73h-46C32.2,73,27,67.8,27,61.5l0-46C27,9.2,32.2,4,38.5,4h46C90.8,4,96,9.2,96,15.5v46C96,67.8,90.8,73,84.5,73 L84.5,73z'/%3E%3C/g%3E%3C/svg%3E%0A");
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; background-color: var(--wdtPrimaryColor); -webkit-transition: all .3s ease; transition: all .3s ease; }
.wdt_spinnercontrols .wdt-spinnerresult button[title="Copy code"]:hover i.coupon-copy-code::before {
    background-color: var(--wdtSecondaryColor); }


/*==== Responsive ====*/

@media (max-width: 1024px) {
  .wdt-wheel-container .wdt_spinnerwheel #segment1 { transform: rotate(0deg) translateX(60px) translateY(-10px) !important; }
  .wdt-wheel-container .wdt_spinnerwheel #segment2 { transform: rotate(60deg) translateX(60px) translateY(35px) !important; }
  .wdt-wheel-container .wdt_spinnerwheel #segment3 { transform: rotate(120deg) translateX(105px) translateY(50px) !important; }
  .wdt-wheel-container .wdt_spinnerwheel #segment4 { transform: rotate(180deg) translateX(130px) translateY(10px) !important; }
  .wdt-wheel-container .wdt_spinnerwheel #segment5 { transform: rotate(240deg) translateX(110px) translateY(-10px) !important; }
  .wdt-wheel-container .wdt_spinnerwheel #segment6 { transform: rotate(300deg) translateX(80px) translateY(-50px) !important; }
}

@media (max-width: 767px) {
  .wdt-single-entry-spinner .wdt-wheel-container, .wdt-single-entry-spinner .wdt_spinnercontrols { width: 100%; }
  .wdt-single-entry-spinner { flex-direction: column; }
  .wdt_spinnercontrols { text-align: center; margin-left: 0; margin-top: 35px; }
}

@media (max-width: 480px) {
  .wdt_spinnercontrols #wdt-spinForm input[type="submit"] {     
    position: relative; width: 100%; max-width: 100%; top: 0; right: 0; bottom: 0; left: auto; 
    padding: 14px 32px; margin: 10px 0 0 0; }
}