.bag-trayicon-container{opacity:0;position:absolute;left:8px;bottom:65px;z-index:1;display:table;text-align:center;margin:auto}.bag-trayicon-container .bag-action{display:flex;flex-wrap:wrap;float:left;margin:8px;font-weight:500;font-size:14px;letter-spacing:1px;overflow:hidden;white-space:nowrap;background:#30a74b;color:#fff;text-transform:uppercase;border:1px solid #30a74b;border-radius:22px;width:46px;height:46px;outline:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-transition:all .25s ease;-o-transition:all .25s ease;-webkit-transition:all .25s ease;transition:all .25s ease}.bag-trayicon-container .bagIconContainer{background-image:url("../../../../../Images/Mobile/bag_icon.svg");width:26px;height:26px;display:table;margin:9px 6px 9px 4px}@keyframes bagActionIcon{0%{opacity:0;-moz-transform:scale3d(0,0,0);-ms-transform:scale3d(0,0,0);-o-transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}15%{opacity:1;-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);width:46px}30%{opacity:1;-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);width:46px}50%{width:158px}80%{width:158px}100%{width:46px}}@keyframes bagActionIconInt{0%{opacity:0;-moz-transform:scale3d(0,0,0);-ms-transform:scale3d(0,0,0);-o-transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}15%{opacity:1;-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);width:46px}30%{opacity:1;-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);width:46px}50%{width:100%}80%{width:100%}100%{width:46px}}@keyframes bagTickAction{0%{opacity:0;-moz-transform:scale3d(0,0,0);-ms-transform:scale3d(0,0,0);-o-transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}15%{opacity:1;-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);width:46px}30%{opacity:1;-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);width:46px}50%{width:178px}80%{width:178px}100%{width:46px}}@keyframes bagActionText{0%{opacity:0;-moz-transform:scale3d(0,0,0);-ms-transform:scale3d(0,0,0);-o-transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}15%{opacity:1;-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);width:46px;padding:0 6px}30%{opacity:1;-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);width:46px;padding:0 6px}40%{width:130px;padding:0 .75rem}80%{width:130px;padding:0 .75rem}100%{width:46px}}.bag-trayicon-container .bag-action-icon{justify-content:flex-start;flex-direction:row-reverse;padding:0 4px}.bag-trayicon-container .bag-action-icon.bag-action-icon-animate{animation:2.5s ease-in-out 0s 1 bagActionIcon}.bag-trayicon-container .bag-action-tick-animate{animation:2.5s ease-in-out 0s 1 bagTickAction}.bag-trayicon-container .bag-text-expand{margin:0 4px;letter-spacing:1px;font-weight:600}.bag-trayicon-container .bag-action-text{padding:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.bag-trayicon-container .bag-action-icon span,.bag-trayicon-container .bag-action-text span{align-self:center}.bag-trayicon-container .bag-tray-tick-wrapper{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.bag-trayicon-container .bag-icon-disabled{opacity:.65;pointer-events:none}.bag-trayicon-container .nx-spinner-light{display:none}.bag-trayicon-container .bag-tray-tick-wrapper{display:none;background:url("../../../../../Images/Mobile/bag_tick.svg") no-repeat center;width:16px;height:26px;margin:9px 10px 9px 10px}@media only screen and (max-width:767px){.bag-trayicon-container{opacity:1}}.bag-trayicon-container.tray-icon-loading .bag-action-icon{pointer-events:none}.bag-trayicon-container.tray-icon-loading .bag-action-icon span{display:none}.bag-trayicon-container.tray-icon-loading .bag-action-icon .nx-spinner-light{display:flex;height:20px;width:20px;margin-left:8px}.bag-trayicon-container.tray-icon-tick .bag-action-icon{pointer-events:none}.bag-trayicon-container.tray-icon-tick .bag-action-icon .bagIconContainer{display:none}.bag-trayicon-container.tray-icon-tick .bag-action-icon .bag-tray-tick-wrapper{display:table}body[data-theme=""] .bag-trayicon-container{left:16px;bottom:70px}body[data-theme=""] .bag-trayicon-container .bag-action{margin:2px;height:44px;width:44px}body[data-theme=""]:not([data-country="GB"]) .bag-action-icon{animation:3s ease-in-out 0s 1 bagActionIconInt}body[data-theme=""]:not([data-country="GB"]) .bag-action-tick-animate{animation:2.5s ease-in-out 0s 1 bagTickAction}body[data-theme="Reiss"] .bag-trayicon-container{left:3px;bottom:54px}body[data-theme="Reiss"] .bag-trayicon-container .bag-action{margin:2px;height:44px;width:44px}body[data-theme="Reiss"] .bag-trayicon-container .bag-action .bagIconContainer{margin:9px 4px 9px 4px}body[data-theme="Reiss"] .bag-trayicon-container .bag-action .bagIconContainer svg{height:25px;width:23px}body[data-theme="GAP"] .bag-trayicon-container{left:14px;bottom:72px}body[data-theme="GAP"] .bag-trayicon-container .bag-action{margin:2px;height:44px;width:44px}body[data-theme="GAP"] .bag-trayicon-container .bag-action .bagIconContainer{margin:9px 4px 9px 4px}body[data-theme="GAP"] .bag-trayicon-container .bag-action .bagIconContainer svg{height:22.92px;width:22px}body[data-theme="JoJo"] .bag-trayicon-container{left:14px;bottom:14.33px}body[data-theme="JoJo"] .bag-trayicon-container .bag-action{margin:2px;height:44px;width:44px}body[data-theme="JoJo"] .bag-trayicon-container .bag-action .bagIconContainer{margin:9px 4px 9px 4px}body[data-theme="JoJo"] .bag-trayicon-container .bag-action .bagIconContainer svg{height:20px;width:20px}.bag-tray-overlay{position:fixed;width:100%;height:100%;z-index:10000;bottom:0;background:rgba(0,0,0,.75);opacity:0;transition:all .4s ease-out}.show-overlay{pointer-events:none;opacity:1;transition:all .4s ease-out}.bag-tray-container{z-index:10051;width:100%;position:fixed;right:0;font-family:"Azo Sans",sans-serif;font-size:.875rem;font-weight:400;background-color:#fff;border-top:1px solid #9e9e9e;transition:all .35s ease-out;height:460px}.bag-tray-container p{margin:0;padding:0}.bag-tray-container .bag-tray-title{background:#f7f7f7;text-transform:uppercase;font-size:15px;font-weight:500;padding-right:16px;border-bottom:1px solid #9e9e9e;display:flex;justify-content:space-between;align-items:center;height:44px}.bag-tray-container .bag-tray-title p{line-height:19px;letter-spacing:1.07px;font-family:'azoMedium'}.bag-tray-container .bag-tray-title #close-btn{cursor:pointer}.bag-tray-container .arrow:after{border-top-color:#fff}.bag-tray-container .bag-tray-item-title-container{background:#f7f7f7;border-bottom:1px solid #eaeaea;flex-wrap:nowrap;width:100%;display:flex}.bag-tray-container .bag-tray-item-title-container .bag-tray-item-title,.bag-tray-container .bag-tray-item-title-container .bag-tray-item-price{font-size:16px;font-weight:500;padding-right:16px;line-height:47px;font-family:'azoMedium'}.bag-tray-container .bag-tray-item-title-container .bag-tray-item-price{text-align:left;white-space:nowrap;padding-left:16px;margin-right:auto}.bag-tray-container .bag-tray-body-content{height:98%;background:#fff;padding-bottom:105px}.bag-tray-container .bag-tray-body-content .fitContainer{background:#f7f7f7;border-bottom:1px solid #eaeaea}.bag-tray-container .bag-tray-body-content .fitContainer .fitLabel{text-indent:4px;line-height:70px}.bag-tray-container .bag-tray-body-content .fitContainer .trayFitChipList{overflow-y:hidden;overflow-x:scroll;margin-top:12px;margin-bottom:13px;margin-right:8px}.bag-tray-container .bag-tray-body-content .traySizeList{overflow:scroll}.bag-tray-container .bag-tray-body-content .traySizeList .traySizeOptionLabel{padding-right:16px;padding-left:16px;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #eaeaea;position:relative;display:flex;align-items:center;height:64px;margin-bottom:0}.bag-tray-container .bag-tray-body-content .traySizeList .traySizeOptionLabel:last-child{border-bottom:none}.bag-tray-container .bag-tray-body-content .traySizeList .traySizeOptionLabel span.traySizeOptionIcon{background:#fff;padding:5px;width:20px;height:20px;border:1px solid #9e9e9e;display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;line-height:0}.bag-tray-container .bag-tray-body-content .traySizeList .traySizeOptionLabel span.traySizeOptionIcon b{width:8px;height:8px;background:#fff;display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:-1px -1px}.bag-tray-container .bag-tray-body-content .traySizeList .traySizeOptionLabel span.traySizeOptionIcon.disabled{border:1px solid #dedede}.bag-tray-container .bag-tray-body-content .traySizeList .traySizeOptionLabel span.traySizeOptionText{margin-right:30px;line-height:normal;text-transform:none}.bag-tray-container .bag-tray-body-content .traySizeList .traySizeOptionLabel span.traySizeOptionText.noStock{color:red}.bag-tray-container .bag-tray-body-content .traySizeList .traySizeOptionLabel input[type="radio"]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.bag-tray-container .bag-tray-body-content .traySizeList .traySizeOptionLabel input[type="radio"]:checked~span.traySizeOptionIcon{border:2px solid #257f39}.bag-tray-container .bag-tray-body-content .traySizeList .traySizeOptionLabel input[type="radio"]:checked~span.traySizeOptionIcon b{background:#000}.bag-tray-container .bag-tray-body-content .traySizeList .traySizeOptionLabel input[type="radio"]:checked~span.traySizeOptionText{font-weight:500;font-family:'azoMedium'}.bag-tray-container .bag-tray-body{height:100%}.bag-tray-container .bag-tray-body-buttons{padding:16px;width:100%;bottom:0;display:flex;z-index:2;justify-content:space-between;background-color:#f7f7f7;border-top:1px solid #eaeaea;position:absolute}.bag-tray-container .bag-tray-body-buttons .tray-addtobag-btn{width:100%;margin:0 auto;font-weight:600!important;text-decoration:none;padding:5px 0;text-transform:uppercase}.bag-tray-container .traySizeList{max-height:calc(100% - 47px);overflow-y:auto}.bag-tray-container .traySizeList.bottomHeightAdjust{max-height:100%}.bag-tray-container .fitContainer+.traySizeList{max-height:calc(100% - 110px)}.bag-tray-container .fitContainer+.traySizeList.bottomHeightAdjust{max-height:calc(100% - 80px)}.bag-tray-container ul.trayFitChipList{list-style:none;margin:0 0 10px 0;padding:0;white-space:nowrap;-webkit-overflow-scrolling:touch;height:45px}.bag-tray-container ul.trayFitChipList::-webkit-scrollbar{display:none}.bag-tray-container ul.trayFitChipList .trayFitChipItem{margin:0 0 0 12px;display:inline-block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #c6c6c6;padding:9px 15px;cursor:pointer;overflow:hidden;height:40px}.bag-tray-container ul.trayFitChipList .trayFitChipItem a{width:100%;height:100%;text-align:center;text-decoration:none;display:inline-block}.bag-tray-container ul.trayFitChipList .trayFitChipItem a span{font-size:14px}.bag-tray-container ul.trayFitChipList .trayFitChipItem.active{padding:10px 14px;border:2px solid #1a6461;background-color:rgba(18,100,97,.05)}.bag-tray-container ul.trayFitChipList .trayFitChipItem{background-color:#fff;border:1px solid #9e9e9e;height:44px;padding:11px 15px}.bag-tray-container ul.trayFitChipList .trayFitChipItem.active{border:2px solid #257f39;background:rgba(37,127,57,.05);font-weight:600;pointer-events:none}.bag-tray-container .tray-addtobag-btn .nx-spinner-light{display:none;height:28px;margin:0 auto;width:28px}.bag-tray-container .tray-addtobag-btn.tray-loading{pointer-events:none}.bag-tray-container .tray-addtobag-btn.tray-loading .nx-spinner-light{display:block}.bag-tray-container .tray-addtobag-btn.tray-loading .prompt{display:none}.bag-tray-container .tray-addtobag-btn.tray-loading .tickWrapperCls{display:none}.bag-tray-container .tray-addtobag-btn.tray-btn-tick{pointer-events:none}.bag-tray-container .tray-addtobag-btn.tray-btn-tick .tickWrapperCls{display:block}.bag-tray-container .tray-addtobag-btn.tray-btn-tick .prompt{display:none}.bag-tray-container .bag-tray-body-content .bag-tray-body-loader{display:none;justify-content:center;align-items:center;height:50%}.bag-tray-container .bag-tray-body-content .nx-spinner-dark{height:28px;margin:0 auto;width:28px}.bag-tray-container .bag-tray-body-content.tray-body-loading .bag-tray-body-loader{display:flex}.bag-tray-container .bag-tray-body-content.tray-body-loading .traySizeList{display:none}.tickWrapperCls{display:none;line-height:.75;position:relative}.tickWrapperCls .tick{-webkit-transform:rotate(-45deg) translate(4px,4px);-moz-transform:rotate(-45deg) translate(4px,4px);-ms-transform:rotate(-45deg) translate(4px,4px);-o-transform:rotate(-45deg) translate(4px,4px);transform:rotate(-45deg) translate(4px,4px);height:24px;width:24px;margin:-20px auto 0 auto;position:relative}.tickWrapperCls .tick.text-variant{height:19px;width:19px;position:relative;right:0;top:3px;-webkit-transform:rotate(-45deg) translate(4px,4px);-moz-transform:rotate(-45deg) translate(4px,4px);-ms-transform:rotate(-45deg) translate(4px,4px);-o-transform:rotate(-45deg) translate(4px,4px);transform:rotate(-45deg) translate(4px,4px)}html[dir="rtl"] .tickWrapperCls .tick.text-variant{-webkit-transform:scaleX(-1) rotate(-45deg);-moz-transform:scaleX(-1) rotate(-45deg);-ms-transform:scaleX(-1) rotate(-45deg);-o-transform:scaleX(-1) rotate(-45deg);transform:scaleX(-1) rotate(-45deg)}.tickWrapperCls .tick.text-variant .line{position:absolute;left:0;height:0;width:2px;bottom:0;background:#fff;-webkit-animation:strokeExpandA .4s ease;animation:strokeExpandA .4s ease;-webkit-transition:height .3 ease-in;transition:height .3 ease-in;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.tickWrapperCls .tick.text-variant .line2{position:absolute;height:2px;width:0;bottom:0;right:62%;background:#fff;-webkit-animation:strokeExpand2A .2s ease;animation:strokeExpand2A .2s ease;-webkit-transition:height .3 ease-in;transition:height .3 ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.tickWrapperCls .tick .line{position:absolute;left:0;height:0;width:3px;bottom:0;background:#fff;-webkit-animation:strokeExpand .4s ease;animation:strokeExpand .4s ease;-webkit-transition:height .3 ease-in;transition:height .3 ease-in;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.tickWrapperCls .tick .line2{position:absolute;height:3px;width:0;bottom:0;right:60%;background:#fff;-webkit-animation:strokeExpand2 .2s ease;animation:strokeExpand2 .2s ease;-webkit-transition:height .3 ease-in;transition:height .3 ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.landscape .bag-tray-container{height:100%}.overflow-pdptray-hidden{overflow:hidden}@media only screen and (max-width:320px) and (orientation:portrait){.bag-tray-container .bag-tray-body-content .fitContainer .trayFitChipList{margin-right:11px}}